html {background:transparent}


/* =LAYOUT STYLES 
----------------------------------------------------  */

#wrap {
width:880px;
margin:0 20px;

}

* html #wrap {
}

#home {
width:800px;
margin:0 20px;
position: relative;
z-index: 15;
}

* html #home {
}



body {
background: #001B52 url(/images/bkg_body.jpg) no-repeat left top;
margin: 0;
padding: 0;
position: relative;
}

#masthead {
background: url(/images/bkg_masthead.gif) repeat-x;
margin: 0 -8px;
padding: 0;
height: 65px;
}

#navBar {
font-family: Arial, Helvetica, verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #9a9a9a;
height: 50px;
line-height: 50px;
background: url(/images/bkg_nav.gif) repeat-x;
padding: 0 15px;
margin: 0 -8px; 
clear: both;
}

#navBarTopLevel {
font-family: Arial, Helvetica, verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #9a9a9a;
height: 25px;
line-height: 25px;
background-color: #424242;
padding: 0 15px;
margin: 0 -8px; 
clear: both;
}



#navBarMembers {
font-family: Arial, Helvetica, verdana, sans-serif;
font-size: 11px;
font-weight:bold;
color: #9a9a9a;
height: 35px;
line-height: 35px;
background: url(/images/bkg_navMembers2.gif) repeat-x;
padding: 0 15px;
margin: 0 -8px; 
clear: both;
}

#layerTop {
position: relative;
z-index: 100;
}

#layerTop2 
{
position: relative;
left: 0;
top: 0;
z-index: 100;
}

.container {
width: 520px;
text-align: right;
margin: 20px 30px 25px 5px;
float: right;
} 

.container {
width: 520px;
text-align: right;
margin: 20px 30px 25px 5px;
float: right;
} 


#sideNav 
{
background-color:#fff;

width: 190px;
color: #02286A;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
float: left;
clear: left;
z-index: 500;
position: relative;
top: 15px;
}

#mainContent {
float: left;
/* float: right; */
/* width: 75% */ 
width: 640px;
z-index: 200;
}

#mainContentFull {
float: right; 
width: 100%;
z-index: 200;
}
#searchbar {
margin: 150px 0 0 0;
padding: 0 0 0 6px;
position: absolute;
z-index: 610;
}

#searchbarHome {
margin: 150px 0 0 0;
padding: 0 0 0 6px;
position: absolute;
left: 90px;
top: 50px;
z-index: 610;
}

#secondaryContent {
position: relative;
clear: left;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin: 0;
padding: 20px 10px;
width: 180px;
}

#footer 
{
height: 75px;
position: relative;
clear: both;
float: right;
text-align: right;
background: url(/images/footer.png) no-repeat right bottom;
top: -17px;
right: 10px;
width: 760px;
margin-right: 18px;
z-index: 10;
}

#footer a, #footer a:visited {
text-align: right;
margin: 0;
padding: 0;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

#footer a:hover, #footer a:active, #footer a:visited:hover {
text-align: right;
margin: 0;
padding: 0;
color: #99CCFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

.logo { 
float: left;
}

.tagline {
float: right;
padding: 0 10px;
}

#homeBox {
margin: 0;
padding: 0;
}

.homeLeft {
float: left;
width: 275px;
}

.homeRight {
float: right;
width: 277px;
}

#homeNav {
background: url(/images/bkg_homeNav.png) no-repeat center center;
position:absolute;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 17px;
top: 180px;
left: 250px;
width: 292px;
height: 287px;
z-index: 1000;
}



#homeFlash {
margin: 0;
padding: 0;
position: relative;
z-index: 12;
left: 0;
top: -7px;
}

.divideRuleHome {
height: 2px;
border-bottom: 1px solid #ccc;
padding: -15px 0 5px 0;
margin: -15px 0 0 0;
}



/* =NAVIGATION STYLES - TOP
--------------------------------------------------   */

#navBar ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
background: url(/images/bkg_nav.gif) repeat-x; 

}

#navBar ul li {
float: left;
margin: 0;
padding: 0;

}

#navBar ul a {
display: block;
padding: 0 2em;
line-height: 50px;
height: 50px;
background: url(/images/bkg_navBtn.gif) no-repeat center top;
float: left;
text-decoration: none;
color: #fff;
}

#navBar ul a:hover {
background: url(/images/bkg_navBtn.gif) no-repeat center bottom;
color: #ccc;
}

/* =NAVIGATION STYLES - TOPLEVEL (used in the Members Section for the main Nav)
--------------------------------------------------   */

#navBarTopLevel ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
background-color: #424242; 
}

#navBarTopLevel ul li {
float: left;
margin: 0;
padding: 0;
}

#navBarTopLevel ul a {
display: block;
padding: 0 2em;
line-height: 25px;
height: 25px;
background-color: #424242;
float: left;
text-decoration: none;
color: #fff;
}

#navBarTopLevel ul a:hover {
background-color: #424242;
color: #c3f7ff;
}

#navBarTopLevel ul a.member {
display: block;
padding: 0 2em;
line-height: 25px;
height: 25px;
background: #2b873a url(/images/bkg_navBtnTopMember.gif) repeat-x;
float: left;
text-decoration: none;
color: #fff;
}

#navBarTopLevel ul a.member:hover {
background: #2b873a url(/images/bkg_navBtnTopMember.gif) repeat-x;
color: #c3f7ff;
}

/* =NAVIGATION STYLES - MEMBERS
--------------------------------------------------   */

#navBarMembers ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
background: url(/images/bkg_navMembers2.gif) repeat-x; 
}

#navBarMembers ul li {
float: left;
margin: 0;
padding: 0;
}

#navBarMembers ul a {
display: block;
padding: 0 1.5em;
line-height: 20px;
height: 35px;
background: url(/images/bkg_navBtnMembers2.gif) no-repeat center top;
float: left;
text-decoration: none;
color: #fff;
}

#navBarMembers ul a:hover {
background: url(/images/bkg_navBtnMembers2.gif) no-repeat center bottom;
color: #c3f7ff;
}



/* =Background SIDENAV STYLES - MasterPage Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_SideTop {
background: #fff url(/images/box_SideTop.gif) no-repeat left top;
width: 190px;
height: 18px;
}

.box_SideBtm {
background: #fff url(/images/box_SideBtm.gif) no-repeat left top;
width: 190px;
height: 18px;
}

.box_SideCenter {
background: #fff url(/images/box_SideCenter.gif) repeat-y left top;
width: 190px;
}

.boxPad {
padding: 0 25px;
}


.flashPad {
padding: 0 18px;
}



/* =Background 2nd COLUMN STYLES - MasterPage Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_col2Bkg-Top {
background: #fff url(/images/box_col2Bkg-Top.gif) no-repeat left top;
width: 640px;
height: 27px;
margin-top: 10px;
}

.box_col2Bkg-Btm {
background: #fff url(/images/box_col2Bkg-Btm.gif) no-repeat left top;
width: 640px;
height: 27px;
}

.box_col2Bkg-Center {
background: #fff url(/images/box_col2Bkg-Center.gif) repeat-y left top;
width: 640px;
}



/* =Background FULL WIDTH COLUMN STYLES - MasterPage Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_bkg1col-Top {
background: #fff url(/images/box_bkg1col-Top.gif) no-repeat left top;
width: 820px;
height: 34px;
}

.box_bkg1col-Btm {
background: #fff url(/images/box_bkg1col-Btm.gif) no-repeat left top;
width: 820px;
height: 34px;
}

.box_bkg1col-Center {
background: #fff url(/images/box_bkg1col-Center.gif) repeat-y left top;
width: 820px;
}



/* =Background HOME PAGE BACKGROUND BOX STYLES - MasterPage Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_homeTop {
background: url(/images/box_homeTop.png) no-repeat left top;
width: 800px;
height: 33px;
}

.box_homeBtm {
background:  url(/images/box_homeBtm.png) no-repeat left top;
width: 800px;
height: 33px;
}

.box_homeCenter {
background: url(/images/box_homeCenter.png) repeat-y left top;
width: 800px;
}


/* =Background HOMEPAGE CONTENT BOX1 Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_homeColTop {
background: #fff url(/images/box_homeColTop.gif) no-repeat left top;
width: 265px;
height: 28px;
}

.box_homeColBtm {
background: #fff url(/images/box_homeColBtm.gif) no-repeat left top;
width: 265px;
height: 28px;
}

.box_homeColCenter {
background: #fff url(/images/box_homeColCenter.gif) repeat-y left top;
width: 265px;
}

/* =Background HOMEPAGE CONTENT BOX2 Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_homeCol2Top {
background: #fff url(/images/box_homeCol2Top.gif) no-repeat left top;
width: 285px;
height: 28px;
}

.box_homeCol2Btm {
background: #fff url(/images/box_homeCol2Btm.gif) no-repeat left top;
width: 285px;
height: 28px;
}

.box_homeCol2Center {
background: #fff url(/images/box_homeCol2Center.gif) repeat-y left top;
width: 285px;
}



/* =Background TEMPLATE BACKGROUND BOX STYLES - MasterPage Template 
Modified. New fixed width PNGs
--------------------------------------------------   */

.box_pageTop {
background: url(/images/box_bkgPageTop.png) no-repeat left top;
width: 880px;
height: 36px;
}

.box_pageBtm {
background:  url(/images/box_bkgPageBtm.png) no-repeat left top;
width: 880px;
height: 36px;
}

.box_pageCenter {
background: url(/images/box_bkgPageCenter.png) repeat-y left top;
width: 880px;
}





/* =NAVIGATION STYLES - SIDE
--------------------------------------------------   */




#sideNavBkg {
width: 201px;
height: 356px;
background-image: url(/images/bkg_sideNav.png);
position: absolute;
top: -30px;
left: -10px;
z-index: 501;
}

#sideNav ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 20px 0;
/*position: absolute; */
z-index: 600;
}

#sideNav ul li {
/* height: 26px */
padding: 7px 0 7px 0;
}

#sideNav ul a {
color: #02286A;
text-decoration: none;
/*line-height: 24px; */
}

#sideNav ul a:hover {
color: #ff3333;
}




#homeNav ul {
list-style: none;
margin: 23px 0 0 0;
padding: 0;
position: absolute;
z-index: 600;
left: 65px;
top: 30px;
}

#homeNav ul li {
height: 26px;
border-bottom: 1px solid #fff;
width: 160px;
}

#homeNav ul a {
color: #02286A;
text-decoration: none;
line-height: 24px;
}

#homeNav ul a:hover {
color: #ff3333;
}

.boxContainer {
width: 350px;
background-color: #fff;
border: solid 1px #0146A3;
color: #666;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 0;
}

.boxContainer1 {
width: 100%;
background-color: #fff;
border: solid 1px #0146A3;
color: #666;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 0;
}

.boxHeader {
background: #eee url(/images/bkg_boxHeader.gif) repeat-x left bottom;
font-family: arial, Verdana, helvetica, sanserif;
font-size: 14px;
font-weight: bold;
padding: 7px;
color: #003366;
border-bottom: solid 1px #0146A3;
display: block;    
}

.boxContent {
color: #666;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
padding: 10px;
}

#credits {
clear: both;
text-align: center;
width: 880px;
color: #99CCFF;
font-size: 10px;
font-family:Arial, Verdana, Helvetica, sans-serif
}

#credits a:link, #credits a:visited {
color: #99CCFF;
font-size: 10px;
font-family:Arial, Verdana, Helvetica, sans-serif

}

#credits a:hover, #credits a:active, #credits a:visited:hover {
color: #fff;
font-size: 10px;
font-family:Arial, Verdana, Helvetica, sans-serif

}


/* =BACKGROUND and TRANSPARENT RESIZABLE BOXES
======================================================= */



/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:34px;
	margin:0 0 0 35px;
	background:url(/images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-35px;
	width:35px;
	height:34px;
	background:url(/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:34px;
	margin:0 0 0 35px;
	background:url(/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-35px;
	width:35px;
	height:34px;
	background:url(/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 21px;
	background:url(/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 21px 0 0;
	background:url(/images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 0;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}

.two {
	
}
.two .i1,
.two .i2 { background-image:url(/images/borders2.png); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(/images/box2.png); }


.white .i1,
.white .i2 { background-image:url(/images/borders.png); }
.white .bt,
.white .bt div,
.white .bb,
.white .bb div { background-image:url(/images/box.png); }

.homeLeft .i1,
.homeLeft .i2 { background-image:url(/images/borders2.png); }
.homeLeft .i3 { background-color:#eeeeee; }
.homeLeft .bt,
.homeLeft .bt div,
.homeLeft .bb,
.homeLeft .bb div { background-image:url(/images/box2.png); }

.sideNav .i1,
.sideNav .i2 { background-image:url(/images/borders2.png); }
.sideNav .i3 { background-color:#eeeeee; }
.sideNav .bt,
.sideNav .bt div,
.sideNav .bb,
.sideNav .bb div { background-image:url(/images/box2.png); }


.homeRight .i1,
.homeRight .i2 { background-image:url(/images/borders2.png); }
.homeRight .i3 { background-color:#eeeeee; }
.homeRight .bt,
.homeRight .bt div,
.homeRight .bb,
.homeRight .bb div { background-image:url(/images/box2.png); }


#three {
	float:left;
	clear:both;
	width:80%;
}

#three .cb {
	float:left;
	width:40%;
}


#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}