/*
Title:      Master styles for screen media
Author:     Paul Sivers
Created:		11/08/07
Updated:    11/08/07
*/

body { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; text-align: center; min-width: 770px; line-height: 1.2em; color: #444; background: #e7d776; padding: 0 0 30px 0;}
body, p, h1, h2 { font-family: Arial, Helvetica, Verdana, sans-serif; }

/* ---[ links ]------------------------------- */

a:link { color: #c00; }
a:visited { color: #c00; }
a:hover { color: #ffcc33; }

/* ---[ common elements ]--------------------- */

p { margin: 0 0 1em 0; padding: 0; }
h1 { color: #333; font-size: 140%; font-weight: bold; padding: 8px 0 6px 0; margin: 0; }
h2 { color: #333; font-size: 120%; font-weight: bold; padding: 8px 0 6px 0; margin: 0; }
em { font-style: italic; }
strong { font-weight: bold; }
form { display: inline; position: relative; margin: 0; padding: 0; }

/* ---[ top ]------------------------------- */

#outer { z-index: 10; position: relative; height: 100%; min-height: 100%; width: 770px; margin: 0 auto; padding: 0; text-align: left; background: #fff; }
html>body #outer{height:auto;}
#header { z-index: 5000; background: transparent url(/images/headerbackground.jpg) no-repeat top center; overflow: auto; height: 300px; width: 100%; position: relative; overflow: hidden;}
#logo { text-align: right; }
#content { margin: 10px 20px 20px 20px; padding: 0; }
#pagetitle { margin: 10px 20px 0 20px; padding: 0; }
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}

/* navigation */

#nav { margin: 0; padding:0; font-size: 11px; color: #ffffff; font-weight: bold; text-align:right; position: absolute; top: 255px; right: 15px; }
#nav li { list-style-type: none; margin: 0; padding: 0; float: left; width: auto; }
#nav a { display: block; text-decoration: none; padding: 0 10px 10px 10px; color: #ffffff; line-height:1; }
#nav ul a { background-color: #ffffff; padding: 3px 10px; color: #ffcc33; font-weight: normal; }
#nav a:hover, #nav a:active, #nav a:focus { color: #ffcc33; letter-spacing: .01px; }
.navborder { border-right: 1px solid #ccc; }

/* lists */

#content ul { position: relative; margin: 1em 0 1em 0; padding-left: 20px; }
#content ul li { padding: 0 0 5px 5px; line-height: 1.3em; }

/* ---[ footer ]----------------------------------- */

#footerleft { float:left; text-align:right; }
#footerright { float:right; text-align:right; }
#footer { margin: 0; padding: 15px 20px 10px 20px; font-size: 11px; color: #666; background: #fff; }
#footer p { margin: 0; padding: 0; }
#footer a { padding: 0; color: #888; }
#footer a:hover { color: #336; }

/* ---[ forms ]------------------------------------ */

#contactus { float:right; padding: 10px; margin: 0 0 0 0; background: #f5f5f5; }
#contactusform div { margin-bottom: 0.5em; }
#contactus input.styleinput { width: 260px; font-size: 90%; border: 1px solid; border-color: #666 #666 #666 #666; padding: 2px; }
#contactus input.styleinput { width: 253px; }
#contactus textarea { width: 253px; border: 1px solid; border-color: #666 #666 #666 #666; padding: 2px;}
#contactus select { width: 180px; font-size: 90%; color: #666;}
#contactus input.button { width: 5em; color: #000; background-color: #cccccc; border-color: #333 #333 #333 #333; margin-left: 1em; padding: 0; cursor: pointer; }
#contactus label { float: left; width: 120px; }
#contactus input.checkbox { width: 2em; margin: -1px 5px 0 0; padding: 0; border: none;}
.telno { font-size: 150%; font-weight: bold; }
.pagebutton { font-size: 110%; font-weight: bold; background-color: #e6e6e6; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 0 4px 1px 4px; cursor: hand; text-decoration: none; }

/* message */

.message { color: #c00; }
.message h3 { color: #c00; }
.error { color: #c00; }
.error h3 { color: #c00; }

/* ---[ misc. ]---------------------------------------- */

hr { border-top: 1px solid #999; color: #fff; background-color: #fff; height: 1px; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }