/*
====================
====================
Widths, Margins, Padding, Placement
- Widths for main content areas (header, main, footer, etc)
- Listed in order of appearance
- Excludes menu styling
====================
====================
*/
body 				{ width: 100%; height: 100%; padding: 0; margin: 0; }
.body_content 		{ width: 100%; min-height: 100% /* Min-height 100% to push footer to bottom of content */; height: auto !important; height: 100%; /*margin-bottom: -37px;*/ margin-bottom: -52px /*Seems to work better than -37px for some reason*/; }
.page_margins 		{ width: 100% !important; margin: 0px !important; }
.page				{ width: 100% !important; }
#page_content 		{ width: 100%; }

#header 			{ display: none; }
	#header_content	{  }
#nav 				{ width: 100%; height: 44px; }
	#nav_content 	{ width: 900px; position: relative; margin: 0 auto; }
	#nav .dropmenu { margin-left: 0 /* places navigation on the left side of bar; */ }
	#nav .dropmenu ul.menu li.item { line-height: 39px; }
	#nav .dropmenu ul.menu li.item span.header {  padding: 12px 15px /* padding + text = width of buttons */; }
	#nav .dropmenu ul.menu ul { width:165px; margin-top: -1px; }

	#nav .dropmenu .site_search { height: 30px; width: 194px; position: absolute; top: 7px; right: 27px; }
	#nav .dropmenu .searchform-bg { width: 194px; height: 23px; }
	#nav .dropmenu .searchform-submit { position: absolute; top: 1px; right: 3px;	}
	#nav .dropmenu .searchform-query {	margin-left: 12px; margin-top: 5px; width: 110px; font: 11px "trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF;}

#teaser 			{ width: 100%; }
	#teaser_content	{ width: 900px; margin: 0 auto; overflow: auto; position: relative; }
		div.page_titles { margin: 25px 0 0; position: absolute; bottom: 15px; left: 0px; } 
		#gostark_deptnav_logo_container { width: 260px; float: right; margin-top: 10px; }
		#gostark_deptnav_logo_container a { display: block; margin: 0 auto; text-align: center; }
		#teaser a:focus { outline: 0 none; -moz-outline: 0 none; } 
		
#main 					{ width: 100%; padding-top: 30px; padding-bottom: 65px; /* height of sticky footer */;}
	#main_content 		{ width: 900px; margin: 0 auto; }
	#col1 				{ display: none; }
		#col1_content 	{ }
	#col2 				{ width: 260px; }
		#col2_content 	{ margin: 0 10px; }
	#col3 				{ margin: 0 261px 0 0; }
		#col3_content 	{ margin: 0 30px 0 0; }
		#flashLogo		{ margin-bottom: 25px; }
		
#footer  				{ display: none; }
	#footer_content 		{ }
#stickyFooter			{ height: 37px; width: 100%; }
	#stickyFooter_content { width: 900px; margin: 0px auto; overflow: visible; position: relative; }
	#stickyFooter_content #itrtext { margin-top: 4px; }
	#stickyFooter_content #itrtext a { margin: 0; display: block; }
	#stickyFooter_content #copyright { margin-top: 4px; }
	#stickyFooter_content #stickyFooter_contact .footer_highlight { color: #ffff00; }
	#itrtext { 	float: right; position: relative; top: 3px; margin-right: 45px; }

/*
====================
====================
Backgrounds
- Excludes menu styling
====================
====================
*/
body 					{ background: #ffffff; }
.body_content			{ background: transparent url('/templates/fir02_gostark/images/main_bg.jpg') no-repeat scroll center 40px; }
#page_marigns 			{  }
.page 					{  }
#page_content 			{  }

#header {}
	#header_content		{}
#nav 					{ background: transparent url('/templates/fir02_gostark/images/nav_background.png') repeat-x scroll -84px -44px; }
	#nav_content 		{}
	#nav .dropmenu		{ background: transparent; }
	#nav .dropmenu 		{ background: transparent url('/templates/fir02_gostark/images/nav_divider.png') no-repeat scroll top right /*used to place a cap on open right end of menu*/; }
	#nav .dropmenu ul.menu {  }
	#nav .dropmenu ul.menu li.item { background: transparent url('/templates/fir02_gostark/images/nav_divider.png') no-repeat scroll bottom left; }
	#nav .dropmenu ul.menu li.item:hover span.header { background: transparent url('/templates/fir02_gostark/images/nav_background.png') repeat-x scroll top left; }
	#nav .dropmenu ul.menu ul { background-color: #0057ae; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); }
	
	#nav .dropmenu .searchbgIE { background: url('/templates/fir02_gostark/images/search_background.png') 0 0 no-repeat; }
	#nav .dropmenu .searchform-bg { background: transparent; width: 194px; height: 23px; }

	
#teaser 				{}
	#teaser_content 	{}

#main 					{  }
	#main_content 		{ }
	#col1				{}
		#col1_content	{}
	#col2				{}
		#col2_content	{}
	#col3				{}
		#col3_content	{}
		
#stickyFooter  				{ background: transparent url('/templates/fir02_gostark/images/footer_background.png') repeat-x scroll top center; }
	#stickyFooter_content 		{}
	#itrtext a { padding: 0; background: none transparent; }
	#stickyFooter #itrtext a img, 
	#stickyFooter #itrtext a:link img, 
	#stickyFooter #itrtext a:visited img  { 
		background-image:url('/_media/default/itr/designed-and-powered-by-itr-gray.png'); 
		background-repeat:no-repeat; 
		}
	#stickyFooter #itrtext a:hover img, 
	#stickyFooter #itrtext a:active img, 
	#stickyFooter #itrtext a:focus img { 
		background-image:url('/_media/default/itr/designed-and-powered-by-itr-blue.png'); 
		background-repeat:no-repeat; 
		}
	



/*
====================
====================
Deptmenu
====================
====================
*/
#deptmenu * {margin:0;}
#deptmenu {margin: 22px 0 10px 28px;}
#deptmenu .toplevel .heading {font-size:1.6em; font-weight:bold; color:#004071; list-style-type:none;}
#deptmenu .toplevel li ul li {list-style-type:none; margin-left:14px; margin-top:10px; line-height: 0.7em;}
#deptmenu .toplevel li a {list-style-type:none; font-size:0.75em; font-weight:normal; color:#f26123; line-height:1.1em;}
#deptmenu .toplevel li ul li a:hover {text-decoration:underline;}
#deptmenu .toplevel .heading .heading{font-size:0.7em; font-weight:bold; color:#004071; list-style-type:none;}
.heading .heading ul li {list-style-type:none; margin-left:14px; margin-top:10px; line-height: 0.7em; font-size: 1.25em;}
/*#deptmenu .toplevel li a {list-style-type:none; font-size:0.75em; font-weight:normal; color:#1d6f9d; line-height:1.1em;}
#deptmenu .toplevel li ul li a:hover {text-decoration:underline;}
*/


/*
====================
====================
Fonts
-Excludes menu styling
====================
====================
*/
html > body 								{ font-family: verdana, helvetica, sans-serif; font-size: 11px; }
#nav .dropmenu ul.menu li.item span.header 	{ font-size: 15px; font-family: trebuchet, arial, verdana, sans-serif; color: #96c3dc; line-height: 40px; text-shadow: 0.5px 0.5px 1px #4D8BC7, -1px -1px 1px #00438A; }
#nav .dropmenu ul.menu li.item:hover span.header { color: #FFFFFF; }
#nav .dropmenu ul.menu ul li a,
#nav .dropmenu ul.menu ul li a:visited 		{ color:#96c3dc; padding: 2px; }
#nav .dropmenu ul.menu ul li a:hover,
#nav .dropmenu ul.menu ul li a:focus,
#nav .dropmenu ul.menu ul li a:active 		{ color:#FFFFFF; }

#page_content a { padding: 0; background: none; }

#teaser h1.pagetitle 		{ font-size: 26px; font-weight: bold; color: #004071; border: 0px none; }
#teaser h2.pagesubtitle 	{ font-size: 20px; font-style: italic; font-weight: normal; color: #004071;}

#main h1,
#main h2,
#main h3,
#main h4 				{ font-family: verdana, helvetica, sans-serif; color: #004071; }
#main h1 				{ font-size: 16px; color: #004071; }
#main h2 				{ font-size: 14px; color: #004071;}
#main h3 				{ font-size: 12px; color: #000000; }
#main h4 				{ font-size: 1em; color: #555; }

#main #col3_content a,
#main #col3_content a:visited 			{ font-weight: bold; text-decoration: none; color: #F26123; }
#main #col2_content a,
#main #col2_content a:visited 			{ font-weight: bold;  text-decoration: none; color: #F26123; }

#main #col3_content a:hover,
#main #col3_content a:active,
#main #col3_content a:focus 			{ text-decoration: underline; color: #F26123; }
#main #col2_content a:hover,
#main #col2_content a:active,
#main #col2_content a:focus 			{ text-decoration: underline; color: #F26123; }

#stickyFooter_content 					{ font-size: 0.75em; text-align: center; }
#stickyFooter_content #copyright 		{ font-size: 9px; font-weight: bold; color: #96c3dc; text-align:left; line-height: 30px; }




/*
====================
====================
Extra Styles
====================
====================
*/
.clearfloat {clear: both;}
/* Events Tables */
table.event {width: 558px; margin: 10px 0px 20px 0px; text-align:right; float: right; clear: both; background: #FFFFFF url(/media/1/Table_Gradient.gif) repeat-x scroll top left; border-bottom: 1px dotted #004071;}
table.event td {padding:5px; text-align: left; vertical-align:top;}
table.event tr.firstline td {border-bottom: 1px dotted #999999;}
table.event td.align-right {width:150px; text-align: right;}

/* Terciary Nav tables between pages */
table.pagenav {width: 100%; margin: 10px auto; padding: 0px; border:1px solid black;}
table.tr {padding: 0px;}
table.pagenav td {padding: 8px; font-size: 0.8em; text-align: center; border: 1px solid black; margin: 0px;}
td.currentpage {background: #ff6600; color: #FFF;}
td.currentpage a, td.currentpage a:hover {color: #FFF; text-decoration: none;}



/*===================
=====================
Footer
- based on Ryan Fait's sticky footer
- http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
=====================
=====================*/