/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/*------------------------------------*\
	RESET DONE
\*------------------------------------*/

body { line-height: 1; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

a:link { color: #0000ff; text-decoration: none; }
a:visited { color: #0000ff; text-decoration: none; }
a:active { color: #0000ff; text-decoration: none; }
a:hover { color: #0000ff; text-decoration: underline; }


#outerContainer {  
	position: relative;
	width: 1118px;
	background: transparent;
	margin: 0 auto 20px auto; }

/*------------------------------------*\
	MASTHEAD
\*------------------------------------*/

#navigationBox { position: relative;
	width: 700px;
	height: 97px;
	margin: 0 78px 0 418px; }
	
#navigationBoxHome { position: relative;
	z-index: 999;
	width: 700px;
	height: 72px;
	margin: 0 78px 0 418px; }
	
#utilityLinks {
	position: absolute;
	top: 14px;
	right: 73px;
	letter-spacing: 0.05em;
	color: #fff;
	clear: both;
	padding: 0;
}
#utilityLinks a:link { color: #ffffff; text-decoration: none; }
#utilityLinks a:visited { color: #ffffff; text-decoration: none; }
#utilityLinks a:active { color: #ffe9b5; text-decoration: underline; }
#utilityLinks a:hover { color: #ffe9b5;	text-decoration: underline; }

/*------------------------------------*\
	NAVBAR SUB
\*------------------------------------*/
#navBar { position:absolute; top:55px; right:78px;
	font-size: 17px; font-weight: 500; color: #fff; padding: 28px 0 0 0; height: 33px; margin: 0; }
#navBar ul{ list-style-type:none; }
#navBar li{ float:left; position:relative; }
#navBar{ margin: 0; padding: 0; float: left; }
#navBar ul{ margin: 0; padding: 0; }
#navBar ul li{ float:left; margin: 0 0 0 26px; padding: 0; }
#navBar ul li ul li { width: 150px; font-size: 14px; border-top: 1px #fff solid; height: 1.0em; padding: 6px; background: #3480bb; }
#navBar ul li a{ text-shadow: 1px 1px rgba(0,0,0, 0.5);
	display:block; white-space:nowrap; 
	line-height: 1.0em; text-align:left; text-decoration: none; color:#ffe9b5; background-color:inherit; }
#navBar ul li a:hover{
	color: #fff; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0, 0.5); }

#navBar ul li ul {
	background:#3480bb; /* Adding a background makes the dropdown work properly in IE7+. */
	background:rgba(52,128,187,0); /* But make the background fully transparent where possible... */
	list-style:none;
	padding-top: 9px; 
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navBar ul li:hover ul{ /* Display the dropdown on hover */
	left:-26px; 	z-index: 999;
 /* Bring back on-screen when needed */
}

#navBar ul li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#3480bb;
	text-decoration:none;
	color: #fff; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0, 0.5)
}
#navBar ul li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none; background: #3480bb; color:#ffe9b5; 
}
#navBar ul li:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#3480bb;
}

#navBar ul li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#3480bb;
}

/*------------------------------------*\
	NAVBAR HOME
\*------------------------------------*/
#navBarHome { position:absolute; top:48px; right:78px;
	font-size: 17px; font-weight: 500; color: #fff; letter-spacing: .03em; padding: 28px 0 0 0; height: 33px; margin: 0; }
#navBarHome ul{ list-style-type:none; }
#navBarHome li{ float:left; position:relative; }
#navBarHome{ margin: 0; padding: 0; float: left; }
#navBarHome ul{ margin: 0; padding: 0; }
#navBarHome ul li{ float:left; margin: 0 0 0 26px; padding: 0; }
#navBarHome ul li ul li { width: 150px; font-size: 14px; border-top: 1px #fff solid; height: 1.0em; padding: 6px; background: #3480bb; }
#navBarHome ul li a{ text-shadow: 1px 1px rgba(0,0,0, 0.5);
	display:block; white-space:nowrap; 
	line-height: 1.0em; text-align:left; text-decoration: none; color:#ffe9b5; background-color:inherit; }
#navBarHome ul li a:hover{
	color: #fff; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0, 0.5); }

#navBarHome ul li ul {
	background:#3480bb; /* Adding a background makes the dropdown work properly in IE7+. */
	background:rgba(52,128,187,0); /* But make the background fully transparent where possible... */
	list-style:none;
	padding-top: 9px; 
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navBarHome ul li:hover ul{ /* Display the dropdown on hover */
	left:-26px; /* Bring back on-screen when needed */
}

#navBarHome ul li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#3480bb;
	text-decoration:none;
	color: #fff; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0, 0.5)
}
#navBarHome ul li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none; background: #3480bb; color:#ffe9b5; 
}
#navBarHome ul li:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#3480bb;
}

#navBarHome ul li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#3480bb; color:#fff; 
}

/*------------------------------------*\
	CURRENT PAGE MENU STATE
\*------------------------------------*/
	
#navBar ul li a.selectMenu{
	height: 33px; display:block;
	line-height: 1.0em; text-align:right; text-decoration: none; color:#fff;
	background:url(/img/currentPage.png) 50% bottom no-repeat;
	background-color:inherit;
	}

#navBar ul li a:hover.selectMenu{
	height: 33px; display:block;
	line-height: 1.0em; text-align:right; text-decoration: none; color:#ffe9b5;
	background:url(/img/currentPage.png) 50% bottom no-repeat;
	background-color:inherit;
	}

/*------------------------------------*\
	PAGE CONTENT
\*------------------------------------*/
#mainContent { float: left; width: 700px; margin-left: 60px; }

#mainContentNoSidebar { float: left; width: 962px; margin-left: 60px; }
#mainContentNoSidebar p,
#mainContentNoSidebar ul,
#mainContentNoSidebar ol { margin-right: 280px; }

#sidebar { float: right; width: 220px; margin-right: 60px; }

#sidebarHome { float: right; width: 220px; margin-right: 60px; background: transparent url(/img/home-sb-top.png) no-repeat; padding-top: 84px; }
#sidebarHome .first { margin-left: 44px; margin-bottom: 20px; }


h3, h4, h5, h6 { font-weight: 600; letter-spacing: .05em; margin-bottom: 0.5em; font-family: 'myriad-pro', sans-serif; }
h1, h2 { margin-top: 0; font-size: 30px; font-weight: 400; letter-spacing: .01em; margin-bottom: 0.5em; font-family: 'myriad-pro', sans-serif; }
h2 { margin-top: 1.0em; font-size: 190%; }
h3 { font-weight: 300; margin-top: 1.2em; font-size: 180%; color: #127a7a; }
h4 { margin-top: 1.5em; font-size: 106%; }
h5 { margin-top: 1.5em; font-size: 100%; }
h6 { margin-top: 1.0em; font-size: 95%; }
h1, h2, h3, h4, h5, h6 { line-height: 1.0em; }
p { margin-top: 15px; margin-bottom: 9px; letter-spacing: .02em; line-height: 1.5em; font-family: 'myriad-pro', sans-serif; }
p, blockquote { font-size: 120%; }
strong { font-weight: 700; }
em { font-style: italic; }
ul, ol { padding-left: 18px; margin-top: 4px;, margin-left: 18px; font-family: 'myriad-pro', sans-serif; }
li { margin: 0 0 6px 20px; font-size: 120%; }

#sidebar p { font-size: 110%; }
#sidebar ul { font-size: 100%; line-height: 1.5em; padding-left: 12px; margin: 4px 0 9px 12px; font-family: 'myriad-pro', sans-serif; }
#sidebar li { font-size: 100%; padding-left: 2px; margin: 4px 0 9px 0; }

table.gallery { font-style: italic; }

/*------------------------------------*\
	FOOTERS
\*------------------------------------*/
#powerFooter
{
	clear: both;
	width: 962px;
	padding: 18px 0 18px 0;
	margin: 12px auto 0 auto;
	border-top: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
}

#powerFooter h3 { color: #666; font-weight: 400; margin: 0 0 18px 0; font-size: 106%; }

#pfLeft { float: left; width: 460px;}
#pfRight { float: right; width: 482px; }

#pfOne { float: left; width: 220px; }
#pfTwo { float: right; width: 220px; }
#pfThree { float: left; width: 220px; }
#pfFour { float: right; width: 220px; }

#footer { clear: both; width: 1082px; padding-top: 18px; }

#footer p { margin: 0; font-size: 92%; color: #666; }

/*------------------------------------*\
	UTILITY CSS
\*------------------------------------*/
.rule { border-bottom: 2px #ccc solid; width: 100%; margin: 12px 0 12px 0; }
.highlight { color: #333; font-size: 24px; letter-spacing: 0.1em; }
.spacer { line-height: 0; font-size: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; width: 100%; }
.ah { height: 12px; }
.ah36 { height: 36px; }
.boldItalic { font-weight: 600; font-style: italic; }
.imageLeft { float: left; margin: 0 12px 6px 0; }