﻿/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }

html {overflow-y: scroll;}
body { font: 12px/14px Verdana,Arial,sans-serif; color: #fff; text-align: left; background: #000 url(images/background.jpg) no-repeat center 0; padding-bottom:15px}

a { color: #fff; text-decoration: none; cursor: pointer; }
a:hover { color: #FFAD66; text-decoration: none; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.ac a:hover { color: #d7752a; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 824px; }

/*
	Header
*/

#header { height: 130px; position: relative; z-index: 2;}

h1#logo { height: 56px; width: 189px; position: absolute; top: 28px; left: 37px; text-indent: -4000px; background: url(images/blank.gif);  }
h1#logo a { display: block; height: 56px; }

#header p { padding: 30px 0 60px; color: #fff; }

#navigation { height: 24px; float: right; display: inline; padding-right:3px;}

#navigation ul { height: 24px; float: left; margin: 0; padding-top: 0px; list-style: none; font-size: 14px; }
#navigation li { float: left; margin-left: 5px; font-size: 14px; line-height: 24px; position: relative; z-index: 1; }
#navigation li.last { background:none; }
#navigation li:hover { z-index:2; }
#navigation li a, 
#navigation l a span { float: left; display: block; height: 24px; line-height: 24px; overflow: hidden; padding-left: 6px; background: url(images/nav.gif) no-repeat 0 0; }
#navigation li a span { padding-left: 0; padding-right: 9px; background-position: right 0;  right:-3px; }

#navigation li a.active,
#navigation li a:hover { text-decoration: none; background-position:0 bottom; color:#2b3753z; }

#navigation li a.active span,
#navigation li a:hover span{ background-position:right bottom; }

#navigation li a:hover .menu,
#navigation li.active a .menu,
#navigation li:hover a .menu { background-position: 0 -37px; line-height: 24px; }
#navigation li a:hover,
#navigation li.active a,
#navigation li.hover a,
#navigation li:hover a { color: #09548B; background-position:0 bottom; }
#navigation li:hover .sub,
#navigation li.hover .sub { display:block; }
#navigation li .sub { display: none; position: absolute; top: 24px; left: -3px; background: url(images/submenu_top.png) no-repeat; width: 186px; padding-top: 9px;}
#navigation li ul { background: url(images/submenu_bg.png) repeat-y; width: 162px; height: auto; margin: 0; padding: 0 12px 10px; list-style: none; font-size: 14px;}

#navigation li:hover li,
#navigation li.active li { width: 100%; padding: 1px 0 2px; border-bottom: 1px #C1D9F0 dashed; background: none !important; }
#navigation li:hover li a,
#navigation li.active li a { color: #09548B; background: none !important; line-height: normal; width: 156px; padding: 8px 3px 3px; text-indent: 1px; }
#navigation li:hover li a:hover,
#navigation li.active li a:hover { color: #fff; background: #165B9F !important; text-decoration: none; line-height: normal; }
/*IE*/
#navigation li li a:hover,
#navigation li li a:hover { color: #fff; background: #165B9F !important; text-decoration: none; line-height: normal; }
/**/
#navigation .btm-bg { background: url(images/submenu_bottom.png) no-repeat; width: 205px; height: 9px; overflow: hidden; clear: both; }


#content { position: relative; width: 956px; margin: -57px -66px 0; z-index: 1; }
#content-top { height: 64px; background: url(images/content-top.png) no-repeat 0 0; }
#content-bottom { height: 57px; background: url(images/content-bottom.png) no-repeat 0 0; }
#content-bg-wrapper { height: 100%; background: url(images/content-bg.png) repeat-y 0 0; padding: 0 66px; }

/*
	Sidebar
*/

#sidebar { float: left; display: inline; width: 267px; }

#welcome { height: 317px; background: url(images/welcome-bg.jpg) no-repeat 0 0; }
#welcome h2 { height: 68px; width: 202px; background: url(images/h-welcome.png) no-repeat 0 0; margin: 15px 0 15px 17px; }
#welcome p { font: 16px/23px "Gotham Book", Verdana, Arial, sans-serif; padding-bottom: 10px; }
#welcome p a { font: 11px Verdana, Arial, sans-serif; }
#sidebar .wrapper { padding: 0 30px; }

#stay-connected { height: 209px; background: url(images/stay-connected-bg.jpg) no-repeat 0 0; }
#stay-connected h2 { height: 30px; width: 219px; background: url(images/h-stay-connected.png) no-repeat 0 0; margin: 23px 0 28px 20px; }
#stay-connected .wrapper { padding: 0 25px; }
#stay-connected p { padding-bottom: 15px; }
#stay-connected label { float: left; display: inline; line-height: 20px }
#stay-connected .field { float: left; display: inline; margin: 0 0 25px 5px; border: 0; background: #fff; width: 80px; padding: 2px 3px; }

/*
	Main
*/

#main { float: right; display: inline; width: 547px; }
#main-photo { height: 318px; background: url(images/main-photo-bg.jpg) no-repeat 0 0; margin-bottom: 8px; position: relative; } 
img.mainphoto { display: block; height: 310px; width: 424px; background: url(images/main-photo.png) no-repeat 0 0; margin-left: 15px; }

.shortbox { float: left; display: inline; width: 269px; height: 201px; font-size: 11px; }
.shortbox-last { float: right; }
.shortbox h2 { height: 30px; background-repeat: no-repeat; background-position: 0 0; margin: 15px 0 25px 25px; }
.shortbox p { padding-bottom: 10px; }
.shortbox p a, .shortbox p.ar a:hover  { text-decoration: none; }
.shortbox p a:hover, .shortbox p.ar a { text-decoration: none; }
.shortbox p.ar { padding: 28px 0 0 0; }
.shortbox .wrapper { padding: 0 25px; }
.highlights { background: url(images/highlights-bg.jpg) no-repeat 0 0; }
.highlights h2 { width: 161px; background-image: url(images/h-highlights.png); }
.news-events h2 { width: 216px; background-image: url(images/h-news-events.png); }
.news-events { background: url(images/news-events-bg.jpg) no-repeat 0 0; }

.breadcrumbs { color: #d7752a; font: 14px "Gotham Light", Verdana, Arial, sans-serif; padding: 35px 0 0; }
.breadcrumbs a { color: #d7752a; }
.breadcrumbs a:hover {color: #FFAD66; text-decoration: none;}
.emailLink { color: #d7752a !important; }
.emailLink:hover { color: #FFAD66 !important; text-decoration: none; }
.inputField { border: 2px solid #cccccc; }
.inputLabel { padding-bottom: 5px; padding-top: 5px; }

.article { color: #000; width: 500px; padding-bottom: 20px; border-bottom: 1px solid #000; padding-top: 30px; }
.last-article { border: 0; padding-bottom: 0; }
.article h3 { font-size: 12px; color: #2b3753; margin-bottom: 10px; }
.article p { padding-bottom: 10px; }
.article p a { color: #000; }

/*
	Footer
*/

#footer { line-height: 22px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }