@charset "utf-8";
/* CSS Document */

body {
/* background:#341304 url(../images2/page_bg.jpg) top repeat-x; margin:0; padding:0; color:white; */
background:#04253b url(../images/body_bg.jpg) top left repeat-x;
margin:0; 
padding:0;

}

.cleaner { /* clears all floats */
clear:both;
}

.content { /* all content in all columns uses this - creates padding/margin */
padding:10px;
}

a:link, a:visited {
font-weight:bold;
text-decoration:none;
color:#5b8898;
}

a:active, a:hover {
text-decoration:underline;
}

.error { /* alerts */
color:#CC3333;
}

h1 { 
color:#f0f0f0;
font-size:1.2em;
margin-top:0;
margin-bottom:1em;
padding:4px 4px 4px 20px;
background: url(../images/bullet.png) 0 9px no-repeat;
}

h2 {
color:#f0f0f0;
font-weight:bold;
font-size:1.1em;
text-transform:uppercase;
letter-spacing:1px;
margin-top:0;
margin-bottom:1em;
padding:4px 4px 4px 20px;
background: url(../images/bullet.png) 0 9px no-repeat;
}

h3 {
color:#f0f0f0;
font-weight:bold;
font-size:1em;
text-transform:uppercase;
margin-top:0;
}

strong {
color:#dce6f2;
}

.first { /* when you need 0 margin at the top */
margin-top:0px;
}

ul { /* unordered lists with plus signs */
padding:0;
margin:1em 0;
list-style-image:none;
list-style-type:none;
}

ul li{ /* the menu items */
padding: 3px 5px 3px 30px;
margin-left:15px;
background: url(../images/bullet.png) 10px 8px no-repeat;
}

.keypoint { /* outdented paragraph to emphasize a point */
margin-left:60px;
text-indent:-60px;
}

.thumbnail_para { /* left aligned image, text to the right of thumbnail */
clear:both;
}
	.thumbnail_para img {float:left; margin-bottom:1.5em;}
	.thumbnail_para h3 {margin: 0 0.5em 0 100px;}
	.thumbnail_para p {margin-left:100px;}

.supported_products { /* grid of products supported on supported_products.php */
float:left;
width:110px;
margin-right:10px;
display:inline;
}

#left_main ul { /* in the left column */
margin:0;
}
#left_main ul li {
margin-left:0px;
padding:3px 0 3px 20px;
background: url(../images/bullet.png) 0px 8px no-repeat;
}

form {
margin:0;
padding:0;
}

.form_field {
width:250px;
background: #b0c4d2;
}

#center_all { /* centers whole page */
position:absolute;
width:766px;
left:50%;
margin: 0 0 15px -383px;
padding-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
color:#b2c4cc;
background: #0f1214 url(../images/content_bg_leftcol.jpg) left top repeat-y;
text-align:left;
line-height:1.25em;
}

#dropshadow_bottom { /* dropshadow at bottom of design */
height:20px;
margin:0px; padding:0px;
}

#header {
margin:0;padding:0;
height:237px;
border-bottom:4px solid #252729;
background: #0f1214;
}

#content_main { /* holds left and right columns */
width:766px;
position:relative;
}

#right_main { /* holds white content and gray "excellence" footer */
float:right;
margin: 0 20px 20px 0;
width:484px; /* 522px - 20px right & 40px left margin */
color:#b2c4cc;
display:inline;
position:relative;
}

.float_right { /* images, boxes, whatever, that you want floated on the right side */
float:right;
margin: 0 0 1em 1em;
}

.float_left { /* images, boxes, whatever, that you want floated on the left side */
float:left;
margin: 0 1em 1em 0;
}

#left_main img, #right_main img { /* images in the content areas */
padding:4px;
border:1px solid #313639;
}

#left_main { /* holds left hand column */
width:200px; /* 232px - 20px left margin */
margin:0 20px;
color:#6f7c82;
}

.author { /* who said quote */
text-align:right;
font-size:0.9em;
font-weight:bold;
}

.left_menu { /* div that holds the menu, has the border */
border: 1px solid #431a07;
background: #f1fcf6;
margin-right:20px;
font-size:.9em;
margin-bottom:2em;
}

.left_menu ul { /* the menu itself */
padding:0;
margin:0;
list-style-image:none;
list-style-type:none;
}

.left_menu ul li { /* get rid of the normal PLUS sign from lists*/
padding:0;
margin:0;
list-style-image:none;
list-style-type:none;
}

.left_menu ul li a { /* the menu items */
display:block;
padding: 7px 5px 7px 30px;
margin:0;
background: url(../images2/leftnav_bullet_w_bg.jpg) 10px 9px no-repeat;
}

.left_menu ul li a:hover { /* the menu items when MouseOver */
display:block;
padding: 7px 5px 7px 30px;
margin:0;
background: #f7ede8 url(../images2/leftnav_bullet_w_bg_mo.jpg) 10px 9px no-repeat;
text-decoration:none;
color:#53240e;
}

#footer {
clear:both;
text-align:right;
color:#657177;
font-size:.7em;
padding: 15px 20px;
border-top:1px solid #252729;
}

#footer a:link, #footer a:visited {
color:white;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#f7ede8;
text-decoration:none;
}

#copyright { /* copyright */
float:left;
padding:0px;
}