﻿/* modification of style sheet that controls the layout of all the pages that use the standard template for the refresh */

#main
{
	width:99%;
	
}

#heading
{
	width:100%;
	float:left;
}

#logo
{
	height:108px;
	background-image:url('../../../../images/refresh/logo.gif');
	background-repeat:no-repeat;
	display:inline;
	float:left;
}

#quickLinks
{
	float:right;
	width:300px;
	/*border:solid 1px black;*/
	text-align:right;
	font-size:7pt;
	clear:left;
}


#darkBlueBar
{
	clear:both;
	width:100%;
	float:left;
	height:5px;
	font-size:0pt;
}

#lightBlueBar
{
	clear:both;
	width:100%;
	float:left;
	height:5px;
	margin-bottom:0px;
	font-size:0pt;
}


#usefulSiteLinks
{
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:8pt;
	margin-top:-19px;
	background-color:#fff;
	padding-left:8px;
	padding-right:8px;
}


#usefulSiteLinks a:hover
{
	color:#bddaf6;
}


#breadcrumb
{
	width:100%;
	float:left;
	text-align:left;
	margin-top:10px;
}

#breadcrumb span.breadcrumbSelected
{
	font-weight:bold;
	font-style:italic;
}

#bgimages
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	z-index: 2;
	float:right;
}

#problem
{
	width:100%;

	text-align:center;
}

#smallLinks
{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	float:left;
	text-align:center;
}

#smallLinks a
{
	
}

#smallLinks a:link
{

}

#smallLinks a:visited
{
	
}

#smallLinks a:hover
{
	text-decoration:underline;
}

#footer
{
	height:5px;
	float:left;
	width:100%;
	font-size:0px;
}

#disclaimer
{
	margin-top:5px;
	width:100%;
	float:left;
	text-align:center;
}



/* #################NEW HOME PAGE LAYOUT ################################## */

#contentwrapper{
width:100%;
margin-top:20px;
}

#leftone{
width:18%;
float:left;
margin:0;
padding:0;
}

h3{
font-family:trebuchet,trebuchet MS,arial,tahoma,verdana,times;
font-size:16px;
font-weight:bold;
color: #036;
}

.sectionheading{
/*margin-bottom:4px;
height:30px;
width:100%;
font-size:16px;
background-color:#BDDAF6;
 margin-top:8px;
background-color:#8B668B;
color:#FFFFFF;
text-align:center;
font-family:trebuchet, trebuchet MS, arial, tahoma, verdana, times;
font-weight:bold;
 margin-top:10px;*/
 
background-color:#8B668B;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

.sectionheading p
{
vertical-align:middle;
}

#leftmenu{
width:100%;
height:100%;
/*background-color:#EEF6FD;*/
background-color:#FFFFFF;
/*padding-top:8px;*/
padding-bottom:5px;
padding-left:0px;
}

#middleone{
text-align:center;
float:left;
/*width:57%*/
 width:56%;
margin-left:0.5%;
margin-right:0.5%;
margin-bottom:20px;
 /*padding-top:10px*/
}

#middlebody{
background: white/*#EEF6FD url(../images/bg_ltblue.gif) repeat-y 0 0*/;
 text-align:left;
 padding-bottom:5px;
 padding-left:2px;
}

#middlebody hr
{
color:#EEF6FD;
background-color:#EEF6FD;
border-top:dotted 1px #77b2ee;
border-bottom:none;
border-left:none;
height:1px;
margin:5px 0px 5px 0px;
}

#midtop
{
	/*height: 290px;*/
	border-bottom: solid 1px #77b2ee;
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 20px 10px;
    
	}

#midleft{
background-color:inherit;
float:left;
padding:2%;
width:45%;}

#midcontent1{
background-color:inherit;
text-align:justify;
}

#midcontent2{
background-color:inherit;
text-align:justify;
}

#midright{
background-color:inherit;
border-left:dotted 1px #77b2ee;
float:right;
padding:2%;
width:45%;}

#midcontent3{
background-color:inherit;
text-align:justify;
}

#midcontent4{
background-color:inherit;
text-align:justify;
}

.clearfloats {
clear: both;
}

#rightone
{
    /*padding-left:5px;*/
	float:right/*left*/;
	/*margin:0px;
	padding:0px;*/
	width:/*25%*/24.5%;
	height:100%;
}

.rightbox
{
	margin-bottom:5px;
	width:100%;
}

.rightcontent
{
	width:100%;
	/*background-color:#EEF6FD;*/
     background-color:White;
}

.rightbanner
{
	float:left;
	margin-top:10px;
	height:60px;
	width:100%;
	background-color:#ffffff;
}

#portal
{
	width:100%;
	/*min-height:150px;*/
}

#portal p
{
	margin-top:5px;
}

#portalContent1
{
	width:100%;
	position:relative;
}

#portalContent2
{
	float:right;
	width:48%;
}

#portal ul
{
	margin:0em; 
	padding:0.4em 0em 0.5em 0.5em; 
	list-style:none;
	display:inline-block;
}




#portal ul li
{
	padding:0em 0em 1em 1.5em;
}

li#gpcurriculum {background:url('../../../../images/dots/violet.gif') no-repeat;}
li#eportfolio {background:url('../../../../images/dots/red.gif') no-repeat;}
li#bookstore {background:url('../../../../images/dots/orange.gif') no-repeat;}
li#BJGP {background:url('../../../../images/dots/darkyellow.gif') no-repeat;}
li#courses {background:url('../../../../images/dots/maroon.gif') no-repeat;}
li#MRCGP {background:url('../../../../images/dots/forestgreen.gif') no-repeat;}
li#gptraining {background:url('../../../../images/dots/limegreen.gif') no-repeat;}
li#roadmap {background:url('../../../../images/dots/mauve.gif') no-repeat;}
li#patients {background:url('../../../../images/dots/brightblue.gif') no-repeat;}
li#conference {background:url('../../../../images/dots/indigo.gif') no-repeat;}
li#rcgp {background:url('../../../../images/dots/rcgp_blue.gif') no-repeat;}

#location
{
	padding:8px 5px 8px 5px; 
	/*background:#EEF6FD url('../../../../images/bg_ltblue.gif') repeat-y 0 0;*/
	background-color:white; 
}

#map 
{
	background-color:/*inherit*/white;  
	float:left; 
	width:120px;
}

#locationContent
{
	background-color:/*inherit*/white; 
	width:45%; 
	float:right;
}

#locationContent ul
{
	list-style-type:square; 
	margin:0em 0em 0em 1.5em;
	padding:0em 0em 1.5em 0em;
}

/*################################ Left MENU ##################################### */


#leftmenu ul{
	list-style:none;
	padding:1em 0em 1.5em 0em;
	margin:0px;
	}

#leftmenu ul li{	
 		text-align:left;
 		padding:0.4em 0em 0.4em 0.7em;
		border-bottom:2px dotted #8B668B/*#fff*/;
		}

#leftmenu ul li a{color:#036;	
		}


#leftmenu ul li a:hover {text-decoration:underline;
		}

#leftmenu ul li ul{
	list-style:none;
	padding:0em 0em 0em 1.5em;
	margin:0px;
	}
#leftmenu ul li ul li{font-size:0.9em;border-bottom: 1px solid #b9d3ee;}

/*This sets the size of the left hand menu*/
.leftTab
{
	/*width:97%;*/
	width: 220px;
	float:left;
	/*margin-bottom:10px;*/
	height:50px;
	padding:3px;
}

#navigation
{
	width:18%;
	float:left;
	/*padding-top:10px;*/
	padding-top:0px;
	padding-bottom:10px;
}

/*################################ HEADER ##################################### */

#ThreeDocs{
	/*background-image: url('../gpCurriculum/doctorsImages_new.jpg');*/
	height: 76px;
	width:254px;
    
	position: absolute;
	right:90px;
	top:9px
}

#headWriting {
    
	height: 21px;
	width: 261px;
	top:90px;
	right:90px;
	position: absolute;
	font:normal normal Bold 1.2em arial
}

#header
{
	clear:right;
}

.headings {
    background-color:#8B668B;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    text-indent:5px;
}

.headings2 {
      background-color:#8B668B;
     margin-left:2px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    text-indent:5px;
}

#upperBar {
float:left;
height:15px;
width:100%;
}

/*################################ CONTAINERS & CONTENT ################################### */

#mainContainer {
float:left;
padding-bottom:10px;
/*padding-top:10px;*/
 padding-top:1px;
width:100%;
}


#centerContainer
{
    /*float:right;
	clear:right;*/
	width:575px;
	float:left;
	
}

.centerTabTitle
{
	/*width:75%;*/
	width: 565px;
	float:left;
	margin-bottom:2px;
	padding-right:3px;
	padding-left:3px;
}

/*################################ LEFT CONTAINER ################################### */

.leftTabContainer
{
	/*width:99%;
	float:right;
    width: 500px;
    width: 565px;*/
    width:45%;
    float: left;	
     text-align:left	
}

.leftTabBody
{
	width:97%;
	float:left;
	margin-bottom:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:3px;
}

/*################################ RIGHT CONTAINER ################################### */

.rightTabContainer
{
	/*width:99%;
	float:right;
    width:49%;*/
    width:50%;
    float: left;	
    text-align:left	
}

.rightTabBody
{
	width:97%;
	float:left;
	margin-bottom:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:3px;
	
}



/*################################ FOOTER ##################################### */

#linkFooterContainer {
margin-left:auto;
margin-right:auto;
width:100%;
}
