/*  Page CSS for ashteadgroup.org */
/*  © Keith Gravell Modality Systems 2007  */

#wrapper{
	width:800px;
	min-height:600px;
	text-align:left;
	margin: 0 auto;
	border-bottom: 18px solid #ddd;
	background-color: #fff }

#header{
	width:800px;
	margin-top:12px;
	margin-bottom:12px;
	height:80px;
	background: url(../images/APGLogo.jpg) no-repeat bottom left }

#jumpto { 
	float:right;
	margin-top:72px }
#jumpto select { 
	font: normal 11px/16px Verdana, san-serif }

#topnav{
	width:800px;
	height:24px;
	background: url(../images/menubg.jpg) repeat-x }

#admintop{ 
	width:800px; 
	height:60px; 
	text-align:center; 
	background-color: #000 }
#admintop h1 { color: #fff; padding-top:24px  }

#banner{ margin:0 }

#sidenav{ 
	width:105px; 
	min-height:300px;
	margin: 82px 0 6px 0;
	padding-top:12px;
	float:left;
	border-top: 2px #ccc dotted }
#sidenav ul li{ 
	font: normal 11px Verdana, san-serif;
    list-style-type:none;
	margin-left: 0px;
	padding:3px 6px }
#sidenav ul li a{ 
	color: #444;
	text-decoration: none }
#sidenav ul li a:hover { color:green }
#sidenav img{ margin-right:4px }

#rss { margin-top:96px; margin-left:12px }
#rss p { font: normal 9px Arial, san-serif }
#rss p a { color:#666; text-decoration:none }

#content{ 
	width:500px;
    min-height: 400px;
	float:left;
	margin: 24px 0 24px 24px;
	padding: 0 0 0 48px  }
#content ul li { margin:6px 0 4px 16px }
	
#rightcol {
	width:260px;
	margin-left:18px;
	margin-right: 0;
	float:right }
#rightcol h3 {
    font: bold 14px/18px Arial, Helvetica, san-serif;
    color: #333;
    margin: 0 70px 0 18px }
#rightcoltop {
    width:273px;
   	height:45px;
    background: url(../images/hl_Top.jpg) no-repeat }	
#rightcolmid {
    width:273px;
    padding-left:26px;
    padding-top:16px;
    background: url(../images/hl_Mid.jpg) repeat-y }	
#rightcolmid h1 {
    font-size:12px;
    font-weight:bold;
    padding: 2px 48px 3px 0px;
	margin:0;
    color: #333 }
#rightcolmid h1 a { 
	text-decoration:none;
	color:#333 }    
#rightcolmid p { 
    font-size:12px;
    line-height:120%;
    padding: 2px 48px 3px 24px }    
#rightcolbase {
    width:273px;
    height:30px;
    background: url(../images/hl_Foot.jpg) no-repeat }	

/* Alternative highlight box */
#rightcoltop3 {
    width:273px;
   	height:45px;
    background: url(../images/hl3_Top.jpg) no-repeat }	
#rightcolmid3 {
    width:273px;
    padding-left:26px;
    padding-top:16px;
    background: url(../images/hl3_Mid.jpg) repeat-y }	
#rightcolmid3 h1 {
    font-size:12px;
    font-weight:bold;
    padding: 2px 48px 3px 0px;
	margin:0;
    color: #333 }
#rightcolmid3 h1 a { 
	text-decoration:none;
	color:#333 }    
#rightcolmid3 p { 
    font-size:10px;
    line-height:120%;
    padding: 2px 48px 3px 24px }    
#rightcolbase3 {
    width:273px;
    height:30px;
    background: url(../images/hl3_base.jpg) no-repeat }	
	
#highlights {
	width:240px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 6px 6px 12px 12px;
	margin: -10px 1px 0 1px }
#highlights h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0; padding: 0 }
#highlights h1 a { 
	text-decoration:none;
	color: #333 }
#highlights h2 a {
	color: #333; 
	text-decoration: none }
#highlights p {
	color: #333;
	padding: 4px 12px 4px 12px }
	
#comments {
    margin: 12px;
    padding:6px 0 18px 12px;
    border-left: solid 1px Red }
#comments p { color: #036; padding: 6px 0 0 0 }   

#continue {
    visibility:hidden;
    position:absolute;
    top: 36px;
    left: 36px;
    background-color:Blue;
    padding: 18px } 

#footer{
	clear:both;
	text-align:center;
	margin-bottom:2px;
	margin-top:24px }
#footer p {	font: 9px Verdana, Helvetica, sans-serif; color: #666 }
#footer p a { color:#369; text-decoration:none; border-bottom:1px dotted #369 }

.login { 
    width: 400px;
    padding:24px;
    margin: 12px;
    background-color: #F5F5F5;  
    border: solid 1px #CCC;  }