/* Import structure for menu -- DO NOT MODIFY */
/* If you need to style the menu,you should add those styles in this screen.css file */
@import url(lib/main-menu.css);/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/
@import url(reset.css);@import url(default.css);/*
Font-size reference. Calcuate with:pixel_size / 12
9px :0.75em
10px :0.8333em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3333em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8333em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3333em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em
*/
/*
** =global
********************************/
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.hr{width:100%;border-bottom:1px dotted #706659;margin:20px 0;}
body{background:#006993;font-family:Helvetica;}
p{font-size:1.0833em;}
/***
Header ***/
#header{width:100%;margin:0 auto;height:235px;}	/*background:url(../img/header-repeatx.jpg) repeat-x bottom left #fff;*/
#headerholder{width:100%;margin:0 auto;height:235px;position:relative;background:url('../img/header-bg-new.jpg') no-repeat center top;z-index:100;}	/*background:url(../img/headerbg.gif) no-repeat bottom center;*/
#headerwrap{width:900px;margin:0 auto;height:235px;position:relative;}
/*#logo{float:left;margin:50px 0 0;}*/
#logo{display:block;width:240px;height:200px;text-indent:-9999em;}
#topimage{position:absolute; top:0; right:0; width:600px; height:235px; display:block;overflow:hidden;}
#topimage img{width:600px;height:235px;}
#rightheaderbg{position:absolute;top:0;left:50%;width:50%;height:235px;z-index:1;background:url('../img/header-bg-tile.jpg') repeat-x 0 0;}
#leftheaderbg{position:absolute;top:0;left:0;width:50%;height:235px;z-index:1;background:#fff}
/***
Navigation ***/
#navigation{width:100%;height:50px;margin:0 auto;background:#006993;}
#navigationwrap{width:900px;height:50px;margin:0 auto;}
#nav{list-style:none;display:inline;}
#nav li{float:left;margin:5px 0 0;position:relative;}
#nav li:hover{background:url(../img/nav-left.gif) top left no-repeat ;}
#nav li:hover a{background:url(../img/nav-right.gif) top right no-repeat;}
#nav li a{color:#fff;font-size:1.25em;font-weight:bold;font-style:italic;padding:10px 10px 20px;display:block;}
#nav li ul{display:none;}
#nav li:hover ul{display:block;position:absolute;top:45px;left:0;padding:0 0 11px;background:url(../img/subnavbottom.gif) bottom left no-repeat;}
#nav li ul{width:180px;list-style:none;background:url(../img/subnavtop.gif) repeat-x top left #756d6d;color:#fff;text-align:center;padding:10px 0 0;}
#nav li:hover ul li{background:#756d6d;width:180px;margin:0;}
#nav li:hover ul li a{padding:5px 10px;background:none;font-size:1.0833em;}
#nav li:hover ul li:hover{background:#a1a1a1;}
#nav li:hover ul li:hover a{background:none;display:block;}
/***
Content ***/
#content{width:100%;margin:0 auto;background:url(../img/contentbg.jpg) top left repeat-x #fff;}
#contentwrap{width:900px;margin:0 auto;padding:20px 0 5px;}
#maincontent{float:right;width:570px;padding:0 15px;}
#sidecontent{width:254px;float:left;padding:0 23px;}

#maincontent p	{ clear:left; }
img.staff		{ background:url('../img/staff-shadow.jpg') no-repeat 0 0; float:left; margin:0 5px 0 -19px; padding:19px; width:150px; height:150px; }

/***
Side Boxes ***/
.shadowbox{width:251px;background:url(../img/sidebg.gif) no-repeat top left;margin:0 0 10px;}
.shadowbox .shadowboxbottom{width:224px;background:url(../img/sidebgbottom.gif) no-repeat bottom left;padding:12px 15px 3px 12px}
.shadowbox .shadowboxbottom.side_img p{margin:0;padding:0;}
/***
Pull Quotes ***/
.pullquotes p{color:#746d6d;font-family:Georgia;font-size:1.0em;font-style:italic;padding:5px 10px;}
.pullquotes p a{color:#ba5915;font-family:Georgia;font-size:1.0em;font-style:normal;}
.pullquotes p a:hover{color:#cb8350;}
/***
Bottom Modules ***/
#modules{border-top:1px solid #cccccc;margin:10px 0 0;padding:35px 0 0 20px;}
.modules-box{background:url(../img/modulebg.jpg) repeat-y top left;width:266px;float:left;margin:0 26px 0 0;display:inline;}
.modules-box .modules-box-bottom{background:url(../img/modulbottom.jpg) no-repeat bottom left;width:226px;height:165px;padding:0 20px 5px;position:relative;}
#content .modules-box .modules-box-bottom h2{color:#fff;width:196px;margin:0 0 8px -14px;padding:10px 0 10px 55px;font-family:Georgia;font-size:1.5em;font-style:italic;}
.modules-box .modules-box-bottom img{position:absolute;top:-29px;left:-18px;}
.modules-box .modules-box-bottom .orange{background:#ba5915;}
.modules-box .modules-box-bottom .blue{background:#006993;}
.modules-box .modules-box-bottom .green{background:#9EA615;}
.modules-box .modules-box-bottom .purple{background:#7a003b;}
.modules-box .modules-box-bottom .grey{background:#746d6d;}

/***
Content Text Styles ***/
#content h1						{ font-family:Georgia;font-size:3.0em;font-style:italic;color:#ba5915;}
#content h2						{ font-size:1.5em;color:#0083a9;}
#content h3						{ font-size:1.3333em;color:#0083a9;}
#content h4						{ font-size:1.1667em;color:#0083a9;}
#content h5						{ font-size:1.0em;color:#0083a9;}
#content h6						{ font-size:0.8333em;color:#0083a9;}
#content ul,
#content ol						{ margin:15px 30px;}
#content ul li,					  
#content ol li					{ margin:3px 0;}
#content p a					{ color:#ba5915;text-decoration:underline;}
#content p a:hover				{ color:#cb8350;}

#glossary_links ul				{ margin-left:6px; }
#glossary_links li				{ display:inline; list-style-type:none; }
#glossary_links a				{ font-size:1.25em; }
#glossary_links a.active		{ font-weight:bold; }

.alt	 { color: #7a003b; font-size: 1.0833em; font-style: italic; font-weight: bold; }

/***
Footer ***/
#footer{width:100%;margin:0 auto;background:url(../img/footerbg.jpg) top left repeat-x;}
#footerwrap{width:900px;margin:0 auto;padding:20px 0 10px;text-align:center;}
#footerwrap p{color:#fff;margin:0 0 5px;}
#footerwrap p a{text-decoration:underline;color:#fff;}
#footerwrap p a:hover{color:#7fc1d4;}

#gallery_fade {  width:600px; height:235px; padding: 0; margin: 0; } 
 
#gallery_fade img { top: 0; left: 0; }


/* =forms */
form div		{ padding: 2px 0; }
form label		{ display:inline-block; text-align:left; width:160px; vertical-align:middle; font-size: 1.0833em; }
form label span	{ color:#666; display:block; }
form input		{ padding: 3px 5px; font-size: 1.0833em; min-width: 200px; }
form textarea	{ height:120px; width:300px; }
form .submit-row	{ margin: 5px 0; }