/*basic elements*/

body {
	font-family: verdana,  Helvetica, sans-serif;
	font-size: small;
	background: url(../images/intgrad.gif) no-repeat top left;
	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;
			padding: 0.5em;
			text-align: right;
}

#skips {font-size:80%;
		line-height:1.6em;
}
/*-- top navigation bar, i.e. home, help, feedback etc--*/

			
#topnav li {display: inline;
			list-style: none;		 
			}		
#topnav a:hover
{
	font-family: verdana,  helvetica,sans-serif;
	color: #000000;
	text-decoration:  none;
	font-weight: bold;
	font-style: italic;
}
#topnav a:link
{
	font-family: verdana,  helvetica,sans-serif;
	color: #006666;
	text-decoration: none;
	font-style: italic;
		font-weight: bold;
}
#topnav a:visited
{
	font-family: verdana,  helvetica,sans-serif;
	text-decoration: none;
	color:#006666;
	font-style: italic;
		font-weight: bold;
}
#topnav a:active
{
	font-family: verdana,  helvetica,sans-serif;
	color: #006666;
	text-decoration:none;
	font-style: italic;
		font-weight: bold;
}
.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 a:hover
{
		text-decoration: none;
		font-weight: bold;
		color: #006666;
}


#sidenav a {
	display: block;
	text-decoration: none;		
}
		
#sidenav {text-align:left;
			text-decoration:none;
			float: left;
			width: 175px ;
			}
			
#sidenav ul { list-style-type: none;
			margin-left: 0;
			padding-left: 0;
			}
			
.topmenu_select {font-weight: bold;
				 font-size: small;
				 }
.topmenu_deselect {font-weight: normal;
					font-size: small;
				 }
.submenu_select {font-weight: bold;
					font-size: x-small;
				}
.submenu_deselect {font-weight: normal;
					font-size:x-small;
				}

#sidenav li.top {	padding: 0.5em;
					list-style:none;
				}
#sidenav li.sub { 	padding: 0.1em;
					padding-left: 2em;
					list-style: none;
					color: #336666;
			}

#contents, #section1, #section2, #section3, #section4 {
					border-bottom: thin;
					border-bottom-color: #006666;
					border-bottom-style: solid;
			}

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

#content {padding: 0.6em 0.6em;
		  margin-left: 180px;
		  margin-right: 40px;
		  }
			
#bottomnav li {display: inline;
				list-style:none;
				font-weight:bold;
				font-style:italic;
			}
			
#contentnav li {display:inline;
				list-style:none;
				font-weight:bold;
				font-style:italic;}

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

/* end divs*/

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

.smallprint { font-size: 0.75em;
				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 {padding-top:0; margin-top:0; color:#336666; text-align:right;}