/* CSS Document */
html, body { height: 100%; }

html { 
background: #B81714 url('/images/html_bg.gif') repeat-x;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

body { 
background: url('/images/bg_body.jpg') top left repeat-y; 
margin: 0; 
padding: 0; 
}

a {
outline:0;
}

h1,h2,h3,h4 { 
color: #fff; 
}

.clear { 
clear: left; 
}

#container { 
width: 785px; 
margin: 0;
}

#containerred { 
position:absolute; 
top:218px; 
left:780px;}

#header { 
height: 219px; 
overflow: hidden; 
background: url('/images/header.jpg') no-repeat; 
}

#header h1 { 
padding: 12px 0px 5px 555px; 
color: #B81714; 
margin: 0; 
font-family: Myriad, Arial, Helvetica, sans-serif; 
font-size: 30px; 
}

#header h1 a { 
display: block; 
width: 200px; 
text-decoration: none; 
line-height: 28px; 
color: #B81714;
}

#header ul {
margin: 0 0 0 15px; 
padding: 108px 0 0 0; 
height: 31px; 
overflow: hidden; 
}

#header ul li { 
list-style-type: none; 
float: left;  
}

#header ul li a { 
color: #B81714; 
text-decoration: none; 
text-transform: uppercase; 
line-height: 31px; 
padding: 0 15px; 
display: block; 
font-family: Myriad, Arial, Helvetica, sans-serif; 
font-size: 14px ;
}

#header ul li.active a,
#header ul li a:hover { 
color: #666; 
text-decoration: none; 
text-transform: uppercase; 
background: url('/images/red_triangle.gif') bottom left no-repeat;
}

.redcontent input {
width:175px;
}

.redcontent #submit {
width:auto;
display:block;
margin:10px 0 0 0 ;
}

.content { 
width: 780px; 
margin: 0; 
padding: 0;
background: #FFF url('/images/content_bg.gif') top left repeat-x; 
}

.content h1 { 
padding: 10px 0 0 18px; 
color: #B81714; 
margin: 0; 
font-size: 23px; 
color: #B81714;
}

.content h2 {
padding: 0;
margin: 0;
text-indent: -99em;
}

.content p { 
padding: 0 30px 0 193px; 
margin: 0;
font-size: 12px; 
line-height: 18px; 
color: #666; }

#dotline { 
float: left; 
margin: 9px 0 0 19px; 
padding-bottom: 9px; 
height: 3px; 
background:url('/images/dotted_line.gif') repeat-x; 
width: 760px; 
}

#noteblock {
float: left; 
margin: 5px 0 0 19px; 
padding: 0; 
width: 157px; 
height: 157px; 
background: url('/images/noteblock.gif') no-repeat; 
}

#submenu ul { 
margin: 177px 0 0 0; 
padding: 0; 
list-style-type: none; 
font-size: 11px; 
}

#submenu ul li { 
background:url('/images/submenu_bg.gif') bottom left no-repeat; 
height:27px;
}

#submenu ul li a { 
display: block; 
line-height: 24px; 
width: 152px; 
height: 24px; 
padding-left: 5px; 
color: #B81714; 
text-decoration: none; 
text-transform: uppercase;
}


#submenu ul li:first-child {
	height:30px;
}

#submenu ul li:first-child a {
background:url('/images/submenu_bg.gif') top left no-repeat;
padding-top: 3px;
}

#submenu ul li a:hover, #submenu ul li.first a:hover, #submenu ul li.active a { 
background-color: #B81714; 
color: #FFF; 
text-decoration: none;
}

#smiheader { 
margin:0; 
padding-left: 28px; 
padding-bottom: 10px; 
height: 126px; 
background:url('/images/info_header.gif') top left no-repeat; 
} 

#cgheader { 
margin: 0; 
padding-left: 28px; 
padding-top: 10px; 
height: 126px; 
background:url('/images/contact_header.gif') top left no-repeat; 
}

.redcontent {
padding: 5px 0 0 7px;
margin: 0;
/*background: #B81714; */ 
border-top:1px solid white; 
height: 126px; 
max-height:126px; 
line-height: 17px; 
width:auto; 
}

.redcontent p { 
padding: 0; 
margin: 1px 0 0 0; 
font-size: 12px; 
color: #FFF; 
line-height: 17px;
}

.redcontent a { 
padding: 0; 
margin: 0; 
font-size: 12px;
color: #FFF;
}

.redcontent a:active, a:hover {
text-decoration: underline; 
color: #FFF; 
}