/*basic elements*/

body {
	font-family: verdana,  Helvetica, sans-serif;
	font-size: small;
	min-height: 100%;
}

/* =Headings */

h2, h3, h4, h5, h6	{
	font-family: verdana,  Helvetica, sans-serif;
	font-weight: bold; 
	text-align: left;
	}
h1	{	font-size:120%;}
h2	{	font-size:150%;}
h3	{	font-size:100%;}


/*----Links */
a:hover
{
	font-family: verdana,  helvetica,sans-serif;
	color: #0033CC;
	text-decoration: underline;
}
a:link
{
	font-family: verdana,  helvetica,sans-serif;
	color: #006666;
	text-decoration: underline;		
}
a:visited
{
	font-family: verdana,  helvetica,sans-serif;
	color: #006666;
		text-decoration: underline;	
}
a:active
{
	font-family: verdana,  helvetica,sans-serif;
	color: #006666;
	text-decoration: underline;
}
 
/*---End of Links------*/


/* start divs */

#header {display:inline;
		}

#header h1 {font-style:italic;
			font-family: verdana,  Helvetica, sans-serif;
			color: #FFFFFF;
			background-color: #336666;
			border: 0;
			margin: 0 0 0 0;
			padding: 0;
			text-align: left;
}

#skips {display: none;
}
/*-- top navigation bar, i.e. home, help, feedback etc--*/

			
#topnav {display: none;		 
			}		




.opacityit img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity:0.4;
				border:none;
				}
.opacityit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				-moz-opacity:1;
				border:none;}
		
/*--side navigation bar--*/		




		
#sidenav { display:none;
			}
			


/*--end of side nav--*/

#content {width: auto;
	border-top: solid 2px #000;
	margin: 22px 0 0 0;
	padding: 0;
	float: none !important;

		  }
			
#bottomnav li {display: none;
			}
			
#contentnav li {display:none;}

#footer { clear:both;
		  border-top: thin;
		  border-top-style: solid;
		  border-top-color: #006666;
		}
		
#footer .smallprint { font-size: 8px;
				font-style: italic;
		}
#logo { clear:both;
}

/* end divs*/

/* Start classes*/
.hi-lite { 
			font-weight: bold;
}

.smallprint { font-size: 8px;
				font-style: italic;
}
.aligncentre { text-align: center;
			}
			
.alignright { text-align: right;
			}
			
.image-right {float:right;
			padding-left: 1em;
			margin-left: 1em; 
			border:none;
}

.image-left {float:left;
			padding-right: 1em;
			margin-right: 1em; 
			border:none;
}
.image-header {background-color:#006666; color:#FFFFFF; width: 267; word-wrap: break-word;}
.image-header h3 { width: 267; }

.noborder {border: none;}

.bold { font-weight: bold;}

.greenshade { background-color: #A0CFC8; }

.clear {clear: both;}

.cite-photo { font-size: 8px;
				font-style: italic;
				font-weight: bold;
				color:#999999;
				float: right;
				padding-left: 1em;
				margin-left: 1em;
				}
					
/* End Classes*/



/*box-highlight - added by RW as alternative to promo box*/
.box-highlight { font-size: 1em; margin-top: 0; word-wrap: break-word; width: 267px; /*float:right;*/ /*border-left: solid #fff 2em;*/ }
.box-highlight .header, 
.box-highlight .body,

/* need position relative for IE bug http://www.evolt.org/article/MSIE6_bug_with_floating_divs_and_spacers/17/23899/ */
.box-highlight .footer { clear: both; }
/* need this for IE bug with clearing float inside and hiding other container content */
.box-highlight .body { padding-top: 0.8em; width: 267px; }
.box-highlight h3 { font-size: 1.1em; }
.box-highlight .header h3 { margin: 0; padding: .4em  }
.box-highlight .header h3 a{ color: #ffffff;}
.video-link a { color:#ffffff; }

.box-highlight p { margin: 0; padding: 0 .3em 0.5em .3em; }

.box-highlight img {float: left; border: none; background-color: #fff;  padding-left: 0;  margin-bottom: 0.4em;padding: 0; }

.box-highlight { background-color: #fff; }
.box-highlight .header { background-color: #009999; }
.box-highlight .header h3 { color: #ffffff !important;	}
.box-highlight .footer { width: 263px; background-color: #A0CFC8; padding-left: 4px;}
.box-highlight .footervideo { width: 263px; background-color: #fff; padding-left: 4px;}

#countdowncontainer {display: none;}