/**
 * OCD-UK Stylesheet 
 **/
 
 



 body {
	margin: 0px 0px 20px 0px;
	border: 0;
	padding: 0;
	background: #dddddd;
	text-align: center;
}

/*    This is the setting for image borders  */
img {
	border:0;
}


		.captionright {
	color: #666666;
	width: 150px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	display:inline;
	float:right;
	padding: 5px;
	text-align: justify;
	border: #ff6600 1px solid;
		}


.clr
{
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}

a {
	text-decoration: none;
	}

a:link {
	color: #0180C7;
	
	}

a:visited {
	color: #0180C7;
	}

a:active {
	color: #7BBBC7;
	}

a:hover {
	color: #ff3300;
	text-decoration: underline;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

 IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
	
	 

	
	


/*     header      */
.header {
height: 60px;
width:773px;
margin: 0px 0px 1px 0px;
color: black;
border-bottom: #cccccc 1px solid;
background-color: #ffffff;
}

.headerlogo {
	width:305px;
	height: 60px;
	display:inline;
	float: left;
}

.headerbanner {
	width:468px;
	height:60px;
	display:inline;
	float: right;
	text-align: right;
}






/*  This is the top navigation bar css  */
.navigation {
	height:10px;
	width:768px;
	
    
}
		
.registration
{
		color: #999;
		font-family: Arial, sans-serif;
	    font-size: 10px;
		display: inline;
	    float: left; 
		margin-left: 4px;
}

.navmenu {
		color: #999;
		font-family: Arial, sans-serif;
	    font-size: 10px;
		float: right; 
		display: inline;
		margin-right: 4px;
}










/*    central page content     */



#container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	text-align: left;
	padding: 0px;
	width: 773px;
	background: #C7DCE1;
	background: #fff;
	border-right: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	border-top: 1px solid #B9B9B9;
	}
	
#container .floatcontainer:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } 
/* Hides from IE Mac \*/  
* html .floatcontainer {height: 1%;}  
.floatcontainer{display:block;}  
/* End Hack */


#center {
margin-right: 0px;
	margin-left: 0px;
	float: left;
	width: 471px;
	overflow: hidden;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}







#center2 {
margin-right: 0px;
	margin-left: 0px;
	float: left;
	width: 614px;
	overflow: hidden;
 
	border-left: 1px solid #cccccc;
}


#centernb {
margin-right: 0px;
	margin-left: 0px;
	float: left;
	width: 765px;
	overflow: hidden;
  
}





.content {
	padding: 0px 15px 5px 15px;
	background-color: #FFF;
	color: #000000;
	font-family: Verdana, sans-serif;
	line-height: 150%;
	font-size:12px;
	}

.content p {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	margin-bottom: 10px;
	}


.content blockquote {
	line-height: 150%;
	}
	
.content li {
	line-height: 150%;
	}

.content h2 {
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #688288;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 12px;
	padding: 3px;
	}

.content h3 {
	color: #ff3300;
	font-family: Tahoma, sans-serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	
	}
	
	.content h4 {
	color: #ff3300;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	text-align: left;

	margin-bottom: 10px;
	
	}
	
	.content h5 {
	font-weight: bold;
	color: #ff3300;
	width: 105px;
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	border-bottom: 1px solid #688288;
	text-align: left;
	 padding: 2px;
	}
	
	
	
	.caption {
	color: #666666;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	display:inline;
		}

	
	
.conftext {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	line-height: normal;
	text-align: left;
	color: #0180C7;
	}
	
	
	
.content p.posted {
	clear: both;
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 10px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
}

.content p.posted a {
	color: #444;
}

.content p.posted a:hover {
	color: #ff3300;
	text-decoration: underline;
	}

.breadcrumb {
	font-family: Arial, sans-serif;
	color: #999999;
	border-bottom: 1px dotted #cccccc;
	text-align: left;
	margin-bottom: 15px;
	line-height: normal;
	padding: 1px;
	font-size: 10px;
	}


.textbox{ 
 border: 1px dotted #cccccc;
 font-family:verdana, arial, sans-serif;
 font-size:11px;
 background-color: #fff;
 width: 438px;
 text-align: left;
 margin-left: auto; 
 margin-right: auto; 
 padding: 3px;
  } 


.title{
		color: #ff6600;
		font-family:comic sans ms;
   		font-size: 12px;
		font-weight: bold;
	
}

.comic{
		color: #ff6600;
		font-family:comic sans ms;
   		font-size: 16px;
		font-weight: bold;
	
}


.subtext
{
		   		font-size: 11px;
					
}




/*     sidebar      */
.sidebar {
	padding: 0px 15px;
	
	}
	
.sidebar .search_button {
	font-size: 12px; 
	margin-bottom: 10px;
}
.sidebar h2 {
	color: #ff3300;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	text-align: left;
	padding: 3px;
	line-height: 1.5em;
	letter-spacing: 0em;
	}
	
	
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 36px;
	}


.sidebar li {
	color: #333333;
	font-family:  Tahoma, sans-serif;
	text-align: left;
	margin-top: 1px;
	margin-left: 1px;
	font-size: 12px;
	list-style-type: none;
}


 

.commentnote {
color: #333333;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 125%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	
	
	
	
	

.note {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	line-height: 135%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	
/*     left sidebar     */
#left {
	float: left;
	width: 150px;
	background: #C7DCE1;
	background: #fff;
	overflow: hidden;
}

#left .sidebar li a {
	font-size: 11px;
	line-height: 120%;
	text-transform: capitalize;
}




/*    right sidebar     */


#right {
	float: left;
	width: 150px;
	background: #C7DCE1;
	background: #fff;
	overflow: hidden;
	
}


#right .sidebar li a {
	font-weight: normal;
	font-size: 11px;
	line-height: 130%;
}















	

#banner {
	display: none;
	}








textarea#comment-text {
	width: 370px;
}





.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}




.photo {
	text-align: left;
	margin-bottom: 20px;
	}



#comment-data {
	float: left;
	position: relative;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.image-full {
		width: 370px;
	
	
	}


.content ul {
	padding-left: 0px;
	margin: -10px;
	margin-bottom: 5px;
	}


		/*    This is the code for forms  */


.basicedge{ 
 border: 1px solid #ff3300;
 font-family:verdana, arial, sans-serif;
 font-size:11px;
 background-color: #fff;
 width: 350px;
 text-align: center;
 margin-left: auto; 
 margin-right: auto; 
  } 
  
  
  
  
  .basicedge2{ 
 border: 1px solid #ff3300;
 font-family:verdana, arial, sans-serif;
 font-size:11px;
 background-color: #fff;
 width: 540px;
 text-align: center;
 margin-left: auto; 
 margin-right: auto; 
  } 

.textc{
text-align: center;

}


.textl{
text-align:left;

}


.textr{
text-align: right;

}



.labelright{
text-align: left;
float: right;
}


.labelleft{
text-align: right;
float: left;
}


.labelcentre{
text-align: center;
width: 15px;
}


.innerform{ 
 border: 1px dotted #999999;
 font-family:verdana, arial, sans-serif;
 font-size:10px;
 background-color: #ffffcc;
 width: 300px;
 text-align: center;
 margin-left: 19px; 
 padding: 6px;
   } 
   
   
   .esBanner120x110 { width: 120px; height: 110px; padding: 0px; margin: 0px; background-color: #ffffff;  }
	.esBanner120x110 form { margin: 0px; }
	.esBanner120x110 .inner { width: 100%; height: 110px; border: 1px solid #cccccc; }
 
	.esBanner120x110 .inner .searchInput input { width: 110px; margin-bottom: 2px; font-family: arial, verdana, sans-serif; font-size: 13px; color: #828282; }
	.esBanner120x110 .inner .searchButton input { width: 113px; font-family: arial, verdana, sans-serif; font-size: 13px; }
	
	
.esBanner200x130 { width: 200px; height: 130px; padding: 3px; margin: 0px; background-color: #ffffff; display: inline;
	    float: right;  }
	.esBanner200x130 form { margin: 0px; }
	.esBanner200x130 .inner { width: 100%; height: 130px; border: 1px solid #999999; }
		.esBanner200x130 .inner .searchInput { width: 133px; }
	.esBanner200x130 .inner .searchInput input { width: 125px; margin-left: 4px; margin-bottom: 4px; font-family: arial, verdana, sans-serif; font-size: 13px; color: #828282; }
	.esBanner200x130 .inner .searchButton { width: 66px; }
	.esBanner200x130 .inner .searchButton input { width: 60px; margin-right: 3px; margin-bottom: 4px; font-family: arial, verdana, sans-serif; font-size: 13px; }; }
	
	.firefox 
{
 position:absolute;
 z-index:10000;
 left:0px;
 top:0px;
 height:196px;
 width:196px;
 background-color:transparent;
 margin:0px;
 padding:0px;
 border:0px none;
}


#cornerImage {position:absolute;
right:0;
top:0;
} 

#player{
		display:block;
		width:400px;
		height:300px;
		
		 		}


.video {
	padding-left: 20px;	

}



/* NO JS ENABLED */
.video div.warning{
	 
	 
	 
}
/* duplicate rule */
.video div.warning {
	padding: 0;
	height: 30px;
	margin: 0;
}
/* triplicate rule */

 
div.jserror, div.warning{
	background: url("../images/warning.gif") no-repeat;
 
}
div.jserror p, div.warning p{
	font-size:11px;
	color:#656566;
	padding:0px 0px 0px 26px;	
}