body { font-size: 76%; font-family: Arial, Verdana, sans-serif; line-height: 1.4em; background-color: #E8E9EF; background-image: url("pics/shadow_bg.jpg"); background-repeat: repeat-x; text-align: center; margin: 0 }
h1   { color: #000; font-size: 1.7em; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 1.4em; margin: 0 0 0.67em 0 }
h2 { color: #111E60; font-size: 1.4em; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 1em; margin: 1em 0 0.5em 0; background: url("pics/column-content-h2.gif") 0 3px no-repeat;  }
h3 { color: #333; font-size: 1.2em; font-weight: normal; line-height: 1.4em; margin: 0.67em 0 }
h4 { color: #333; font-size: 1.0em; font-weight: normal; line-height: 1.4em; margin: 0.67em 0 }
p, legend, table { color: #333; font-size: 1em; font-weight: normal; margin: 0; padding: 0 }
ol, ul { color: #333; font-size: 1em; font-weight: normal; line-height: 1.4em; }
thead {color: #333; font-weight:bold;}
td, th  { vertical-align: top;  }
label { color: #333; font-size: 0.9em; font-weight:bold }

.wrapper    { text-align: left; margin: 0 auto; position: relative; width: 796px }
.row   {
	width: 780px;
	margin:0;
	padding:0;
	border:0
}


.row-content { width: 780px; float: left; background: url("pics/right-hand-bg.gif") 100% 0 repeat-y; margin: 25px 0 30px 0; }
.row_main { width: 796px; float: left; background-image: url("pics/shadow_main.jpg"); background-repeat: repeat-y }
.column_shadow_left    { width: 8px; float: left}
.column_shadow_right    { width: 8px; float: left}
.column_shadow_main    { width: 780px; float: left; }

.column_content  { width: 515px; float: left; z-index:10; padding: 0 0 0 30px; }
.column_content p { color: #333; font-size: 1em; font-weight: normal; line-height: 1.4em; margin: 0.67em 0 }
.column_content p, h1, h2 { padding: 0; }
.column_content h2 { padding: 0 0 0 10px;
	font-variant: small-caps;
}
.column_content ul {margin: 0; padding: 0 0 0 5px; list-style-type:none }
.column_content li { background: url("pics/column-content-li.gif") 0 8px no-repeat; margin: 0; padding: 0.2em 0 0.4em 10px}
.column_content img { margin: 0 10px }

.address_block_1 {background: url("pics/paradise-chambers-icon.jpg") 0 29px no-repeat; clear:left; float:left; height:93px; padding: 25px 0 0 100px }
.address_block_2 {float:left; height:93px; padding: 25px 0 0 30px}
.address_block_1 p, .address_block_2 p {font-size:0.9em; line-height: 1.5em; color:#111E60; margin: 0 }

.column_content_print_header { width:796px }
.column_content_print { background-color: #fff; width: 596px; float: left; padding: 50px 100px; }
.column_content_print h2 { padding: 0 0 0 10px; font-variant: small-caps  }
.column_content_print img { margin: 0 10px }
.column_content_print p { color: #333; font-size: 1em; font-weight: normal; line-height: 1.4em; margin: 0.67em 0 }

.column-right  { width: 170px; float: right; padding: 0 30px 0 0; background: url("pics/right-hand-nav-bg.jpg") 0 0 no-repeat }
.column-right ul { color:#FFF; font-weight: bold; margin: 0 20px 0 10px; padding: 0; list-style-position: outside; list-style-type:none }
.column-right li { background: url("pics/column-right-nav.gif") 0 4px no-repeat; margin: 0; padding: 0 0 15px 10px}
.column-right h2 { color: #FFF; margin: 0; padding: 10px; background: none; font-variant: small-caps }
.column-right a { color: #FFF; }
.column-right a:hover { color: #FFD825; }

#column_footer_left   { color: #526BB4; font-size: 0.9em; font-weight: normal; float: left; margin: 0; padding: 0 0 0 8px }
#column_footer_right    { color: #526BB4; font-size: 0.9em; font-weight: normal; float: right; margin: 0; padding: 0 }
#column_footer_right a  { color: #526BB4; font-weight: normal; text-decoration: none; margin: 0; padding: 0 }
#column_footer_right a:hover  { color: #111E60 }

#mainmenu
       { font-size: 12px; font-weight: bold; line-height: 26px; background-image: url("pics/main-nav-bg.gif"); background-repeat: repeat-x; list-style-type: none; margin: 0; padding: 0; width: 100%; height: 33px }
	   
#mainmenu li.level1
  { background: url("pics/main-nav-separator.jpg") no-repeat 0 0; float: left;  }

#mainmenu li.level1 a { color: #fff; margin: 0; padding: 8px 8px; }

#mainmenu li.level1 a:hover   { color: #FFD825 }

#mainmenu li.first
  { background: url("pics/main-nav-left.jpg") no-repeat 0 0; float: left;  }

#mainmenu li.first a { color: #fff; height: 27px; margin: 0; padding: 0 8px 0 31px; }

#mainmenu li.first a:hover   { color: #FFD825 }

#mainmenu li.last a
   { color: #FFF; height: 26px; display:block; margin: 0; padding: 0 8px; }
   
#mainmenu li.last a:hover
   { color: #FFD825; }
   
#mainmenu li.active a
   { color: #FFD825; }
   
#mainmenu li.active a:hover
   { color: #FFF; }
   
#mainmenu li.last
	{ margin: 0; padding: 0; float: left; }
	
#mainmenu li.firstactive
   { background: url("images/pip-active.gif") no-repeat 0 50%; margin: 0; padding: 0 8px; float: left; border-left: 18px solid #085866 } 

#mainmenu li.firstactive a
   { color: #FFD825; }

a { color: #111E60; font-weight: bold; text-decoration: none }
a:hover { color: #677EBE }

.fl {float:left; border:0; padding:0; margin:0}

.fr {float:right; border:0; padding:0; margin:0}

.clear { clear: both; font-size: 1px; line-height: 1px; }

.twocol ul, .twocol ol {
	float: right;
	width: 49%; 
	margin: 0;
	padding: 0;
}
	
.twocol ul {
	list-style-type: none;
}
	
.twocol .left {
	float: left;
	position: relative;
}

.twocol {
  width: 460px;
	margin: 0;
	padding: 0;
}

#pop_area, #pop_members, #pop_pupillage, #pop_news {
	width: 170px; background: url("pics/drop-down-bg.gif") 0 0 repeat-y; visibility: hidden; display: block; position: absolute; top: 185px; z-index:10
}

#pop_area {
	left: 79px
}

#pop_members {
	left: 195px
}

#pop_pupillage {
	left: 324px
}

#pop_news {
	left: 440px
}

#pop_area ul, #pop_members ul, #pop_pupillage ul, #pop_news ul { color:#FFF; font-weight: bold; margin: 10px 10px 0 10px; padding: 0; list-style-position: outside; list-style-type:none }
#pop_area li, #pop_members li, #pop_pupillage li, #pop_news li { background: url("pics/column-right-nav.gif") 0 4px no-repeat; margin: 0; padding: 0 0 10px 10px}
#pop_area a, #pop_members a, #pop_pupillage a, #pop_news a { color:#FFF;}
#pop_area a:hover, #pop_members a:hover, #pop_pupillage a:hover, #pop_news a:hover { color:#FFD825;}

.small_error { color: red; background-color: inherit; font-weight: bold }
.red_text { color: #F00; background-color: inherit; font-weight: bold }
