/************Style Guide
Primary Colors

Red - #D22014
Black - #333
Body color - #EBE3CE
Link color - #0084CE

Primary Fonts
Heading / Nav font = Georgia
Body Text = Arial


***********************/

body {font-family:"Arial", Verdana, sans-serif; font-size:11px; color:#333; background: #EBE3CE;}
h1, h2, h3, h4, h5, h6 {font-family:"Georgia", serif;}
a {text-decoration:none; color:#0084CE;}
a:hover {text-decoration:underline;}
img {border:none;}
.clear, clearall {clear:both; padding:0; margin:0; height:0;}

#container {width:900px; margin:20px auto 0 auto;}

#header {width:900px; font-family:"Georgia", serif; padding:0; height:155px;}
#logo {width:150px; float:left;}
#header_content {750px; padding:20px 0 0 0;}

#info {float:left; width:480px; padding:0 0 0 20px;}
#info h1 {font-size:2.8em; font-weight:normal; padding:0;}
#info h2 {font-size:1.4em; padding:10px 0 0 0; color:#D22014;}
#header_nav {width:240px; float:right; color:#333; font-size:1em;}
#header_nav ul {height:30px; text-align:right;}
#header_nav ul li {display:inline; line-height:1em; background:center right url(../images/bullet_footer_black.gif) no-repeat; padding:0 0 0 8px;}
#header_nav ul li:last-child {background:none;}
#header_nav ul li a {color:#333; text-decoration:underline; padding:0 8px 0 0;}

#btnsearch, #keywords {border:1px solid #333; background:#fff;}
#keywords {font-size:1em; padding:3px; width:160px;}
html>/**/body #keywords {width:170px; padding:5px;}
input#btnsearch {font-family:"Georgia", serif; font-size:.9em; margin:0 0 0 -4px; padding:2px;}
html>/**/body input#btnsearch {font-size:.9em; padding:4px; margin:0 0 1px -4px;}

#header_bottom {margin:100px 0 0 0; padding:0;}
#header_bottom strong{font-size:1.3em; font-weight:normal; padding:0 0 0 20px;}

#navigation {font-family:"Georgia", serif; width:900px; clear:both; font-size:1.4em; height:30px; z-index:200;}
#navigation ul {width:900px; background: top left url(../images/bg_primary_nav_repeatx.jpg) repeat-x; height:30px; color:#fff; float:left;}
#navigation ul li {display:inline; float:left; cursor:pointer; background: center right url(../images/bg_primary_nav_separator.gif) no-repeat; padding:0 2px 0 0;}
#navigation ul li:last-child {background:none;}
#navigation ul li a {display:block; float:left; padding:6px 11px 10px 11px; color:#fff;}
#navigation ul li a:hover, #navigation ul li a#active-nav {background: top left url(../images/bg_primary_nav_hover_repeatx.jpg) repeat-x; text-decoration:none; }

/* Common Nav */

	#nav li ul{width:222px; float:left; padding:0px; position:absolute; left:-999em; margin:30px 0 0 -138px; z-index:200;}
        html>/**/body #nav li ul{margin:30px 0 0 0px;}
	#nav li ul li {width:222px; display:block; border-bottom:1px solid #DBCDBD; border-left:1px solid #DBCDBD; border-right:1px solid #DBCDBD; color:#333; padding:0; margin:0; position:relative; z-index:110;}
	#nav ul li a {display:block;color:#333; background:#EBE3CE; width:198px; padding:6px 12px; margin:0;}
	#nav li:hover ul, #nav li#fir:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
	#nav li:hover ul, #nav li#fir:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left:auto;}	
	
/* Unique Nav */
	#nav ul li a:hover {color:#fff; background:#D22014;}                           


#main {width:900px; margin:10px 0 0 0; padding:0; background:top left url(../images/bg_body_full_repeaty.gif) repeat-y; clear:both;}
#main p, #main ul, #main ol {font-size:1em; padding:6px 0; line-height:1.8em;}

#content {width:650px; float:left;  padding:10px; margin:0; background:#fff;}

#banner {padding:0; margin:0;}
#banner img {position:relative; z-index:1;}
#caption{width:340px; border:1px solid #EBE3CE; position:absolute; top:240px; margin:0 0 0 -360px; height:80px; z-index:2;}
html>/**/body #caption{top:240px; margin:0 0 0 294px;}

.transparent {width:340px; height:80px; background:#efefef; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; margin:0;}
#caption h2, #caption a, #caption p{height:10px; margin:0; padding:10px 20px; margin:-80px 0 0 0; position:relative;}
#caption h2 {font-size:2.2em; margin-bottom:20px;}
#caption p {margin:-14px 0 0 0;}
#caption a {text-decoration:underline; color:#333; padding:0;}

#sidebar {width:222px; float:right;}
#sidebar_top{padding:10px 16px 30px 16px;}
#sidebar_top {border-bottom:9px solid #EBE3CE;}
#sidebar_top img {width:33px; float:right;}
#sidebar_top h4 {color:#D22014; font-size:1.4em; padding:10px 0;}
#sidebar h5 {font-family:"Georgia", serif; padding:8px 0; font-size:1em; line-height:1.5em;}
#sidebar p {padding:10px 0 10px 0;}
#sidebar a {font-size:1em; text-decoration:underline;}

#sidebar_middle, #sidebar_bottom {padding:6px 6px 30px 6px;}
#sidebar_middle h4 {font-size:1.4em; display:block; color:#fff; padding:6px 10px 14px 10px; background:#D22014 bottom left url(../images/bg_heading_arrow_bottom.gif) no-repeat;}
#sidebar_middle div {margin:10px; border-bottom:1px solid #EBE3CE; padding:0 0 10px 0;}
#sidebar_middle div h5 {color:#D22014; padding:0;}
#sidebar_middle div a, #sidebar_middle div p {padding:6px 0;}

#home_containers {padding:0; margin:8px 0; color:#fff; background:top left url(../images/home_containers_full.jpg) repeat-y; width:648px; min-height:170px;}
#home_containers h3 {font-size:1.8em; font-weight:normal; text-transform:uppercase; letter-spacing:.05em;}
#home_containers a {color:#fff; text-decoration:underline;}
#home_containers em {color:#000; font-size:1.4em;}
.home_container {width:212px; float:left; margin:0; background:#ccc;}
.red {background:none;}
.green {background:none;}
.blue {background:none;}
.red, .green {margin-right:6px;}
.home_container div {margin:8px; padding:8px;}
#home_containers p {padding:6px 0; margin:0; line-height:1.4em;}

.red div {border:1px solid #BE251F;}
.green div {border:1px solid #8DAE2C;}
.blue div {border:1px solid #45A0B3;}


#footer {width:900px; clear:both; font-family:"Georgia", serif; padding:10px 0;}
#footer p {padding:4px 0 0 8px;}
#footer ul {padding:14px 0 40px 0;}
#footer ul li{display:inline; padding:0 0 0 8px; background:center right url(../images/bullet_footer_black.gif) no-repeat; }
#footer ul li:last-child {background:none;}
#footer ul li a {color:#333; padding:0 12px 0 0; text-decoration:underline;}

