/* -----------------------------------------------
TACSEI Cascading Style Sheet - Screen Display
http://www.cittdesign.com
Last Modified: August 20, 2010
----------------------------------------------- */

/* ----------------------------
simple reset + 2 rules from meyer reset - in screen to avoid another request to server 
---------------------------- */

/* ul, ol, li */
html, body, form, fieldset, legend, div
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p
{
	margin-top: 0;
}

fieldset, img
{
	border: 0;
}

/* IE bug */

legend
{
	color: #000;
}

/* limit damage from sup and sub tags to line-height */

sup
{
	vertical-align: text-top;
}

sub
{
	vertical-align: text-bottom;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* from meyer reset */
blockquote, q
{
	quotes: none;
}

/* from meyer reset */
blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* end reset section */

body
{
	background: #9fc9ff url('../images/home-background.png') repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; 
}

body a img
{
	border: 0 none;
}

body a.skipcontent, body a.skipcontent:hover
{ /*skip content link spacer gif at top of page*/
	border: none;
	color: #95ebfa;
	position:absolute; 
	left:-9999px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden; 	
}

body a.skipcontent:focus {
	position:static; 
	width:auto; 
	height:auto;
	color: #000; /* color styling for sighted keyboard users */
	background: #fff;
}

#outercontainer
{ /* used to set width and center the website */
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	 position: relative; 
	background-color: #fff;
	overflow: hidden; /* forces width to match innercontainer content even if floated */
	
}

/* logo image */
#logo {
	float: left;
	margin: 5px 0 0 0;
}

#innercontainer
{ /* used to set background of page layout */
	margin: 12px 0 20px 0;
	padding: 0;
	width: 960px;
	background: transparent;
	float:left;
	height: 100%;
}

#home #innercontainer
{
	background: #fff none !important;
	width: 920px;  /* 20 px margins left and right */
	margin: 0 20px;
}

#header
{ /* header style */
	margin: 0 20px 20px 20px;
	padding: 0;
	background-color: #fff;
	height: 75px; 
	width: 914px;
}

#home #header
{ /* header style */
	margin: 30px 20px 0 20px;
	padding: 0;
	background: #fff url('../images/homepage-top-image.jpg') ;
	height: 191px;
	width: 920px;
	position: static;
	z-index: auto;

}

#cta-1, #cta-2 {
	text-indent: -9999px;
	position: relative;
	right: -590px;
	height: 36px;
	width: 244px;	
}

#cta-1 a, #cta-2 a {
	display: block;
	height: 36px;
	width: 244px;
}

#cta-1 {
	top: 50px;
}

#cta-2 {
	top: 60px;
}

#cta-1 a {
	top: 100px;
	background: url('../images/sign-up-for-our-newsleter.png');
}

#cta-2 a {
	background: url('../images/share-your-thoughts.png');
	top: 10px;  /* 36px + 10 px for spacing */
}

#home #main_content {
	width: 602px;
	float: left;
	margin:  0 0 20px 0;
}

#home #whats_new {
	width: 300px;
	float: left;
	margin-left: 11px;
}


#header a img
{ /* header image link */
	border: 0 none;
}

/* -----------------------content styles------------------------------------*/
#content
{ /* content area floating to the right of the navigation */
	margin: 0 20px 0 0;
	padding: 0 0 0 25px;
	height: 100%;
	float: right;
	width: 631px;
	background-color:#fff;
	line-height: 1.4;
}

#home #content {
	position: static;
	float: none;
	width: 920px;
	padding: 0 0 20px 0;
	background: #fff;
	margin: 0 16px 0 0;
	
}

#content h1
{ /* h1 text style */
	margin: 0 0 0 -20px;
	padding: 5px 0 10px 15px;
	font-size: 20px;
	line-height: 1.5;
	font-weight: normal;
	color: #0755A6;
	background: #EAEAEA;
	clear:both;
}

#content h2
{ /* h2 text style */
	margin: 20px 0 10px 0;
	padding: 0 0 6px 0;
	font-size: 15px;
	line-height: 1.3;
	font-weight: bold;
	color: #CC7D27;
	border-bottom: 2px #CC7D27 solid;
	clear: both;
}

#content h3 {
	color: #0755A6;
	font-size: 13px;
}


/* making these all the same level */

#content h4, #content h5, #content h6
{ 
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.2;
	font-weight: bold;
	color: #000066;
	clear:both;
}


#content p
{ /* paragraph text style */
	margin: 4px 0 10px 0;
}

#content ul li {
	margin-bottom: 10px;
}

#content ol li ol li
{
	list-style-type: lower-alpha;
}

#content a img
{
	border: 0 none;
}

#content em, #content i
{ /*Italics*/
	line-height:1.4em;
	margin: 0;
}

/*----------------------------search feature--------------------------------------*/
#search_box
{ /* search container */
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 20px;  /*matching between home and internal layout position */
	color: #000066;
	z-index:5;
}

#home #search {
	position: static;
	width: auto;
}


#search input
{ /* search input fields */
	margin: 0;
	padding: 0 5px;
	display:inline;
	float:left;
	vertical-align:bottom;
}

#search input.submitbutton
{ /* submit button */
	margin: -1px 0 0 5px;
	padding: 0 5px;
	display:inline;
	float:left;
}

/*------------------------Top navigation links------------------------------*/


#TopNav
{ /* top navigation container */
	margin: 0;
	padding: 0;
	position: absolute;
	top: 55px;
	right: 20px;
	width: 650px;
	height: 40px;
	background-color: transparent;
	color: #395198;
	z-index:5;
}

#home #TopNav
{ 
	margin: 0 0 0 20px;
	padding: 0;
	width: 920px;
	height: 77px;  /* image is 77px tall */
	position: static;
	background: #fff;
	clear: both;
}


#TopNav ul {
	padding: 0;
	list-style: none;
	background: transparent;
	float: right;
	margin: 12px 0 12px 0;	
}

#topnav2 ul#floatnav
{ /* top navigation list */
	margin:  -10px 20px 0 30px;
	padding: 0;
	list-style: none;
	background: transparent;
	float: right;
}

#TopNav ul li, ul#floatnav li
{ /* top navigation list items */
	margin: 0;
	padding: 0 1px;
	float: left; 
	border-left: 1px #395198 solid;
	height: 20px;
}

#TopNav ul li a, #topnav2 ul li a {
	color: #395198;
	padding: 3px;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	}


#TopNav ul li:first-child, ul#floatnav li:first-child
{
	border-left: none !important;
}


#TopNav ul li a:hover, #TopNav ul li a#current:hover, ul#floatnav li a:hover, ul#floatnav li a#current:hover {
	color: #fff;
	background-color: #395198;
}

#TopNav a#current_topnav {
	background-color: #395198;
	color: #fff;
}

#topnav2 ul li a#current
{ /* current top navigation item */
	background-color: #b7e5fa;
}


/* -----------------------navigation styles------------------------------------*/
#navcontainer
{ /* navigation container */
	margin: 0 0 0 20px;
	padding: 0;
	width: 254px;
	float: left;
	color: #000;
	background-color: #fff /*url(../images/nav_bkgnd.jpg) repeat-x 0 0*/;

}

#navcontainer h3
{ /* styles for H3 in menu list */
	margin: 0;
	padding: 10px 20px 0 20px;
	color: #FFCD04;
}

#navcontainer ul
{ /* navigation container menu list */
	margin: 0;
	padding: 10px 0;
	list-style: none;
	width: 254px;

}

#navcontainer ul li
{ /* navigation container menu list item */
	line-height: 1.4; /* deliberately left unitless - works better that way */
}

#navcontainer ul li a
{ /* styles for linked navigation menu list item links */
	margin: 0;
	padding: 5px 20px 5px 15px;
	display: block;
	text-decoration: none;
	color: #000;
}

#navcontainer a:hover, #navcontainer a#current:hover
{ /* hover styles for navigation menu items */
	background-color: #395198;
	color: #fff;
}

#navcontainer #explore_side a:hover, #navcontainer #explore_side a#current:hover  {
	background-color: #b44c41;
	color: #fff;
}


#navcontainer #visit_side a:hover, #navcontainer #visit_side a#current:hover {
	background-color: #89b2c8;
	color: #fff;
}

#navcontainer #do_side ul li a:hover, #navcontainer #do_side a#current:hover {
	background-color: #75AA3E;
}

/* current navigation menu item for each section  - same as hover */

#navcontainer #explore_side a#current
{
	background-color: #b44c41;
	color: #fff;
}

#navcontainer  #visit_side a#current
{
	background-color:  #89b2c8;
	color: #fff;
}

#navcontainer  #do_side a#current
{
	background-color: #75AA3E;
	color: #fff;
}



#navcontainer div#buttons
{ /* buttons container style */
	margin: 0;
	padding: 0;
	background: #d3d3d3;
}

#navcontainer div#buttons ul li
{ /* buttons container style */
	margin: 20px 0 20px 0;
	padding: 0 !important;
}

#navcontainer div#buttons ul li a
{ /* buttons container style */
	margin: 0 10px;
	padding: 0;
}


#navcontainer div#buttons ul li a:hover {
	background-color: transparent;
}

#do_side, #explore_side, #visit_side {
	color: #000;
	font-size: 12px;
	margin-bottom: 10px;
}


#do_side h3, #explore_side h3, #visit_side h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	padding: 5px 15px;
}

#explore_side h3 {
	letter-spacing: -1px;
}

#do_side h3 {
	background: #75AA3E;
}


#do_side {
background: #C9DBB4;
}


#explore_side h3 {
	background: #B44D42;
}


#explore_side {
	background: #E2BFBC;
}


#visit_side h3 {
	background: #8AB1C9;
}

#visit_side {
	background: #D6E2E8;
}



/* -----------------------link styles------------------------------------*/

#content a, #content a:link, #content a:visited, #content a:active {
	color: #395198
}


#content a:hover
{ 
	color: #fff;
	background-color: #395198;
}


#content a img.logo {
	display: block;   /* fixes jump in IE7, annoying color underline in IE7/8 and chrome */
	}

/* -----------------------table styles------------------------------------*/
#content table
{ /* table */
	margin: 10px 10px;
	padding: 0;
	color: #000;
	background-color: #fff;
	border-top: 0px solid #000066;
	border-left: 0px solid #000066;
	width:95%;
}

#content table th
{ /* table header */
	color: #fff;
	background-color: #000066;
	padding: 5px 10px;
	text-align: left;
	border-right: 0px solid #000066;
	border-bottom: 0px solid #000066;
}

#content table td
{ /* table cell */
	padding: 5px 10px;
	border-right: 0px solid #000066;
	border-bottom: 0px solid #000066;
}

#content table ul, #content table ol
{ /* ordered and unordered list style */
	margin: 0;
	padding: 0 10px 0 20px;
}

#content table ul li
{ /* unordered list item style */
	margin: 0;
	padding: 0;
	list-style: disc;
}

#content table ul li ul li
{ /* unordered list item style */
	margin: 0;
	padding: 0;
	list-style: circle;
}

#content table ol li
{ /* ordered list item style */
	margin: 0;
	padding: 0;
	list-style:decimal;
}

#content table ol li ol li
{ /* ordered list item style */
	margin: 0;
	padding: 0;
	list-style: lower-alpha;
}

/* -----------------------image icon list styles------------------------------------*/
/*Images must be less than 140px wide or we will need to adjust numbers below*/
#content ul.image_list
{ /* List with image icons */
	margin: 0;
	padding: 0;	
	list-style:none;
}

#content ul.image_list li
{ /* unordered list item style */
	margin: 10px 0 0 0;
	padding: 0 0 0 140px;
	list-style-image: none;
	clear:both;
	list-style-position: outside;
	overflow: hidden; /* makes the li expand vertically to match height of image */

}

#content ul.image_list li a img.floatleft, #content ul.image_list li img.floatleft
{
	float: left;
	margin: 5px 10px 0 -140px;
	padding: 0;
	clear: both;

}

/* -----------------------image and object position styles------------------------------------*/
.floatleft
{ /* floats image to left of content */
	float: left;
	margin: 10px 10px 10px 10px;
	padding: 0;
	clear: both;
}

.floatright
{ /* floats image to right of content */
	float: right;
	margin: 10px 10px 10px 10px;
	padding: 0;
	clear: both;
}

.floatcenter
{ /* floats image to center of content */
	display:block;
	margin: 10px auto 10px auto;
	padding: 0;
	clear: both;
}

.floatnone
{ /* no floats, content will be pushed above or below image */
	margin: 10px 10px 10px 10px;
	padding: 0;
	clear: both;
}

/* -----------------------popup links------------------------------------*/
#content .popup
{ /* popup box */
	padding: 0 20px;
	background-color: #D6E9FC;
	height: auto;
	width: 530px;
	border: 2px solid #000066;
	position: absolute;
	z-index: 10;
	left: 20px;
	top: 90px;
	visibility: hidden;
}

#content .popup ul, .popup ol
{ /* popup box, unordered and ordered list */
	margin-left: 20px;
	margin-right: 20px;
}

#content .popup p.closewindow
{ /* popup box close window text */
	text-align:center;
}

/* -----------------------highlight boxes------------------------------------*/
#content .highlightboxtall
{
	margin: 10px 10px 10px 10px;
	padding: 0 20px 0 20px;
	background-color: #FDF7BB;
	width: 40%;
	float:right;
	clear:both;
	position:relative;
	border: 1px solid #F7DE08;
}

#content .highlightboxwide
{
	margin: 20px 10px 20px 10px;
	padding: 0 20px 0 20px;
	background-color: #FDF7BB;
	border: 1px solid #F7DE08;
}

#content .tip
{ /* tip box */
	margin: 20px 10px 20px 10px;
	padding: 0 20px 0 20px;
	color: #000;
	background-color: #D6E9FC;
	border: 1px solid #000066;
	position: relative; /*needed for ie bug: container is relative, so this must also be relative*/
}

/* -----------------------What's New Styles------------------------------------*/
#content h3.whatsnew, #content #main_content h3
{
	padding: 5px 0;
	margin: 0 0 15px 0;
	color: #0755A6;
	clear: both;
	font-size: 150%;
	border: none;
}

#content img.whatsnew
{
	float: right;
	margin: -115px 10px 0 10px;
	padding: 0;
	clear: both;
}

/* -----------------------NEW! list styles------------------------------------*/
#content ul.whatsnew_list
{  /*ordered and unordered list style */
	margin: 10px 0 0 0; 
	padding: 0;
}

#content ul.whatsnew_list li
{  /*unordered list item style*/
	margin: 0;
	padding: 0 0 0 0;
	list-style-position: outside;
	list-style-image: none;/*list-style-image: url(../images/new_icon.gif);*/
	list-style-type: none;
	clear:both;
	width: 100% !important;
	line-height: 1.0em;
}

/* -----------------------link type images------------------------------------*/
.pdflink
{ /* pdf link image */
	padding-right: 17px;
	background: url(../images/adobe_pdf.jpg) no-repeat right bottom;
}

.wordlink
{ /* Word link image */
	padding-right: 17px;
	background: url(../images/word.jpg) no-repeat right bottom;
}

.pptlink
{ /* PowerPoint link image */
	padding-right: 17px;
	background: url(../images/ppt.jpg) no-repeat right bottom;
}

.excellink
{ /* Web link image */
	padding-right: 17px;
	background: url(../images/excel.jpg) no-repeat right bottom;
}

.weblink
{ /* Web link image */
	padding-right: 17px;
	background: url(../images/web.jpg) no-repeat right bottom;
}

.csefellink
{ /* CSEFEL link image */
	padding-right: 17px;
	background: url(../images/csefel.gif) no-repeat right bottom;
}

/* -----------------------Two Column Styles------------------------------------*/
#content div.twocolumn
{ /*container for two column*/
	margin: 5px 0 10px 0;
	padding: 0;
	position:relative;
	width:100%;
}

#content div.twocolumn div.leftcolumn
{ /*left column*/
	margin: 0;
	padding: 0;
	position:relative;
	float:left;
	width:45%;
}

#content div.twocolumn div.rightcolumn
{ /*right column*/
	margin: 0;
	padding: 0 0 0 5px;
	position:relative;
	float:right;
	width:45%;
}

/*------ Course Header and Navigation ------*/
#course_header
{ /* navigation container */
	padding: 0;
	margin: 0 0 0 -15px;
	background: #E2BFBC;
	color: #fff;
}

#content #course_header h1
{ /* H2 navigation container */
	padding: 0;
	margin: 0 0 10px 8px;
	background: #E2BFBC;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#content #course_header h2 {
	background: #E2BFBC;
	color: #000;
	margin: 0;
	padding: 0 0 5px 8px;
	border: 0;
}

#course_navcontainer
{ /* navigation container */
	padding: 0;
	margin: 0 0 10px 0;
	height: 23px;
	color: #000; 
	background: #E2BFBC;

}

#course_navcontainer ul
{ /* navigation container menu list */
	margin: 0; 
	padding: 0;
	list-style: none;
	clear: both;
	background: #B44D42;
	color: #fff;
	height: 23px;	
}

#course_navcontainer ul li
{ /* navigation container menu list item */
	display: block;
	float: left;
	height: 23px;	
}

#course_navcontainer ul li a
{ /* styles for linked navigation menu list item links */
	text-decoration: none;
	background: #E2BFBC;
	padding: 4px 8px;
	color: #000;
	font-size: 83%;
	font-weight:bold;
	display: block;	
	}
	

#content #course_navcontainer a, #content #course_navcontainer a:link, #content #course_navcontainer a:visited {
	background-color: #B44D42;
	color: #fff;
}

#content #course_navcontainer a:hover
{ /* link hover style */
	color: #fff;
	background-color: #7B342D;
}



#course_navcontainer a:hover, course_#navcontainer a#current:hover
{ /* hover styles for navigation menu items */
	color: #fff;
	background-color: #7B342D;
}

#course_navcontainer ul li a#current
{ /* current navigation menu item */
	background-color: #004080 /*#0000CA*/;
}

#course_header #course_navcontainer .pbs_current, #course_header #course_navcontainer .pbs_current:link,
#course_header #course_navcontainer .pbs_current:visited, #course_header #course_navcontainer .pbs_current:active, 
#course_header #course_navcontainer .pbs_current:hover   {
	font-weight: bold;
	background-color: #7B342D;  /* same as hover color */
	color: #fff;
}
/*------ SUB PAGE NAVIGATION MARKUP (page xx of yy) ------*/
.course_nav
{ /* course navigation div that includes page numbers */
	background-color: #fff;
	color: #000;
	height:32px;
	margin: 0 0 0 -15px;
	clear:both;
	text-align: right;
	width: auto;
}

#progress
{ /* progress div that includes page numbers and previous and next buttons, top of page */
	margin: 0;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
	font-size: .8em;
	float: right;
	color: #000;
}

#progress a img
{ /* back and next buttons */
	margin: 0;
	padding: 0 10px 0 10px;
	border: 0;
	vertical-align: middle;
	float:none;
}

#progress a:hover
{
	background-color: #fff;  /* set to color of bg so there's no hover */
}

/* -----------------------footer styles------------------------------------*/

#fat_footer
{ 
	margin: 0;
	padding: 0;
	width: 961px;
	clear: both;
	background: #fff;
	/*min-height: 216px; */

}

#home #fat_footer {
	margin: 0 0 0 -20px;
}

#fat_footer ul {
	/*list-style-type: none;
	clear:  both; */
	margin: 0;
	padding: 0; 
}

#fat_footer ul#first_row {
	color: #fff;
	font-size: 150%;
	display: table-row;
	background-color: #fff;

}

#fat_footer ul#second_row {
	display: table-row;
	background-color: #fff;
}

#fat_footer li {
	vertical-align: top;
	margin: 0;
	padding: 0 0 0 10px;
	width: 156px;
}


#fat_footer ul#first_row li {
	background: #8e8e8e; 
	color: #fff;
	margin: 0;
	padding: 10px 10px 10px 25px;	
	display: table-cell;
	border-right: 1px #fff solid;   /*margin does not seem to work but border does */
	border-bottom: 1px #fff solid;
}

#fat_footer ul#second_row li {
	background: #d3d3d3;
	margin-right: 1px;
	padding: 20px 10px 10px 25px;	 
/*	min-height: 125px;		*/
	height: 50px;
	display: table-cell;
	border-right: 1px #fff solid;

}

#fat_footer li#last, #fat_footer li#last_2 {
	margin-right: 0 !important; /* same weight as earlier 1px right margin */
	width: 157px;
}

#fat_footer li#last_2 p {
	overflow: hidden;
}

#fat_footer a, #fat_footer a:link, #fat_footer a:visited, #fat_footer a:hover, #fat_footer a, #fat_footer a:active {
	color: #494949;
	background-color: transparent;
}

#footer
{ /* footer container */
	margin: 0px;
	padding: 0;
	width: 940px;
	clear: both;
}

#footer p
{ /* paragraph text for footer */
	margin:0;
	padding: 5px 10px;
	font-size:80%;
	line-height: 1.3;
	color:#000;
	clear:both;
}

#footer a:link, #footer a:visited
{ /* footer container link */
	color:#000;
}

#footer ul
{ /* footer navigation container menu list */
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#footer ul li
{ /* footer navigation container menu list item */
	height: 100%;
	display:inline;
}

#footer ul li a
{ /* styles for linked footer navigation menu list item links */
	margin: 0;
	padding: 4px 15px 4px 0px;
	display: block;
	float:left;
	color: #000;
	font-size:80%;
}

#footer a:hover
{ /* hover styles for footer navigation menu items */
	color: #412336;
	background-color: #A0DDF8;
}


/* -----------------------miscellaneous------------------------------------*/
.hidden
{ /* used to hide random items in site */
	visibility: hidden;
	display:none;
}

.designernotes
{ /* used to show designer notes to client */
	color: red;
	font-weight: bold;
}

.highlight
{ /* used to act as a hilighter per client */
	background-color: #FFFF75;
}

.returntop
{ /* used for Return to Top link at bottom of page */
	clear:both;
	text-align:center;
}

#content iframe.iframe { /* Imbedded iframe video */
	margin-bottom: 20px;
}

/* -----------------------suckerfish - with focus---------------------------------*/

#dropdown {
	margin: 5px 0 20px 0;
	height: 39px;
	
}

#dropdown #nav, #dropdown #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

#dropdown #nav a {
	display: block;
	width: 276px; 
	text-decoration: none;
	color: #fff;
}

#dropdown #nav li {
	float: left;
	width: 296px; 
}

#dropdown #nav li
{
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.3;
}

#dropdown #nav li#do {
	height: 39px;
	background: #76aa3e;
	margin-right: 10px;	
	width: 294px; 

}

#dropdown #nav li#explore {
	background: #b44c41;
	color: #fff;
	margin-right: 10px;	
	width: 294px; 		
}

#dropdown #nav li#visit {
	background: #89b2c8;
	color: #fff;
	width: 312px;
}


#dropdown #nav li#visit a {
	width: 276px; 
}

#dropdown #nav li ul { /* second-level lists */
	position: absolute;
	width: 294px; 
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height: 1.4;
}

#dropdown #nav li ul li a, #dropdown #nav li ul li a:link, #dropdown #nav li ul li a:visited, #dropdown #nav li ul li a:active, #dropdown #nav li ul li a:focus  {
	display: block;
	padding: 7px 4px 7px 15px;
	width: 275px;
}



#dropdown #nav li#do ul {
	background-color: #76aa3e;
	color: #fff;
}

#dropdown #nav li#explore ul {
	background-color: #b44c41;
	color: #fff;
}

#dropdown #nav li#visit ul {
	background-color: #89b2c8;
	color: #fff;
	width: 312px;
}


#dropdown #nav li:hover ul, #dropdown #nav li.sfhover ul, #dropdown #nav li ul li:hover { 
	left: auto;
}


#dropdown #nav li#do:hover {
	background-color: #76aa3e;
	color: #fff;
}


#dropdown #nav li#explore:hover {
	background-color: #b44c41;
	color: #fff;
}


#dropdown #nav li#visit:hover {
	background-color: #89b2c8;
	color: #fff;
}

#dropdown #nav li#do ul li a:hover {
	background-color: #739333;
}

#dropdown #nav li#explore ul li a:hover {
	background-color: #853b35;
}


#dropdown #nav li#visit ul li a:hover {
	background-color: #74807e;
	width: 292px;
}


/* IE chokes on this rule - must not be in another rule */
/*
#dropdown #nav li:focus ul {
	left: auto;
}
*/

.padder {
	display: block;
	background: transparent url('../images/green-arrow.png') no-repeat scroll top left;
	height: 29px;
	padding: 5px 5px 5px 40px;
	width: 246px;
	color: #fff;
	line-height: 29px;
	font-size: 14px;
}

#explore .padder {
	background: transparent url('../images/red-arrow.png') no-repeat scroll top left;
}

#visit .padder {
	background: transparent url('../images/blue-arrow.png') no-repeat scroll top left;
}


/* extra positioning rules for limited noscript keyboard accessibility */

/* do menu - default of sorts */
/*
#nav li a:focus + ul { margin-left: 0; background-color: #739333;}
#nav li li a:focus + ul { margin-left: 1010em; background-color: #739333; }
#nav li li a:focus { margin-left:1000em; width:10em; background-color: #739333; }
#nav li li li a:focus {margin-left: 2010em; width: 10em;background-color: #739333; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; background-color: #739333;}
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em;background-color: #739333;}


#nav li#explore a:focus + ul { margin-left: 0; background-color: #853b35;}
#nav li#explore li a:focus + ul { margin-left: 1010em; background-color: #853b35; }
#nav li#explore li a:focus { margin-left:1000em; width:10em; background-color: #853b35; }
#nav li#explore li li a:focus {margin-left: 2010em; width: 10em;background-color: #853b35; }
#nav li#explore:hover a:focus, #nav li#explore.sfhover a.sffocus { margin-left: 0; background-color: #853b35;}
#nav li#explore li:hover a:focus + ul, #nav li#explore li.sfhover a.sffocus + ul { margin-left: 10em;background-color: #853b35;}


#nav li#visit a:focus + ul { margin-left: 0; background-color: #74807e;}
#nav li#visit li a:focus + ul { margin-left: 1010em; background-color: #74807e; }
#nav li#visit li a:focus { margin-left:1000em; width:10em; background-color: #74807e; }
#nav li#visit li li a:focus {margin-left: 2010em; width: 10em;background-color: #74807e; }
#nav li#visit:hover a:focus, #nav li#visit.sfhover a.sffocus { margin-left: 0; background-color: #74807e;}
#nav li#visit li:hover a:focus + ul, #nav li#visit li.sfhover a.sffocus + ul { margin-left: 10em;background-color: #74807e;}
*/

.date {
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	height: 40px;
	font-weight: bold;
	color:	#494949;
	text-align: right;
}

.date_top {
	background: #9B9B9B;
	padding: 3px 8px;
	text-align: center;
}

.date_bottom {
	background: #AFAFAF;
	padding: 8px;
	text-align: center;
}


.tiny_logo
{
	float: left;
}

.tiny_logo_right {
	float: right;
}

.clearance {
	clear: both;
	overflow: hidden; /* create new block formatting context - which makes p tag expand to contain a floated image */
}