/* master.css for ladbrook */
body
{
	color:				black;
	font-family:		Arial,sans-serif;
	font-size:			11px;
	text-align:			center;
	margin:				0px;
	background-color:  	#E8E8E8;
}

DIV.centercontainer
{
		text-align:  left;
		margin-left: auto;
		margin-right: auto;	
		width: 776px;
		background-color: white;
}

DIV.navigation
{
		text-align:  right;
		width: 776px;
		height: 42px;
		background-color: white;
		background-image: url('/countycard/images/navigation.jpg') ;
		
}

td
{
	
	color:				black;
	font-family:		Arial,sans-serif;
	font-size:			11px;
	

	}

h4
{
	color:				gray;
	font-family: 		Arial;
	font-size:			medium;
	font-weight: 		bold;
	padding: 			0px;
	margin: 			0px;

}

a 
{
	color: #006633 ;
	font-size: bold ;
	text-decoration:  none;
	
}
a:link {}
a:visited {}
a:hover 
{
	color: #999999 ;
}
a:active {}

DIV.innerbackground
{
	width:				1024px;
	/*height:				100%;*/
	background-image:	url('/ladbrook/images/innerbgrnd.gif');
	background-repeat: 	repeat-y;
	text-align:			left;
	margin-left: 		auto;
	margin-right: 		auto;
}

DIV.mainpage
{
	width:				775px;
	padding-left:		124px;
	padding-right:		124px;
}

/* Header and main menu */
DIV.header
{
	position:			relative;
	width:				772px;
	height:				205px;
	background-color:	black;
	
}
DIV.mainmenu
{
	position:			relative;
	width:				772px;
	height:				23px;
	background-color:	yellow;
	word-spacing:		-2px;
}
DIV.mainmenumembers
{
	position:			relative;
	width:				772px;
	height:				23px;
	background-color:	blue;
	word-spacing:		-2px;
	padding-top:		4px;
}
/* main page */
DIV.pagebody
{
	position:			relative;
	width:				772px;
	height:				100%;
	background-image:	url('/ladbrook/images/bluegradient.jpg');
	background-repeat:	repeat-x;
	background-color:	#8aa1af;
}
DIV.leftpanel
{
	position:	relative;
	float:		left;
	width:		160px;
	text-align: left;
	background-color: white;
	padding-left: 4px ;
	
}
DIV.midpanel
{
	position:	relative;
	float:		left;
	width:		400px;
	background-color: white;
	text-align: center;
	
}
DIV.rightpanel
{
	position:	relative;
	float:		left;
	width:		200px;
	background-color: white;
	padding-left: 8px;
	margin-right: 4px;
	
}
/*Left panel captains diary */
DIV.captainsdiary
{
/*	width:		182px;
	height:		137px;*/
	padding:	8px;
}
DIV.capcontainer
{
	background-image:	url('/ladbrook/images/cornerblock1.jpg');
	background-repeat:	no-repeat;
	background-position:top right;
	background-color:	#c0bfdb;
	padding:		8px;
	padding-top:	16px;
	width:			130px;
}

DIV.leftmenu
{
	padding: 8px;
}

/*------ right panel------ */

/* Log in box */
DIV.loginbox
{
		font-size:8pt;
		padding-top:	8px;
}
A.register
{
	color:		rgb(128,128,128);
	position:	relative;
	left:		8px;
}

INPUT.login
{
	color:		black;
	position:	relative;
	left:		40px;
	font-size:	8pt;
}
INPUT.logintextbox
{
	position:	relative;
	left:		16px;
	font-size:8pt;
	margin:		2px;
}
INPUT.logintextboxinfo
{
	position:	relative;
	left:		16px;
	font-size:8pt;
	margin:		2px;
	color:		gray;
}
P.time
{
	font-size:	9pt;
	font-weight:bold;
	color:		black;
	text-align: center;
}
DIV.weatherbox
{
	position:	relative;
	border:		thin solid #b2b2b2;
	width:		164px;
	height:		100px;
	font-size:	9pt;
	padding:	0px;
}
/* cant make this a <p> or <h> cause of compatibility */
DIV.weatherheader
{
	background-color:	#b2b2b2;
	color:				white;
	font-weight:		bold;
	position:			relative;
}
DIV.loginerr
{
	margin: 	10px;
	padding:	4px;
	border: thin solid rgb(255,128,128);
}

.map
{

}
.map li
{
	border-bottom: 1px; 
	border-collapse: collapse; 
	border-style : dotted; 
	border-top: none; 
	border-left: none; 
	border-right: none;
	padding-top: 4px ;
	padding-bottom: 4px ;
}
.map ul
{	margin: 2px ;
	list-style: none;
	padding: 2px;
}
/*  register form*/
.formfield
{
	padding:		4px;
}
.courseinfo
{
	padding-top: 5px;
	margin-top: 5 px;
	text-align: center;
	font-weight: bold;
	color: 	#FFCC00;
}
.weatherinfo
{
	padding-top: 5px;
		margin-top: 5 px;
		text-align: center;
		color: #333333;
}

.formerror
{
	padding:		4px;
	margin:			2px;
	border:			thin solid red;
	background-color:rgb(255,255,120);
}
LABEL
{
	display:					block;
	float:						left;
	width:						150px;
	padding:					2px;
	margin:						0px;
	text-align:					left;
}
.registerwidget
{
	padding-top:			16px;
}
.registeroptional
{
	color:					gray;
	position:				relative;
	left:					16px;
}
.galleryitem
{  
	position:relative;
	float:left; 
	text-align: center;
	padding: 5px;
	border: thin;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #EEEEEE;
	font-size: 11px;
	margin: 5px;
	height: 120px;
	w\idth:	105px;
}  
     
  .thumb-wrap span {  
      display: block;  
       overflow: hidden;  
       text-align: center;  
   }  
   
   .calendar
{
   
   
}
.calendar table
{
	border-collapse: collapse;
	border: thin;
    border-style: solid;
    border-color: #CCCCCC;
    background-color: #EEEEEE;
}
.calendar th
{
	font-size:  10px;
	font-style: normal;

	border: 1px;
	border-collapse: collapse;
	border-style: solid;	
	background-color: #EEEEEE;
	border-color: #888888;
}
.calendar td
{	
	font-size:  8px;
	vertical-align: top;
	height: 80px;
	text-align: left;
	border: 1px;
	border-collapse: collapse;
	border-style: solid;	
	 border-color: #CCCCCC;
}
.calendar li
{
	border-top: 1px; 
	border-collapse: collapse; 
	border-style : dotted; 
	border-bottom: none; 
	border-left: none; 
	border-right: none;
	font-size: 10px;
	
	
}
.calendar ul
{	
	margin: 0px;
	list-style: none;
	padding: 2px;
}
.advertisingnli{
	position: relative; 
	top: 40px; 
	height: 460px;
	background-image: url('/ladbrook/images/notlogged.jpg') ;

}
.advertisingli{
	position: relative; 
	top: 40px; 
	height: 460px;
	background-image: url('/ladbrook/images/loggedin.jpg') ;
 
	background-position: center;
	background-repeat: no-repeat;

}