/*** CSS written for Somerset GP Education Trust by Anne Hicks December 2009 ****/
/*** Global Settings ****/
body {font : normal small Verdana, Arial, Helvetica, sans-serif;
color : #2a3845;
margin : 0;
padding : 0;
background:#636363;

}

p { 
margin: 0 0 15px 0;
padding : 0;
font-size:90%;
line-height:150%;

}

a:link {
color : navy;
text-decoration : underline;
background:none;
}
a:visited{
color :#6e8b5c;
text-decoration : underline;
background:none;
}

a:hover {
color : #6e8b5c;
text-decoration : none;
background:none;
}
h1 {
color : #000000;
margin: 0px 0px 10px 0px;
padding-bottom : 10px;
font : bold 130% Georgia, serif;
border-bottom : 1px solid #efece7;
}

h2 {
color : #000000;
margin : 20px 0 10px;
padding-bottom : 10px;
font : bold 130% Georgia, serif;
border-bottom : 1px solid #efece7;
}
h3 {
color : #000000;
margin : 10px 0;
padding-bottom : 10px;
font : bold 120% Verdana, Arial, Helvetica, sans-serif;
border-bottom : 1px solid #efece7;
}

h4 {
color : #000000;
margin : 10px 0;
padding-bottom : 5px;
font : bold 100% Verdana, Arial, Helvetica, sans-serif;
line-height:150%;

}
ol{
list-style-type:decimal;
color:#000000;
}
ul {
padding:0;
margin:0 0 0 17px;
list-style: none;
font-size:90%;
line-height:150%;
}
li {
padding-bottom: 5px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
blockquote{
margin: 15px;
padding: 20px;  	
background: #eeeeee; 
border: 1px solid #303030; 
text-align:left	

}


.box {
clear:both;
background : #f7f7f7;
border : 1px solid #f0e9eb;
padding : 15px 15px 15px 15px;
margin-top:30px;
font-size:100%;
line-height:150%;
}
.greenbox {
background : #AAD887 url(images/gradient.jpg) repeat-x;
padding : 15px 15px 5px 15px;
margin-top:30px;
margin-bottom:30px;
font-size:90%;
border : 1px solid #f0e9eb;
}
.breadcrumb {
	font-size: 80%;
	margin:40px 0 0 10px;
	
	
}
.breadcrumb a  {
	background: transparent url(images/breadcrumb.gif) no-repeat center right ;
	text-decoration: underline;
	padding-right:18px;
	color:navy;
}
.breadcrumb a:visited, .breadcrumb a:active {
	color: navy;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

/*** Layout ****/
#wrapper {margin: 0 auto;
width : 776px;
border-left: 1px solid #f0e9eb;
border-right : 1px solid #f0e9eb;

background: #ffffff;
}

#header {
margin : 0 1px;

}
#bg {
border:1px solid #fff;

background : url(images/bg.gif) 0px 38px repeat-x;
}



#menu {
position: absolute; 

z-index:100;
width: 100%; /* precision for Opera */
margin-top:5px;
}


#menu dl {
float: left;
width: 129px;


}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color:#fff;
background:#000 url("images/navbar.jpg");
border: 1px solid gray;
margin: 1px;
height:22px;
padding-top:8px;



}

#menu dt.active{
background:#000 url("images/navbar-active1.jpg");
}


#menu dd {
display: none;
border: 1px solid gray;
border-top:none;

}
#menu li {
text-align: center;
background: #fff;
color: #525252;

}
#menu li a  {
color: #000;
background: #f7f7f7;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
font-weight: normal;

}
#menu dt a {
color: #fff;
font-weight:bold;
background:transparent;
text-decoration: none;
height: 100%;
border: 0 none;

}

#menu li a:hover {
background: #72be38;
color:#fff;
font-weight: normal;
}

#menu dt a:hover {
color:#fff;
background:transparent;
text-decoration:underline;
font-weight: bold;
}














#main-content {
margin : 0 auto;


}




#main-content ul{
list-style:square url(images/bullet.jpg);
margin-left:17px;
}

#main-content ol li{
list-style-type:decimal;
margin-left:17px;
color:navy;
}

#main-content ol li.black{
color:#000000;
}

#logo {
margin-bottom : 15px;
text-align:left;
padding-top:30px;
padding-bottom:10px;
border-bottom: 5px solid #72be38;
}









.logotxt1 {
font : normal 300% Georgia, serif;
color : #000000;
margin : 10px 0 0 0px;

text-transform:uppercase;
}

.logotxt2 {
font : bold 300% Georgia, serif;
color : #000000;
text-transform:uppercase;
 }

 
#fadeshow1{
background-color:fff;
} 
 
#left-column {
width : 435px;
padding : 0 30px 30px;
float : left;
text-align:justify;

}
#single-column{
background : #ffffff;

padding : 0 30px 30px;
clear : both;
}

}

#right-column {
width : 250px;
float : right;

}



#right-column  li{

font-size:90%;
}

.crd a:visited, .crd a:link, .crd a:hover{
text-decoration : none;
color : #2a3845;
cursor: text;
}

#right-column ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	background: #F2F2F2;			
}
#right-column ul.sidemenu li {
	padding: 0px 10px;
}
#right-column ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
#right-column ul.sidemenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
#right-column ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #65944A;
	color: #65944A;		
}








#footer {
background : #72be38;
border-top : 1px solid #f0e9eb;
padding : 0 15px 10px 15px;
clear : both;
}


#footer p {
	margin: 0px;
	padding: 13px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: 85%;
	letter-spacing: 1px;
	color:#000000;
	
}

#footer a {
color:#fff;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
color:#fff;
background-color:inherit;
text-decoration:underline;
}

/*** Form CSS begins here ***/
form{
width:100%;

}
 input.txt{
 border:solid 1px #000;
 
  }
	
input.btn{

}


form input:focus{
background-color:#D3EBC1;
}
form textarea:focus{
background-color:#D3EBC1;
}
form select:focus{
background-color:#D3EBC1;
}
form select.course {
width:65%;
}
form textarea {
width:63%;
}
textarea#postaladdress{
border:1px solid #000;
overflow:hidden;
width:200px;
}

form div{
clear:left;
margin:0;
padding:0;
padding-top:5px;
}
 form div label{
 float:left;
 width:20%;
 text-align:right;
 padding-right:20px;
  }
	
	fieldset{
	border: 1px solid #000;
	margin-top:1.4em;
	padding:0.6em;
	
	}
	legend{
	font:bold 120% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#fff;
	margin-bottom:10px;
	}

/*** Form CSS ends here ***/

/*******************form hint *******************/	
		
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #D3EBC1;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
background-color:#fff;
margin: 3px 8px;
}
/*******************form hint ends here*******************/	

.searchform  {
	margin: 0 0px 15px 0;
	text-align: left;
	border:none;
	text-align:center;
	
}
.searchform div {
clear:none;
}

.searchform input.textbox{
border:none;
}

.searchform input.button {
border:none;
color:#fff;
background:#ffffff url(images/search-black.gif) no-repeat 0 top;
font: 100%  Arial, Helvetica, sans-serif;
height:22px;
width:55px;
text-align:center;
}

.searchform input.button:hover{
background:#333333 url(images/search-grey.gif) no-repeat 0 top;
color:#fff;

}

/*** SideBAR ***/
#main-image {text-align : center;}

.sidebar {
width : 218px;
float:right;
margin : 0 auto;
padding : 10px 25px;
background : url(images/shadow.jpg) no-repeat top;
font-size:90%;
}
.nopic{
background:#ffffff;
}
.sidebar p{
font-weight:100%;
margin-bottom:10px;
padding-bottom : 10px;
border-bottom : 1px solid #efece7;


}
.sidebar em{
float:right;
text-align:right;
padding-left:15px;
font-weight:bold;
font-style:normal;
letter-spacing:-1px;
}
.shadow {

margin : 0 auto;
padding : 10px  15px;
background : url(images/shadowlong.jpg) no-repeat top;
}

p.boldline:first-line {
font-weight:bold;
}
p.boldlineindent{
margin-left:10px;
background:#DFF1D0;
}
p.boldlineindent:first-line {
font-weight:bold;

}
.strong{
font-weight:600;
}
.presentation{
margin-bottom:10px;
}
border{
border:none;
}
.black{
padding:5px 0;
}