/* 
CSS design for: apstrategies.org 
All associated graphics copyright 2006, http://www.apstrategies.org

Created: 10/03/06

IMPORTANT:
You may NOT reproduce this design without the written permission of Advanced Placement Strategies, Inc.

*/
	
/************General***************/
body {
	background-color:#933;
	margin:0px;
	padding:0px;
	font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; color:#333333; 
	text-align:center;
	}
	
h1 {
color:#c63;
font-size:24px;
padding-left:.5em;
margin-bottom:.5em;
margin-top:.5em;
}
	
ul li {
padding-bottom:1em;
}

ol li {
padding-bottom:1em;
}

small {
font-size:9px;
line-height: 12px;
}

p{
margin-top:1em;
margin-bottom:1em;
}
/************Common Layout***************/
#container{
background-color:#fff;
width:800px; 
text-align:left;
}
/* TOP AREA */
#top {
background:url(../images/logo_aps/aps-logo-2008.gif) no-repeat 10px 5px;
height:100px;
width:750px;
}
#top h1, #top h2 {
display: none;
}

#topnav {
padding-top:80px;
}

#topnav ul, #topnav li{
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
}

/* MAIN CONTENT */

#main{
border:1px solid #999;
}

/* FOOTER */
#footer1{
	padding:5px 5px 5px 10px;
	background-color:#C63;
	text-align:left; 
	vertical-align:middle;
	color:#FFF;
	font-size:10px;
	text-decoration:none;
	filter:alpha(opacity=80);
	opacity: .8;
	-moz-opacity:.8;
}

#footer2{
	padding:10px;
	text-align:left; 
	vertical-align:middle;
	background-color:#933;
	color:#BF8660;
	font-size:10px;
	line-height:1.1em;
	text-decoration:none;
}

#footer1 a:link{color:#FFF;}
#footer1 a:visited{color:#FFF;}
#footer1 a:hover{color:#FFF;}


/************Common Styles***************/
h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
}


/***Link Styles***/
a:link {
	color:#333; 
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	color:#666;
}
a:hover {
	text-decoration: underline;
	color:#333;
}
a:active {
	text-decoration: underline;
	color:#666;
}
/* img links have no border */
IMG {border: 0; }

/*****************Three Column Layout***************/
#columnleft{
	padding:0px 10px 5px 10px;
	width:245px; 
	background-color:transparent;
	vertical-align:top;
	text-align:left;
}

#columnmiddle{
	padding:0px 10px 5px 10px;
	width:245px; 
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	}

#columnright{
	padding:0px 10px 5px 10px;
	width:245px; 
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	}
	
/*****************Three Column Index Page Styles***************/

#columnleft h1, #columnmiddle h1, #columnright h1
{
	 padding:2px 2px 0px 4px;
	 font-size:12px;
	 background-color:#369;
	 color:#fff;
	 font-weight:bold;
	 letter-spacing:3px;
	 line-height:18px;
	 border-bottom:1px solid #39C; 
	 text-align:left;
	 filter:alpha(opacity=80);
	 opacity: .8;
	 -moz-opacity:.8;
}
 
 #columnleft h2, #columnmiddle h2, #columnright h2
{font-size:12px;
 color:#333;
 font-weight:bold;
 text-align:left;
 margin-bottom:3px;}
 
 #columnleft h1  a:link, #columnmiddle h1  a:link, #columnright h1  a:link
   {
	color:#fff;
	text-decoration: underline;
	}
 /*****************Two Column Layout***************/
#leftnav{
	padding:5px;
	width:180px;
	background-color:#406480;
	color:#9CC;
	vertical-align:top;
	text-align:left;
}

#columncontent{
	padding:5px;
	padding-bottom:20px;
	width:600px; 
	text-align:left;
	vertical-align:top;
	background-color:#fff;
	}

 
  /*****************One Column Layout***************/
#onecolumncontent{
	padding:10px;
	padding-bottom:20px;
	width:750px; 
	text-align:left;
	vertical-align:top;
	background-color:#fff;
	}	
/*****************One & Two Column Page Styles***************/

#leftnav h1
{
 padding:2px 2px 0px 4px;
 font-size:12px;
 background-color:transparent;
 color:#9CC;
 line-height:18px;
 text-align:left;
 filter:alpha(opacity=80);
 opacity: .8;
 -moz-opacity:.8;
}

#leftnav ul.linklist {
	margin-top:5px;
	margin-left:0;
	padding-left:1em;
}

#leftnav ul.linklist li {
	list-style-type: none;
	background-image: none;
	border-bottom: 1px solid #9CC; 
	padding-left:0px;
	padding-top:4px;
	padding-bottom:2px;

}

#leftnav ul.linklist li a,
#leftnav ul.linklist li a:visited {
display:block;
color:#99CCCC; 
text-decoration: none;
}

#leftnav ul.linklist li a:hover {
background-color:#933;
color: #FFF;
text-decoration: none;
}

#leftnav  a,
#leftnav  a:visited {
color:#99CCCC; 
text-decoration:underline;
}

#leftnav a:hover {
color: #FFF;
text-decoration:underline;
}

#newsdivider
{
 padding:2px 2px 0px 4px;
 width: 300px;
 border-bottom:2px solid #369;

}

#columncontent h1, #onecolumncontent h1
{
 padding:2px 2px 0px 4px;
 font-size:16px;
 color:#369; 
 font-weight:bold;
 letter-spacing:.2em;
 line-height:18px;
 border-bottom:2px solid #369;
 text-align:left;
}

#columncontent h2, #onecolumncontent h2
{font-size:14px;
 color:#933;
 font-weight:bold;
 text-align:left;
 margin-bottom:.5em;}
 
 #columncontent h3, #onecolumncontent h3
{font-size:12px;
 color:#333;
 font-weight:bold;
 text-align:left;
 margin-bottom:.5em;
}

/* Highlights */

.featured{
background-color:#FFFFCC;
padding: .5em;
border: 2px dotted #0066CC;
}

.highlight{
color:#FF6600;
}
.floatimgleft {
float:left;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}

.floatimgright {
float:right;
margin-top:5px;
margin-left:5px;
padding-bottom:5px;
}