/* Controls the default font, font size, font color and page margins for the site*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	background-color: #FFFFFF;
}


/* Wraps around the main site tables, exclucing the footer. Controls the left, right and bottom border on the site */
#container {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 5px solid #333333;
	width: 960px;
	margin-top: 0px;
	background-color: #FFFFFF;
}


/* This class is placed in the table cell of the middle content area. It puts padding all around the inside of the cell so nothing inside will crash into the left and right sidebars, navigation and footer areas */
.mainbodycontent {
	margin: 0px;
	padding: 20px;
}

p {
 font-size: 12px;
}

img {
 border: none;
}

/* a:link, a:visited, a:hover, a:active control the default link styles, currently red */
a:link {
	color: #CC0000;
	text-decoration:none;
}
a:visited {
	color: #CC0000;
	text-decoration:none;
}
a:hover {
	color: #CC0000;
	text-decoration:underline;
}
a:active {
	color: #CC0000;
	text-decoration:underline;
}


/* This style controls the page header for the main body content area: font size, font style, margin and padding around the element */
h1 {
	color:#000;
	font-size: 15px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}


/* This style controls secondary page header(s) for the main body content area: font size, font style, margin, padding around the element */
h2 {
	color: #3366CC;
	font-size: 13px;
	font-weight:bold;
	margin: 15px 0 0 0;
}

fieldset {
 padding: 24px;
}

legend {
 border: 1px solid grey;
 background-color: #C00;
 color: white;
 padding: 2px 12px;
 font-size: 12px;
}


.new_styling p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.new_styling li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

.new_styling h3 {
 display: block;
 border-bottom: 1px dotted #003;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 23px;
 font-weight: normal;
 color: #900;
 margin-top: 8px;
 margin-bottom: 8px;
}

.new_styling .quickclicks {
 background-color: white;
 border-bottom: 1px dotted #006;
 height: 100%;
 margin: 0;
 width: 100%;
}

.new_styling .quickclicks h4 {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #900;
 margin-top: 8px;
 margin-bottom: 5px;
}

.new_styling hr {
 margin: 30px 12px;
}


/*******************************************************************************

 INDIVIDUAL CONTENT BOXES: controls the fonts, padding colors for the individual content boxes 
 Duplicate any of these to create an new, custom colored content area

 *******************************************************************************/

#basicbox {
	background-color: #e2e1de;
	padding: 20px;
	width: 200px;
	color: #000000;
	font-size:11px;
	line-height: 14px
}

#quicklinks {
 	font-size: 12px;
	background-color: #ffde2f;
	padding: 20px;
	width: 200px;
	color: #000000;
}
#quicklinks h1 {
	padding-bottom: 3px;
	margin-bottom:5px;
	width: 200px;
	display: block;
	border-bottom: 2px solid #CC9933;
	color:#996600;
	font-size:13px;
	font-weight: bold;
}

#quicklinks a:link, #quicklinks a:visited
{
	color:#003366;
	text-decoration:none;
}
#quicklinks a:hover
{
	color:#cc0000;
	text-decoration:underline;
}


#hours {
	background-color: #5d4b7a;
	padding: 20px;
	width: 200px;
	color: #fff;
	font-size:11px;
}

#hours h1 {
	padding-bottom: 3px;
	margin-bottom:5px;
	width: 200px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #7d7192;
	color:#fff;
	font-size:13px;
	font-weight: bold;
	}
	
	
#employment {
	background-color: #900;
	padding: 20px;
	width: 200px;
	color: #fff;
	font-size:11px;
}

#employment h1 {
	padding-bottom: 3px;
	margin-bottom:5px;
	width: 200px;
	display: block;
	border-bottom: 2px solid #67b7df;
	color:#FFFFFF;
	font-size:13px;
	font-weight: bold;
	
	}

#employment a:link, #employment a:visited {
	color: #999;
}
#contact {
	background-color: #0066CC;
	padding: 20px;
	width: 200px;
	color: #f7da3c;
	font-size:11px;
}
#contact h1 {
	padding-bottom: 3px;
	margin-bottom:5px;
	width: 200px;
	display: block;
	border-bottom: 2px solid #579de3;
	color:#ffffff;
	font-size:13px;
	font-weight: bold;	
}

#contact a:link, #contact a:visited
{
	color:#f7da3c;
	text-decoration:none;
}
#contact a:hover
{
	color:#fff;
	text-decoration:underline;
}

#six_thousand_pound_div {
 height: 450px;
 width: 200px;
}

/*************************************************************/


#left_col_blurb {
 padding: 19px;
 /*height: 260px;*/
}

#left_col_blurb img {
 border-style: dotted;
 border-color: #CCC;
 border-width: 0 1px 1px 1px;
 margin: 0px 0px;
}

#left_col_blurb h1 {
 color: #999;
display: block;
border-bottom: 2px solid #999; 
font-size: 12px;
padding-bottom: 3px;
}

#count_down {
 margin: 10px 20px;
}


#countdown {
 text-align: center;
}

#countdown td {
 border: 1px #CCC solid;
 width: 40px;
 text-align: center;
}

#countdown hr {
 color: #CCC;
}

#countdown h5 {
 color: #003;
}

.countdown_num {
 background-color: white;
 color: #960;
 font-family: "Times New Roman", Times, serif;
 font-size: 30px;
 font-weight: bold;
}

.countdown_word {
 background-color: #960;
 color: white;
 font-size: 9px;
 font-family: Tahoma, Geneva, sans-serif;
}

/*******************************************************************************/ 



/*******************************************************************************

 NEWS SECTION: controls the top links on the news page and the back to top anchor link 

 *******************************************************************************/

li.news {
	font-size:10px;
	padding:2px 0;
	list-style-type: none;
	display: block;
}

.backtotop
{
	font-size:10px;
	margin:0;
	padding:0;
}

/*******************************************************************************

 Class SECTION: Reusable classes to be placed throughout markup

 *******************************************************************************/

.bio {
 clear: both;
 margin: 25px 10px 25px;
}

.activenet_button {
	display: block;
	background: url(img/register_button.jpg);
	height: 41px;
    position: relative;
    width: 153px;
	}
    
.activenet_button span {
	left: -5000px;
	height: 41px;
 	position: absolute;
	}
    
.blue {
 color: #006;
}

.bold {
 font-weight: bold;
}

.bulleted {
 list-style-type: circle;
}

.bio_name {
 color: #006;
 font-family: Tahoma, Geneva, sans-serif;
 /*font-weight: normal;*/
 text-align: center;
 margin-top: 3px;
}

.bio_title {
 color: grey;
 font-family: Tahoma, Geneva, sans-serif;
 /*font-weight: normal;*/
 font-size: 1.1em;
 text-align: center;
 margin-top: -12px;
}

.center {
 text-align: center;
}

.clear {
 clear: both;
}

.employment_table td {
 padding: 18px 2px;
}

.fleft {
 float: left;
}

.flpad {
 margin: 2px 10px 15px 0;
}

.fright {
 float: right;
}

.frpad {
 margin: 2px 0 15px 12px;
}

.grey {
 color: #666;
}

.grey_sidebar {
 background-color: #CCC;
 display: table;
 height: 100%
 width: 100%;
}

td.color_sidebar {
 background-color: #FFC;
 border-left: 1px dotted #003;
}

.h3_h4_modified h3 {
 font-family: "Times New Roman", Times, serif;
 font-size: 22px;
 font-weight: normal;
}

.h3_h4_modified h4 {
 font-family: "Times New Roman", Times, serif;
 font-size: 18px;
}

.indent {
 padding-left: 10px;
}

.italic {
	font-style: italic;
}

.kickup {
 color: #666;
 margin-top: -20px;
 margin-bottom: 2px;
}

.mini_hr {
margin: auto;
width: 300px;
}

.mini_hr hr {
 color: #900;
}

.new_home {
 background-image: url(img/new_home.jpg);
 background-position: top;
 background-repeat: repeat-x;
 border-color: #C5C5dc ;
 border-style: solid;
 border-width: 0px 0px 0px 0px;
 color: #555;
 margin-bottom: 10px;
 padding: 7px 10px 15px;
}

.new_home h3 {
 color: white;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 24px;
 font-weight: normal;
 margin: -15px 0px 0px -13px;
}

.nobold {
 font-weight: normal;
}

.ol_home {
 font-size: 9px;
}

.padded {
 padding: 15px;
}

.pic_bio {
 width: 215px;
}

.quickclickbox {
 background-color: #EEE;
 border: 1px solid #333;
 margin-left: 16px;
 margin-bottom: 20px;
 padding: 10px;
 width: 180px;
}

.quickclickbox h3 {
 color: #666;
 margin-bottom: 2px;
}

.quickclickbox ul {
 margin-top: 2px;
 margin-bottom: 6px;
}

.red {
 color: red;
}

.right {
 text-align: right;
}

.smaller {
 font-size: 10px;
}

.special_message {
 background-image: url(img/bg_grey_gradient.jpg);
 background-position: bottom right;
 background-repeat: repeat-x;
 border-color: #DDD;
 border-style: solid;
 border-width: 3px 1px 1px;
 color: #555;
 padding: 7px;
}

.special_message_blue {
 background-image: url(img/blue_bg_grad.jpg);
 background-position: bottom;
 background-repeat: repeat-x;
 border-color: #DDD;
 border-style: solid;
 border-width: 3px 1px 1px;
 color: #555;
 padding: 7px;
}

.large_pic {
 border: 1px solid #CCC;
 padding: 34px 9px 33px;
 width: 502px;
}

.thumb_bar {
 border: 1px solid #CCC;
 float: right;
 height: 400px;
 overflow: auto;
 width: 152px;
}

.thumb_bar img {
 border: none;
 margin: 8px 0px 10px 6px;
 padding: 0px;
}

.white_link a:link, .white_link a:visited {
 color: #CCC;
}

.hand {
 cursor: pointer;
}
/*******************************************************************************/ 


/* This ID controls the page footer */
#footer {
	padding: 10px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;	
	color:#666666;
	font-size:10px;
}