/* CSS Document */

/* Generic Styles */
body *{margin:0; padding:0; border:none;} 
body{font-size:62.5%; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#333; background-color:#4B4E57;} /** 62.5% defaults all text size to 10px **/

h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}
a {text-decoration:none; color:#333; font-weight:bold;}
p {font-size:1.2em; line-height:1.6em; margin:0 0 8px 0; color:#333;}

img {border:none;}
.floatleft {float:left}
.floatright {float:right}

.title {margin:0 0 17px 0;}
.image {float:left; margin:0 15px 15px 0;}
.martop {margin-top:20px;}
.martop2 {margin-top:30px;}
.marbot {margin-bottom:20px;}

/* Accessibility */  
#accessibility {position:absolute; top:-50px; left: -50px; }

/* Layout Elements */
#wrapper {width:760px; border:1px solid #1C1B1B; margin:0 auto 0 auto; padding:0 20px; background-image:url(../images/background.gif);}
#header {position:relative; width:759px; height:201px; margin:0; background-image:url(../images/bar.jpg); background-repeat:no-repeat; border:1px solid #8E578E;}
#header h1 img {position:absolute; top:150px; left:10px; margin:0; padding:0;}

/* Navigation */
#header #nav {position:absolute; left:448px; top:170px;}
#header #nav ul {}
#header #nav ul li {float:left; padding:0 15px 0 0; list-style-type:none;}
#header #nav ul li a {font-size:1.2em; font-weight:bold; color:#663366; background-color:transparent;}
#header #nav ul li a#current {color:#663366; border-bottom:2px solid #333;}
#header #nav ul li a:hover {color:#663366; border-bottom:2px solid #333;}

* html #header #nav ul li {float:left; padding:0 15px 2px 0; list-style-type:none;}

/* Content */
#content {width:717px; border:1px solid #8E578E; margin:20px 0 20px 0; padding:20px; background-color:#fff;}
#content #main {width:455px; float:left;}

/* Form */  
form {float:right; font-size:1.1em; width:200px; float: right; margin: 0 0 10px 0; padding:5px; background-color:#F1EDF3; border:1px solid #666A6B;}
form .row {display:block; width:200px; padding:0 0 5px 0;}

form *html legend {margin-left:-7px;}
form legend {padding:5px 0; font-size:1.2em; font-weight:bold; color:#333;}

form .row label {float:left; display:block; width:75px; margin-right:5px; font-family:Arial, Helvetica, sans-serif;} 
form .row input, checkbox, textarea, select {border: 1px solid #666A6B; width:118px;}
form input:focus, textarea:focus, select:focus {border: 1px solid #8E578E;}
form input.button {width:188px; padding:3px; margin:10px 8px 0 8px; background-color:#434B4D; border-bottom:1px solid #3A3A3C; border-left:1px solid #3A3A3C;  border-top:1px solid #6D777A;  border-right:1px solid #6D777A; color:#fff; font-size:1.1em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
form p {font-size: 1em;}

/* Contact details */
.vcard {font-size:1em; line-height:1.4em; }
.adr {margin-bottom:20px;}

/* Footer */
#footer {margin:20px 0 0 0; padding:8px 15px 5px 15px; background-color:#F1EDF3; border:1px solid #666A6B;}
#footer p {font-size:1em; line-height:1.4em; font-family:Arial, Helvetica, sans-serif;}
#footer p a {font-size:1em; line-height:1.4em; font-family:Arial, Helvetica, sans-serif; color:#333;}
#footer p a:hover {text-decoration:underline;}

/* CSS clearing */   
.clearboth {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearing {display: inline-table;}
/* Hides from IE-mac */
  * html .clearing {height: 1%;}
  .clearing {display: block;}
/* End hide from IE-mac */