/* CSS Document for SfN Homepage */

/******************* common type styles *******************/
body {
	background:white;
	margin:0;
	padding:0;
	font:normal 0.8em/1.2em verdana,aria,sans-serif;
	min-width:1060px;
}

a, a:link {
	color:#000099;
	text-decoration:underline;
}

a:hover, a:visited:hover {
	color:#0000FF;
	text-decoration:underline;
}

a:visited {
	color:#660066;
}

h1, .h1 {
	color:#000066;
	font-size:19px;
	font-weight:bold;
}

/*td p {
	margin: 0;
}*/

/******************* layout *******************/	
#wrapper
{
	min-width:1060px;
	width: expression(document.body.clientWidth < 1061? "1060px" : "auto"); /* set min width for IE6 */
}

#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF url("../../images/right_bg.gif") repeat-y top right;
	margin-top: 20px;
}

#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background:url("../../images/left_bg.gif") repeat-y top left;
}

#header {
	background:#ebe8cf;
	height: 100px;
	padding:10px;
	margin:0;
}

#logo {
	float: left;
	width: auto;
	margin: 2px;
}

#quotes {
	float:left;
	margin: 15px 0 15px 30px;
}

/*#header2 {
	float: right;
}

#toplink {
	position: absolute;
	right: 0;
	margin: 10px 10px 10px 0;
}*/

#toplink {
	float: right;
	margin: 10px 10px 10px 0;
}

#toplink a {
	font-weight: bold;
	font-size: 12px;
	color: #660066;
	text-decoration: none;
}
	
/*#searchbox {	
	position: absolute;
	right: 0;
	margin: 50px 10px 0 0px;
}*/

#searchbox {	
	width: 205px;
	float: right;
	clear:right;
	margin: 10px 0px 0px 0px;
}
.google
{
	vertical-align: bottom;
}

.search
{
	vertical-align: bottom;
	height: 20px;
}

#topnav {
	/*clear: both;
	display: inline;*/
	background-color: #660066;
}
	
#maincol {
	clear: both;
	position:relative;
	margin:20px 0 0 0;
	padding:10px;
}

#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding:20px;
	background:white;
	z-index:79;
}

#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:240px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px; /* actual value */
	margin:0 0 -10px 0;
	padding:20px;
	background:white;
	z-index:99;
}

#centercol {
	position:relative;
	padding:0 280px 0 250px;
	margin-top: -20px; 
}

#footer {
	position:relative;
	top:1px;
	background:white;
	width:100%;
	clear:both;
	margin:0;
	padding:5% 0 1%;
	text-align:center;
	font-size: 10px;   
    color: #000099;
}

/* styles for left column "Important Resource" box */	
#resource {
	width: 200px;
	border: solid 1px #660066;	
}

/* styles for left column "ANDP" box */
.LeftNavBox
{
	background-color:#FFFFFF;
	width:200px;
	height: 105px;
	padding: 0px;
	margin: -20px 0 20px 0;
	border: solid 1px #660066;
}

.LeftNavBox h1
{
	color:#660066;
	font-size:11px;
	font-weight:bold;
	text-align: left;
	padding: 5px 0 0 5px;
	margin: 0;
	text-decoration: none;
}

/* Styles for left column "Information For" box */

.boxout
{
   border: 1px solid #660066; 
   width: 190px;
   margin: -20px 0 20px;
   padding: 0 5px 10px;
}

.boxout h2 
{
	font: bold 18px Arial, Helvetica, san-serif;
	background-color: #CCCC99; 
	color: #4B253E; 
	margin: 0 -5px 5px;
	padding: 5px 5px;
}

.boxout a
{
	font-weight: bold;
	font-size: 14px;
	line-height: 120%;
}

/* styles for directory search box */
.DirectorySearchBox
{
	background-color:#CCCC99;
	width:170px;
	font-size:11px;
	padding:8px 15px;
	margin: -20px 0 0 0;
}

.DirectorySearchBox h1
{
	color:#660066;
	font-size:12px;
	font-weight:bold;
	margin:0;
}


/* legacy styles used by home content */
.bigheadline {
	color:#660066;
	font-size:11pt;
	font-weight:bold;
}	

.informationForHeader {
	color:#4B253E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
}

.small {
	font-size:10px;
}

a.blacklink:hover, a.blacklink:visited:hover {
	color:#999999;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}
a.blacklink, a.blacklink:visited {
	color:#000000;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}

.indent {margin-left:7; }

.iawgFontSmall{
	text-decoration: none; font-weight: none; font-size: 8pt;
}

.iawgFontBSmall{
	text-decoration: none; font-weight: bold; font-size: 8pt;
}

.blacktext{
	color: #000000; 
	text-decoration: none; 
	font-size: 9pt; 
	font-weight: bold;
}

/******************* sytles for top navigation menu *******************/
.menu {
	height:23px;
	background:#660066;
	width:1000px;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float:left;
	position:relative;
	z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:22px;
}
/* style 1st level menu links */
.menu ul li a:link,
.menu ul li a:active,
.menu ul li a:visited
{
	display: block;
	text-decoration: none;
	border-right: solid 2px #FFF; 
	font: 12px Arial,Helvetica,sans-serif;
	width: auto;
	padding: 4px 10px;
	color: #FFF;
	text-align: center;
}

/* style 1st level menu links when mouse over */
.menu ul li a:hover
{
	color:#FFF;
	background-color:#660066;
}

/* apply different bg color to selected menu link */
.menu ul li a.currentitem
{
	background: #666633;	
}

/* style 2nd level menu links */
.menu ul li ul li a:link, 
.menu ul li ul li a:active,
.menu ul li ul li a:visited {
	display:block;
	font: 11px Verdana,Aria,Sans-serif;
	width:270px;
	line-height: 11pt;
	padding:0 8px;
	color:#660066;
	background:#ebe8cf;
	text-decoration:none;
	text-align:left;
	border-left: solid 1px #660066;
	border-right: solid 1px #660066;
}

/* add padding top to first 2nd level link */
.menu ul li ul li:first-child a:link,
.menu ul li ul li:first-child a:visited {
	padding-top: 5px;
}

/* add border bottom to last 2nd level link */
.menu ul li ul li a.lastitem:link, 
.menu ul li ul li a.lastitem:visited {
	padding: 0 8px 5px;
	border-bottom: solid 1px #660066;
}

/* apply style to 2nd level links on hover */
.menu ul li ul li a:hover
{
	color: #000;
	font-weight:bold;
	background-color:#ebe8cf;
}

/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:300px;
	height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}