/* CSS The Kings Court 
Author: Jeremy @ Papertree
Author URI: http://www.papertreedesign.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }table { border-collapse:collapse; border-spacing:0 }fieldset, img { border:0 }address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }ol, ul, li { list-style:none }caption, th { text-align:left }h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
div {position:relative}


/*-- Begin Body --*/

body {font:62.5% Georgia, "Times New Roman", Times, serif;color:#333;background-color:#f1f1f1;}

/*-- Typography 
------------------------------------------*/

h1, h2, h3, h4, .heading {font-family:  Georgia, "Times New Roman", Times, serif;}

h1 {font-size:2.4em;margin-bottom:10px;padding:0;}

h2 {font-size:1.8em;margin:10px 0 5px 0;padding-bottom:0;}

h3 {font-size:1.6em;margin-bottom:8px;padding-bottom:5px;}

a:link, a:visited {text-decoration:underline;color:#333;}

a:hover {color:#7CA046;}

p {font-size:1.5em;line-height:1.6em;margin:0 0 1.6em 0;padding:0;}

p.fieldwrap {margin-bottom:10px}

h2.heading {font-size:2.0em;border:none;}

/*-- Form Element 
------------------------------------------*/
form.ddfm {margin-bottom:15px}

.ddfm label {display:block}

.submit input {font:14px Georgia, "Times New Roman", Times, serif;border:none;background-color:#bbcea0;color:#000;margin-bottom:10px;padding:3px}

textarea.fmtextarea {width:300px}

.credits {display:none}

.logo {position:absolute;top:-70px;left:240pt;width:400px;height:300px;background: url('images/logo.png') no-repeat;z-index:10;}

/*-- Begin Content 
------------------------------------------*/
#page {width:790px;height:580px;margin:0 auto;padding:10px 5px 0 5px;}

#header {width:100%;height:110px;background:url('images/header.jpg') bottom left no-repeat}

/*-- navigation 
-----------------------------------------*/
.navigation { position:absolute;font-size:1.5em;width:99%;padding-bottom:5px;z-index:2000;}

	.navigation a, .navigation a:visited {text-decoration:none}

.navigation ul {float:right;display:inline;padding:0;}

.navigation ul li {float:left;position:relative;display:block;margin:0;padding:0 10px 0 10px;}

	.navigation ul li a, .naviagtion ul li a:visited {color:#4a2916;text-decoration:none;}

	.navigation ul li a:hover {color:#7ca147;}

.sf-menu ul {position:absolute;top:0;left:-999em;width:10em}

.sf-menu ul li {border-bottom:1px solid #fff;float:left;margin:0;padding:5px 0px 5px 0px;position:relative;width:100%;}

.sf-menu li:hover {visibility:inherit}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {display:block;top:1.1em;left:10px;width:150px;border:2px solid #fff;background-color:#bbcea0;padding:0 5px 0 5px;overflow:hidden;z-index:999}

.navigation li li#standards {border:none}	

.navigation li li a, .naviagtion li li a:visited {color:#4a2916;text-decoration:none;}

.navigation li li a:hover {color:#ffffff;}	

/*-- Content Area 
-----------------------------------------*/
#content-wrap {float:left;width:100%;background:#f1f1f1 url('images/content-bg.jpg') repeat-y;}

#content {float:left;width:100%;min-height:450px;background: url('images/mrflogo.jpg') bottom right no-repeat;}
	
#left-col {float:left;margin-top:25px;width:340px;padding:0 30px 0 46px;position:relative}

	#left-col ul, #left-col-about ul {margin-top:10px;padding:10px 0 20px 0;}
	
	#left-col ul li, #left-col-about ul li {list-style:square;font-size:1.5em;padding-bottom:5px;}

/*-- About Page
-----------------------------------------*/
#left-col-about {float:left;margin-top:5px;width:340px;padding:0 30px 0 46px;}

/*-- Contact Page 
-----------------------------------------*/
#left-col-contact {margin-top:45px;width:340px;padding:0 30px 0 30px;}

#right-col {float:left;width:280px;overflow:hidden;position:relative}

.contact {padding-top:25px;}

/*-- Footer 
------------------------------------------*/
#footer {float:left;background:#f1f1f1 url('images/footer.jpg') top left no-repeat;width:100%;text-align:right;margin-top:-8px;}

#footer p {font-size:1.1em;margin-top:20px;padding:0 10px 0 10px;color:#999;}

/*-- Clear --*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;}