/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: verdana,sans-serif;
	font-size: 1em;
	line-height: 1.166;
	margin: auto;
	padding: 10px;
	background-attachment: fixed;}

p{ 
	font-family: verdana,sans-serif;
 	font-size: .75em;
	text-align:left;}

a{
	color: #0000FF;
	text-decoration: underline;
	font-size: 10pt;}

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

a:visited{
	color: #006699;
	text-decoration: none;}

a:hover{
	color: #006699;
	text-decoration: underline;
	background-color: #CCCCCC;}
.list ul{ 
		padding:2px 0px 2px 0px;}
	
.list li{ 
	font-family: verdana,sans-serif;
 	text-align:left;
	padding:8px 0px 8px 0px;}
	
.list ol{ 
		padding:2px 0px 2px 0px;}
	
/***********************************************/
/* HEADERS                                  */
/***********************************************/

h1{
 	font-family: Verdana,sans-serif;
 	font-size: 1.25em;
 	color: #000000;
 	margin: 0px;
 	padding: 0px;}

h2{
 	font-family: Verdana,sans-serif;
 	font-size: 1em;
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	text-align:left;}

h3{
	font-family: verdana,sans-serif;
	font-size: 0.75em;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: bold;}

#smalltext{
	font-family: verdana, sans-serif;
	font-size: 0.70em;
	color: #333333;
	font-style: italic;}

/***********************************************/
/* Side Navigation                                 */
/***********************************************/

#navBar{
	float: left;
	width: 20%;
	margin: 4px 0px 4px 0px;
	padding: 0px;
	background-color: #EBEBEB;
	border-right: 2px solid #cccccc;
	border-bottom: 4px solid #cccccc;}

#navBar ul{
 	list-style-type: none;
 	padding: 0px;
	margin: 0px;}

#navBar li{
 	background-repeat: no-repeat;
 	background-position: 0px 1em;
 	padding-left: .8em;
 	text-align:left;}
 
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	font-size: .75em;}

#sectionLinks a {
	display: block;
	border-top: 0px solid #cccccc;
	padding: 10px 0px 0px 10px;
	vertical-align:middle;}

#sectionLinks a:hover{
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
	vertical-align:middle;}


div.anchorlist  {
			list-style: none;
			padding: 10px 0px;
			margin: 0px;
			width:60%;
			text-align:center;}

span.anchorlist {
			padding: 0px 40px 0px 40px;
			margin:0px;}

#anchorlistnav a
		{
			background-color: #FFFFFF;
			padding: 10px 0px 0px 10px;
			vertical-align:middle;
			margin:0px;
			text-decoration: underline;}
	
#anchorlistnav a:hover
		{
			color: white;
			text-decoration:none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	position:relative;
	margin:auto;
	padding:0px;
	width:790px;
	border:2px solid #cccccc;}

div.pop{
	position:relative;
	margin:auto;
	padding:10px;
	width:400px;
	border:2px solid #cccccc;
	text-align:center;}
	
#masthead{
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;}

div.col{
	width:20%;
	height:100%;
	float: left;
	margin: 0px;
	padding: 0px;}

div.col img{
	margin: 0px;
	padding: 0px;
	background-image: url(space.gif);
 	background-repeat: no-repeat;
  	text-align:left;
	width:20%;}
	
#content{
	font-size:1em;
	line-height:1.166;
	float:left;
	padding: 2px 10px 2px 10px;
  	width:58%;}
	
#contentnonav{
	font-size:1em;
	line-height:1.166;
	float:left;
	padding: 2px 4px 2px 4px;
  	width:78%;}
	
div.alphalist{
	text-align:center;
	padding: 10px 0px 10px 10px;
	margin:0px;
	border: 0px dotted #CCC;
	width:95%;}
	
div.alphalist img{
	float:left;
	padding: 10px;
	border: 2px solid #036;}
	
div.title{
	float:left;
	padding: 0px 0px 4px 4px;
	margin:0px;
	border-bottom: 1px solid #ebebeb;
	text-align:left;}

div.description{
	float:left;
	padding: 0px 0px 4px 4px;
	margin:0px;
	border: 0px solid #761;
	text-align:left;}

.feature{
	padding: 0px 0px 4px 6px;
	font-size: 1em;
	border: 0px inset #EBEBEB;}

.feature h3{
	padding: 5px 0px 5px 0px;
	text-align: left;
	border: 0px inset #EBEBEB;}

.feature img{
	float: right;
	padding: 10px;
}

#headlines{
  	float:right;
	width: 17%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 4px;
	text-align:left;}


/***********************************************/
/* TITLE PAGE                                  */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 8px 10px;
  	text-align:left;}
#pageName{
	margin: 0px;
	padding: 4px 10px 4px 0px;
	text-align:right;}

/************* #globalNav styles **************/
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #036;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;}

#navcontainer ul li a:hover
{
background-color: #369;
color: white;}

#navcontainer #active { border-left: 1px solid #ffffff; }

/************* #siteInfo styles ***************/

#footer{
	clear:both;
	text-align:center;
	border-top: 1px solid #cccccc;
	font-size: .75em;
	color: #000000;
	padding: 10px 0px 10px 0px;}

/*********** #navBar link styles ***********/

/*#navBar ul a:link, #navBar ul a:visited {display: block;}
/*#navBar ul {list-style: none; margin: 0px; padding: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/************** #advert styles **************/

#advert{
	padding: 10px;}

#advert img{
	display: block;}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;}

#headlines p{
	padding: 5px 0px 5px 0px;}

/**************  FLOATING IMAGES  ********************/

.floatright
			{
	float: right;
	margin: 0 0 10px 10px;
	border: 0px solid #666;
	padding: 2px;}

.floatleft
			{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 0px solid #666;
	padding: 2px;}

.back			{
	float: right;
	margin: auto;
	border: 0px solid #666;
	padding: 10px;
	background-color:black;}