/****  
 Page CSS  © 2011 Keith Gravell  
 Cambridge Web Projects (44) 01638 720655  
****/

/* Common headers */

#wrapper {
    position:relative;  /* Needed for absolute divs */
    width: 948px;
    margin: 0 auto;
    padding: 0;
    text-align:center }

#header {
    background: url(../images/frame_top.jpg) no-repeat;
    margin:0;
    padding-top:1px;
    width:946px;
    height: 124px }

#logo {
    position:relative;
    float:left   }

#topnav {
    position:relative;
    float:right;
    text-align:right;
    width:700px;
    margin: 28px 60px 0 0 } 
#topnav ul {margin: 0; padding: 0 }
#topnav li {
    font: normal 11px verdana, Helvetica, sans-serif;
    color: #999;
    list-style:none;
    display: inline;
	padding: 0 12px }
#topnav li a { color: #999; text-decoration:none; border:none }
#topnav a:hover {
    color: #000;
    text-decoration: underline }



#mainnav {
     float:right;
     width: 660px;
     margin: 48px 60px 12px 0 }

#banner {margin: 120px 0 0 80px; display:none } /* Show is turned on via jQuery after loading completes */
#banner5 {margin: 0 auto }  /* static front page banner */

#tab-holder {
    position:relative;
    margin: 0 auto 2px auto;
    height:56px;
    width: 781px;
    padding-top:6px;
    background: url(../images/tabs_bg.jpg) repeat-x 0 32px }

.front-tabs {
    display: none;
    position:absolute;
    top:40px;
    z-index: 200;
    width:386px;
    padding:0;
    border: solid 1px #CCC;
    border-top-width:0px }
.front-tabs h1 {
    margin:0;
    padding: 2px }


/*  Front page Content  */
#content { 
    position:relative;
    width: 946px;
    min-height: 400px;
    background: #fff url(../images/frame_mid.jpg) repeat-y;
    text-align:left  }

#maincol { 
    float: left; 
    padding: 0 0 36px 0; 
    width: 520px; 
    margin: 0 20px 16px 80px; }

#rightcol {
    position:relative;
    float: right;
    width: 180px;
    top:0px;
    left:0px;
    margin: 36px 70px 0 4px;
    text-align:left }

#newitems {
    float: right; 
    width: 200px; 
    margin: 0 0 18px 36px;
     background: #fcfcff }
#newitems p { margin: 4px 0; }
#newitems p a { text-decoration:none; border:0; line-height:120% }   

.newpubsdiv {
    float:right; 
    width: 176px;
    margin: 0 80px 0 20px }
.newpubsdiv p  {
    font: bold 14px Arial, Helvetica, sans-serif; 
    color:#666;
    line-height:110%; 
    padding: 0 8px; 
    margin:0; 
    text-align:center }
.newpubsdiv a {  border:none }    

#fpheadline {
    float:left; 
    margin-left:80px; 
    width: 400px }

#fp_newtests { padding:32px 12px 0 14px; }
#fp_newtests p a {
    font: bold 14px Arial, Helvetica, sans-serif;  
    border: solid 1px #ddd; 
    color:#258; 
    text-decoration:none; 
    padding:3px; 
    margin: 1px; 
    display:block }
#fp_newtests a:hover {color: #333; border-color: #333}

#midcol {
    float: left;
    width:200px;
    margin-top:36px;
    text-align:left }
#midcol h1 {
    font: bold 14px Arial, Helvetica, sans-serif; 
    color: #eee;
    background-color:#00539E;
    margin: 0;
    padding:2px 6px 18px 2px }
#midcol h2 {
    font: bold 12px Verdana, Helvetica, sans-serif;
    padding: 8px 2px;
    margin:12px 0;
    border-top: solid 1px #ddd  }
 #midcol p {
    font: 11px Verdana, Arial, sans serif; 
    line-height:130%;
    border-bottom: dotted 1px #999;
    padding: 3px 0 6px 0 } 
#midcol p a {
    color: #149; 
    text-decoration:none }
#midcol p a:hover {
    color:#58C; border-bottom: dashed 1px }

#mainbody {
    float: left;
    margin:36px 12px 0 60px;
    padding: 0 18px;
    border-right: solid 1px #ddd;
    min-height:300px;
    width:360px }
#mainbody h1 {    
    font: bold 14px Arial, Helvetica, san serif; 
    color: #eee; 
    margin:0; padding: 2px 0 8px 2px;
    background-color: #00539E   }

#mainbody p a, #mainbody li a {color: #149; text-decoration:none }
#mainbody p a:hover, #mainbody li a:hover { color:#58C; border-bottom: dashed 1px  }



/* Inside pages */
#insideframe {
    margin: 0 auto;
    padding-top:6px;
    width: 860px } 

#leftnav {
	float:left;
    width: 141px;
    padding: 0px;
    margin-top:30px }
    
#leftnav a { display: block; padding:8px }

#leftnav ul {margin:0; padding:0 }
#leftnav li {
    font: normal 13px/20px Verdana, Helvetica, sans-serif;
    color: #149;
    list-style:none;
    list-style-image:none;
    padding:0px;
    margin-bottom:0;
    background-color: #f9f9f9;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd }
#leftnav li a { color: #149; text-decoration: none }
#leftnav li a:hover { color: #FFF; background-color: #148 }
#leftnav li.selected {
    background-color: #fff;
    font-weight:bold;
    padding:8px;
    border-right:solid 1px #fff }
#leftnav li.top {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    background-color: transparent }

#insidebody {
    width: 660px;
    background-color: #fff;
    min-height:500px;
    border: solid 1px #ddd;
    padding: 0 24px 12px 24px;
    margin: 0 0 0 140px}
#insidebody>span>p, #insidebody>p, #insidebody li, #insidebody>span>li { padding-right:100px }
     
/*  Books panels handler */
.div-book h4 {
    font: 16px Arial, Helvetica, sans-serif;
    color: #48c;
    font-weight:bold;
    margin-bottom:24px;
    cursor:pointer;
}
.img-book {
    float:right;
    margin: 5px 0 30px 30px;
}

/*  Pop-up  */
.pop_pnl {
    position:absolute; 
    width:400px; 
    height:300px; 
    background: #fcfcfc;
    border: solid 1px #139;
    padding:36px;
    top:10%; 
    left:30% }     

/*  Bottom  */
#footer {
    width: 946px;
    height:40px;
    background: url(../images/frame_base.jpg) no-repeat  }
#footer p { font-size: 10px; color:#149; padding-top:40px }