/* CSS Document */

/* Main Structure */

#rht_col a:hover { color: #76818a; 	text-decoration: none;
	
}

A:link { color: #76818a; }
A:visited { color: #76818a; }
A:active { color: #76818a; }
A:hover { color: #76818a; }

#container { height: 500px; width: 960px; position: absolute; left: 50%; top: 50%; margin-top: -250px; margin-left: -480px;}
#lft_col { width: 300px; height: 500px; float: left; margin:0px;}
#rht_col { width: 660px; height: 500px; float: left; margin-left: 0px; background: #fcbc8a;}
#rht_top { height: 225px; padding: 30px;}
#rht_top a:link, #rht_top a:visited  { color: #76818a; text-decoration:none; font-weight:normal; }
#rht_top a:hover  { color: #76818a; text-decoration:underline; }
#rht_top_lft {width: 290px; float:left;}
#rht_top_rht {width: 290px; float:left; clear:right; margin-left: 20px;}
#rht_mid { height: 58px; clear:both; background-color: #f79448; padding-left: 75px; padding-top: 17px; text-align: left;}
#rht_btm { height: 140px; clear:both; padding-left: 75px;}

#rht_btmn a { color:#FFFFFF; text-decoration:underline; }

#rht_btm #left { float:left; width:250px; margin:20px 0 0 0; }

#rht_btm #right { float:right; width:310px; margin:20px 0 0 0; }

.img_sp { margin-right: 20px; margin-top: 18px; float:left;}

.rhtMargin {margin-left: 45px; line-height: 20px;}
.rhtMargin_overflow {margin-left: 0px; line-height: 22px; height: 160px; overflow:auto; padding-right: 10px;}

/* Text Styles */

body { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color:#ffffff; 
scrollbar-face-color: #f9d1b2;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #EAEDED;
scrollbar-3dlight-color: #fcbc8a;
scrollbar-shadow-color: #fcbc8a;
scrollbar-darkshadow-color: #f79448;
scrollbar-track-color: #eba873;
scrollbar-base-color: #800080;
} 
h1 {color: #FFFFFF; font-weight: bold; font-size: 36px; margin-top: 0px; margin-bottom: 20px; text-transform:capitalize; }
.h1withSubNav{color: #FFFFFF; font-weight: bold; font-size: 36px; margin-top: 0px; margin-bottom: 4px;}
.subtitle {color: #FFFFFF; font-weight: bold; font-size: 18px;}

  h1#benp span { display: none; }
  h1#benp {
    height: 41px; /* height of the replacement image */
	width: 326px;
     background-image: url(http://www.benpearsondentistry.co.uk/images/ben_pearson.gif);
    background-repeat: no-repeat;
}
ul {margin: 0px;}

/* Menu Styles */


.imageLeft { float:left; margin:0 20px 10px 0;  border:1px solid #fff; }


/* Form Styles */

.inputbox { 
width: 200px; 
background-color:#FFFFFF; 
border: 1px solid #f79448; 
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;
color: #333333;
height: 15px;
margin-bottom: 5px;
}

.textbox { 
width: 200px; 
background-color:#FFFFFF; 
border: 1px solid #f79448; 
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;
color: #333333;
height: 65px;
}

.SubNav {
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.SubNav a {
	font-size: 12px;
	line-height: 1;
	color: #FFFFFF;
	text-decoration: none;
	
}

.SubNav a:hover {
	font-size: 12px;
	line-height: 1;
	color: #76818a;
	text-decoration: none;
	
}

#MeetDetails {
	padding-top: 10px;
}

#MeetDetails h2 {
	line-height: 12px;
}


fieldset {	
 margin: 0 0 20px 0; 
 padding: 0;
 clear: both;
 float: left;
 width: 420px;
}	

fieldset#message {
  border: 1px solid #cc0000;
  padding: 6px;
  text-align: center;
  color: #cc0000;
}

legend { 
 color: #663366;
 font-weight: bold;
 /*text-transform:uppercase;*/
 padding: 0.2em 0.5em;
}

legend#message { 
 color: #cc0000;
 font-weight: bold;
 text-transform:uppercase;
 padding: 0.2em 0.5em;
}

label {
 font: bold 14px Arial, Helvetica, sans-serif; 
 color: #fff;
 /*text-transform: capitalize;*/
}
form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #aaa;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0px;
}
form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	font-weight: bold;
	color: #333;
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
 	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #666666;
	width: 150px; 
	padding: 3px 0px 0px 0px; 
	margin: 5px 0px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
form input.disabled {
	background: #dddddd;
	border: 1px solid #aaa;
}
form textarea { 
	overflow: auto;
	height: 100px;
	width: 200px;
}
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}