@charset "utf-8";
/* CSS Document created for Sheahan and Associates by Julia van der Wyk 2008 http://www.vanderwykdesign.com */

body {text-align:center; background:#3e3e3e; font-family: Arial, Helvetica, sans-serif; behavior:url(csshover.htc);}

/* Layout */

#wrapper {width:974px; margin:0 auto; padding:0; background:#5f5f5f; position:relative;}

#header {width:100%; height:263px; margin:0; padding:0; background:url(images/heading_photo_montage_01.jpg) top left no-repeat;}

#sidebar {width:195px; margin:0; padding:0; float:left;}

#main {width:778px; margin:0; padding:0; float:right; background:#fff;}

#footer {width:100%; clear:both; margin:0; padding:5px 0;}


/* ============ Header Styles =================== */

#header img.portrait {margin-top:5px;}
#header h1 {color:#fff; position:absolute; top:195px; left:195px; font-size:46px; font-weight:normal; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#header h2 {color:#fff; position:absolute; top:240px; left:196px; font-size:18px; font-weight:normal; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#header p.portrait {color:#fff; font-size:14px; margin:10px auto; padding:0;}
#header #img_area {margin:0 0 0 761px; padding:0; width:213px; height:243px;}

/* ========== Navigation Menu ============== */

#sidebar ul {list-style: none; margin:0; padding:0;}
#sidebar li {display:block; margin:0; padding:10px 0; border-top:#bfbfbf 1px solid; text-align:left;}
#sidebar li:hover {background:#bfbfbf; color:#000; border-top:#000 1px inset;}

#sidebar a {color:#fff; text-align:left; text-decoration:none; font-size:14px; margin:auto 5px; display:block;}
#sidebar a:hover {background:#bfbfbf; color:#000;}
li.bottom {border-bottom:#bfbfbf 1px solid;}

/* =========== Content Area Styles ================ */

/* Two Column Layout */

#left_column {width:565px; margin:0; padding:0; float:left;}
#right_column {width:213px; margin:0; padding:15px 0; float:right;}

/* Text Styles */
#main h1 {text-align:left; font-size: 18px; font-weight:bold; color:#000; margin:1em 1.3em; padding:0;}
#main h2 {text-align:left; font-size:16px; font-weight:bold; color:#000; margin:1.2em 1.5em; padding:0;}
#main h3 {text-align:left; font-size:14px; font-weight:bold; color:#000; margin:1.5em 1.7em; padding:0;}
#main p {font-size:12px; color:#000; margin:.5em 1em .5em 2em; padding:0; text-align:justify;}
#main p.end {margin:.5em 1em 2em 2em;}
#main p.img_caption {font-size:10px; font-style:italic; margin:0 15px 15px 15px; text-align:center; font-weight:bold;}
#main ul, li {text-align:left; font-size:12px;}
#main a {font-weight:bold; text-decoration:none; background:url(images/arrow.jpg) left center no-repeat; padding-left:19px;}
#main a:hover {color:#f00;}

/* Tabular Data */
#main table {background:#ccc; margin:15px auto;}
#main td {text-align:left; border-bottom:1px #fff solid; padding:5px; font-size:12px;}
#main td.table_result {background:#eee;}

/* Image Styles (images for the right column should be 180px x 144px) */
#main img {margin:10px auto; border:4px #5f5f5f solid;}
#main img.icon {margin:1px; border:0;}

/* Contact Form Styles */
#form_header {margin:0; padding:0; height:50px; background:url(images/contact-form-header.jpg) 0 0 repeat-x;}
#form {width:200px; height:300px; margin:0 5px 5px 10px; padding:0;  background:#dfdddd; float:right;}
#form p {font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; margin:0 10px; padding:10px 0;}
input, label {margin:3px; font-size:11px; padding:0;font-family:Verdana, Geneva, sans-serif;}
.error {color:#FF0000; font-size:11px;}
.reset {background:url(images/contact-form-reset.jpg) top no-repeat; height:24px; width:76px; margin:7px 0; }
.submit {background:url(images/contact-form-submit.jpg) center no-repeat;height:24px; width:76px; margin:7px 0; }
form {margin:20px 0 0 0;}
/* ============ Footer Styles =================*/

#footer p {font-size:10px; color:#fff; margin:1em; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px;}
#footer a {color: #fff; font-weight:bold; text-decoration:none;}
#footer a:hover {text-decoration:underline;}