﻿/*  Page CSS for Modality */
/*  © 2008 Keith Gravell Cambridge Web Projects */

#topnav { 
	width:800px;
	text-align:right;
	margin: 0 auto;
	padding: 0 }
#topnav ul {  margin:-18px 0 6px 0; padding:0 }
#topnav li {
	font:11px Arial, Helvetica, sans-serif; 
	list-style:none;
  	display:inline;
	color: #fff;
	padding:0 0 4px 18px   }
#topnav li a { color:#eee; text-decoration:none }
#topnav li a:hover { color:#ccc }

#logo { 
	float:left;
	margin: 16px 0 0 24px }

#jsbanner { 
	width:844px;
	height:304px;
	margin: 0 auto }
#jsbanner img { 
	padding:2px;
	width:840px;
	height:300px }	
#inbanner { 
	width:844px;
	height:166px;
	margin:0 auto 36px auto;
	padding:0 }

#header { 
	width:934px;
	height:50px;
	margin: 0 auto;
	padding:0;
	text-align:center;
	background: url(../images/headerbg.png) top no-repeat  }

#content {
	width:934px;
	min-height:500px;
	margin: 0 auto;
	padding:0;
	text-align:center;
	background: url(../images/contentbg.png) repeat-y  }
	
#leftcol { 
	float:left;
	text-align:left;
	margin-left: 64px;
	width:560px }

#itemPlaceHolder { margin-bottom:48px }

#login { 
	width: 260px;
	height: 180px;
	background-color: #eee;
	border: solid 1px #f90;
	padding: 24px 48px }

.question  { 
    padding: 6px 0; 
    font: 12px Verdana, Helvetica, sans-serif;
    color: #369 }
.question a {
    font: 12px Verdana, Helvetica, sans-serif;
    color: #369;
    text-decoration:none;
    border-bottom: dotted 1px #666 }
    
.answer, .answer p { 
    padding:0 ;
    margin: 6px 0;
    font: 11px Verdana, Helvetica, sans-serif; 
    line-height: 150%;
    color:#444 }
.answer td {  border: 0px }
    
.imageqa { float:left; margin:0 12px } 



.testouter {
    width:400px; min-height:200px; background-color:#ddd; margin: 50px auto }
.testinner {
    width:200px; background-color:#369; height:400px }
        
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}



#rightnav {	
	width:250px;
	float:right; 
	margin:80px 14px 4px 0 }
#rightnav img { 
	margin-bottom:8px }
 	
#footer{ 
	width:1000px;
	margin: 0 auto; 
	padding:54px 0 4px 0;
	text-align:center;
	vertical-align:bottom;
	background: url(../images/footerbg.png) top no-repeat }
	
#footer p {	font: 10px/16px Verdana, Helvetica, sans-serif; color: #999  }
#footer p a { color:#999; text-decoration:none; border-bottom: dotted 1px #999 }

