body, html	{
    left: 0px;
    top:0px;
    margin: 0px;
    padding: 0px; 
	border: 0px;
	height: 100%;
	height:auto !important;
	min-height: 100%; 
	}

/*This is the background columns*/
body { background: url( /img/body-bg.gif) repeat-y scroll left top; background-color: #000;}


/* navigation */

#navigation { 
position: absolute;
	width: 299px;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	top: 0px;
	}



.subnavbg {
	position: absolute;
	top: 30px;
	padding: 0px;
	margin: 0px;
	width:299px;
	height: 300px;
	opacity: .4;
	filter: alpha(opacity=40);
	/*z-index: 0;*/
	clear: both;
	}

.subnavfg {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 290px;
	height: 300px;
	/*z-index: 5;*/
	}
	
/*This gets the text in .subnavfg off the left side*/
.subnavfg h1.subnav, .subnavfg a.subnav, .subnavfg p.subnav {margin-left: 12px}



.contact {
	top: 0px;
	background-color: #c91414;
	height: 30px;
	width: 110px;
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	z-index: 500;
	}

.why {
	top: 0px;
	background-color: #666;
	height: 30px;
	width: 189px;
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	z-index: 500;
	}

.topics {
	position: absolute;
	top: 330px;
	height: 30px;
	width: 169px;
	float: left;
	background-color: #000;
	}

.cases {
	position: absolute;
	top: 330px;
	left: 169px;
	height: 30px;
	width: 130px;
	float: left;
	background-color: #000;
	}
/*
.black {
	position: absolute;
	top: 360px;
	width: 299px;
	background-color: #000;
	}
	*/

/*Mucho optimized a css*/
a.global { font-family: Arial, sans-serif; /*font-size: 18px;*/ text-decoration: none; font-weight: bold;}

a.global:link  {color: #fff;}
a.global:visited { color: #ccc; }
a.global:hover { color: #993333; }
a.global:active { color: #c91414; }

h1.subnav {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-bottom: 8px;
	margin: 0;
	}	
p.subnav {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left: 15px;
	padding-top: 0;
	margin: 0;
	padding-bottom: 8px;
	}


a.subnav { font-family: Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding-bottom: 8px;
	margin-top: 0;}

a.subnav:link { color: #a30606; }
a.subnav:visited { color: #a30606; }
a.subnav:hover { color: #a30606; }
a.subnav:active { color: #a30606;}


/* content */


#content {
	position: absolute;
	top: 0px;
    left: 299px;
	width: 450px;
	height: auto;
	padding: 10px;
	background: #ccc url(../img/white_spacer.gif);
	display:table;
	}

#content h1, #content h2, #content h3, 

#content h1	{
	font-family: Georgia, serif;
	font-size: large;
    color: #666;
	font-weight: bold;
	padding-top: 57px;
	padding-bottom: 10px;
	margin: 0px;
	}

#content h2	{

	font-family: Verdana, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #c91414;
    padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	}

#content h3	{
	font-family: Verdana, arial, sans-serif;
    font-size: small;
	font-weight: bold;
    font-variant: small-caps;
    color: #000;
	padding-left: 10px;
	 padding-bottom: 10px;
    margin: 0px;
	}
	
#content p{		
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
	color: #333;
	letter-spacing: 0.5px;
	width: 440px;
	padding-left: 15px;
	padding-bottom: 10px;
	margin: 0px;
	}
#content li {
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
	color: #333;
	margin: 0;	
	}

#content ul {
	margin-top: 0;		
	border-top: 0;	
	padding-top: 0;	
	}


#content a { font-family: "Trebuchet MS", sans-serif;
	font-size: small;    	text-decoration: none;
	font-weight: bold;}

#content a:link { color: #333; }
#content a:visited { color: #666; }
#content a:hover { color: #c91414; }
#content a:active { color: #c91414; }

p.form {
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
	letter-spacing: 0.5px;
	margin: 0px;
	font-style: oblique;
	color: #CCCCCC;
	}