/* Basic Global */
body {margin:0; font:80% Arial, Helvetica, sans-serif; color:#000; background:#fff url(../images/bg.jpg) no-repeat center top;}
a, object { outline:none;}
a {color:#000; text-decoration:underline;}
a:hover { text-decoration:none;}
img { border:none;}
p {padding:0; margin:10px 0 10px 0;}
hr { clear:both; display:block; height:1px; border-top:none; border-left:none; border-bottom:1px solid #d9d9d9; border-right:none; padding:0; margin:20px 0 20px 0;}

/* Headings */
h1, h2, h3, h4{font-family: "Trebuchet MS", sans-serif; margin:0; padding:0;}
h1 { color:#013467; font-size:1.8em; font-weight:normal;}
h2 { color:#9a8c46; font-size:1.2em; font-weight:normal;}
h3 {font-size:1.4em; margin:0; padding:0;}
h4 {font-size:1.3em; color:#013467;}
h5, h6 {font-size:1.0em; color:#fff;}
td { vertical-align:top;}

table { margin:15px 0; border-top:1px solid #e6e6e6;}
td.alt1 { padding:8px; border-bottom:1px solid #e6e6e6;}
td.alt2 { background:#F4F4F4; padding:8px;border-bottom:1px solid #e6e6e6;}

/* Global Classes */
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalign_left { text-align:left;}
.textalign_right { text-align:right;}

/* Main Containers */
div#outerBody { width:1040px; background:url(../images/bglayout.png) repeat-y; margin:0 auto; overflow:hidden;}
div#page_container { width:960px; min-height:500px; margin:0 auto;}

/* Header Stuff */
div#header_container {}
div#header_container .logo { width:616px; height:117px; float:left;}
div#header_container .smallNav ul{ margin:0; padding:70px 0 0 0; float:right; line-height:24px;}
div#header_container .smallNav ul li{ list-style:none; float:left;}
div#header_container .smallNav ul li.about{ background:url(../images/small_icons.jpg) no-repeat 0 0;}
div#header_container .smallNav ul li.contact{ background:url(../images/small_icons.jpg) no-repeat 0 -24px;}
div#header_container .smallNav ul li a{ padding:0 0 0 30px; height:24px; margin:0 10px 0 0; color:#000;}

div#navigation { width:960px; height:31px; background:url(../images/navbg.jpg) repeat-x; clear:both; margin:0 0 20px 0;}
div#navigation ul{ margin:0; padding:0; line-height:31px;}
div#navigation ul li{ list-style:none; display:inline; float:left;}
div#navigation ul li.home{ background:url(../images/icon_home.png) no-repeat 0 4px; padding:0; margin:0 10px 0 15px; width:30px; height:31px; text-indent:-999999px;}
div#navigation ul li.home a:hover{ background:none;}
div#navigation ul li a{ color:#fff; text-decoration:none; float:left; padding:0 15px;}
div#navigation ul li a.on{ background:url(../images/navbgon.jpg) repeat-x;}
div#navigation ul li a:hover{ background:url(../images/navbgon.jpg) repeat-x;}

/* Content Stuff */
div#headings {padding:0 0 10px 0;}
div#homeheadings { width:960px; margin:0 auto; padding:0 0 15px 0;}
div#subContent { width:650px; float:left; margin:0 0 0 40px;}

div#contentMain { width:702px; margin:0 0 20px 0;}
div#contentMain ul { margin:0; padding:0 0 0 15px;}
div#contentMain li.pdf {list-style:none; background:url(../media/images/pdf_icon.jpg) no-repeat left top; padding:0 0 0 30px; line-height:30px;}
div#contentMain img.borderimg { border:5px solid #ccc; padding:4px; margin:10px;}
div#contentColumn { width:248px; margin:0 0 20px 0;}
div#contentColumn h2{ font-weight:bold; padding:0 0 5px 0; margin:0 0 2px 0; color:#013467; font-size:1.5em; background:url(../images/divider.png) repeat-x bottom;}
div#contentColumn p{ padding:4px 0; margin:0;}

ul.sidenav { margin:0; padding:0;}
ul.sidenav li{ background:url(../images/divider.png) repeat-x bottom; list-style:none; padding:8px 0}
ul.sidenav li a{ color:#000; text-decoration:none;}
ul.sidenav li a:hover{ text-decoration:underline;}

div.columnGold, div.columnBlue { padding:15px; width:218px; color:#1a1a1a; margin:0 0 20px 0;}
div.columnGold { background:url(../images/columnbg_gold.jpg) repeat-y; overflow:hidden;}
div.columnBlue { background:url(../images/columnbg_blue.jpg) repeat-y; overflow:hidden;}

div#contentColumn div.hotlinks h2{ text-align:right; margin:0; padding:0;}
div#contentColumn div.hotlinks p{ padding:0; margin:0;}
div#contentColumn div.hotlinks span{ font-size:1.4em;}
div#contentColumn div.hotlinks a{ text-decoration:none;}
div#contentColumn div.hotlinks a:hover{ text-decoration:underline;}

div.icons { float:left; width:108px; text-align:center; font-size:0.9em; margin:10px 1px 10px 0; padding:10px 0;}
div.icons img{ vertical-align:top;}
div.icons h3{ font-size:1.1em;}

.maj_column h2, .ele_column h2{ color:#fff; font-size:1.6em;}

.copy{ margin:15px 10px 0 0;float:left; line-height:17px;}
.copy h1{ margin:0; padding:0 0 22px 0;}
.maj_column { float:right; width:682px;margin:15px 0 0 0;}
.ele_column { float:right; width:682px;}

.maj_column img, .ele_column img{ display:block; float:left; margin:0 10px 0 0;}
.majestic{ width:332px; padding:15px; float:left; background:#9a8c46; color:#fff; min-height:191px; margin-bottom:10px; border-top:10px solid #ab9f65; position:relative;}
.elegant{  width:332px; padding:15px; background:#94aabf; float:left; color:#fff; min-height:191px; margin-bottom:10px; border-top:10px solid #a6b8ca; position:relative;}

.majestic a{background:#e6e2d1;}
.elegant a{background:#e4eaef;}

a.snipBtn { position:absolute; right:0; bottom:0; padding:8px; font-size:0.9em; text-decoration:none; color:#000; font-weight:bold;}
a:hover.snipBtn { text-decoration:underline;}

div#proIndemnity { width:700px; height:282px; position:relative; margin:20px 0; padding:0;}
div#proIndemnity a{color:#fff; width:340px; height:193px; text-indent:-99999px; overflow:hidden; margin:0 0 18px 0;}
div#proIndemnity a.solicitors { float:left; background:url(../images/indemnity_solicitors.jpg) no-repeat; }
div#proIndemnity a.financial { float:right; background:url(../images/indemnity_financial.jpg) no-repeat; }
div#proIndemnity a.surveyors { float:left;  background:url(../images/indemnity_surveyors.jpg) no-repeat; }
div#proIndemnity a.accountants {float:right; background:url(../images/indemnity_accountants.jpg) no-repeat; }
div#proIndemnity a.architects { float:left;  background:url(../images/indemnity_architects.jpg) no-repeat; }
div#proIndemnity a.insurance { float:right; background:url(../images/indemnity_insurance.jpg) no-repeat; }

div#clubsLeisure { width:700px; height:282px; position:relative; margin:20px 0; padding:0; text-align:right;}
div#clubsLeisure span{ display:none;}
div#clubsLeisure a.imagelink {width:691px; height:401px; text-indent:-99999px; float:right; background:url(../images/clubs_landing.jpg) no-repeat; margin:0 0 18px 0; padding:0;}

/* Footer Stuff */
div#footer_container { width:960px; margin:0 auto; clear:both; border-top:1px solid #9a8c46; color:#454545; font-size:0.9em;}
div#footer_container a{ color:#454545;}
div#footer_container p{ line-height:22px;}

/* Form and Validation */
form#Form {padding:0; margin:0;}
form#Form h3{font-size:1.4em; border-bottom:none; color:#666; padding:0; margin:0; font-family: "Trebuchet MS", sans-serif; font-weight: normal;}
form#Form ol { margin:0; padding: 0; }
form#Form li { padding:5px; list-style: none; margin: 0 0 3px 0; overflow:hidden; clear:both;}
form#Form li.end { border-top:1px solid #ccc; margin:10px 0; clear:both;}
form#Form li.section {list-style: none; margin:20px 0 15px 0;  height:21px; line-height:22px; text-indent:5px; background:url(../images/navbg.jpg) repeat-x; font-size:1.1em; color:#fff;}
form#Form p{ font-weight:bold; margin:0; padding:0 0 10px 5px;}
form#Form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
form#Form label {display: block;line-height:2em;vertical-align: top;width:230px;float: left;}
form#Form label.checklabel {display: block;line-height: 1.5;vertical-align: top;width:30px;}
form#Form label.large {display: block;line-height: 1.2;vertical-align: top;width:450px; margin:0 20px 0 0;float: left;}
form#Form input.checkboxsmall {width:20px; float:left; border:1px solid #d6d6d6; padding:0;}
form#Form input.txtinput, textarea.txtinput, select.txtinput, file.txtinput {width:300px;border: 1px solid #d6d6d6;padding:5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff; float:left;}
form#Form input.txtinput:focus, textarea.txtinput:focus {color: #000;border: 1px solid #797A75;}
form#Form .require{ color:#ca3a34; font-weight:bold;}

/* Form error text */
div.form_error_text {font-weight:bold;color:#b9021e; float:right; line-height:2.0em; margin:0 0 0 10px}

div#formcompleted { background:#7FB595; padding:10px; color:#fff; margin:20px 0}
div#formcompleted strong{ display:block; font-size:1.4em;color:#fff;}
div#errorMessage {display: block;color:#fff; margin:20px 0 0 0;padding:8px;background:#B9021E;}