/*
    Document   : layout
    Created on : 25-Feb-2009, 16:00:48
    Author     : Mark McDonnell
    Description:
        General layout of website
*/

body
{ background: url(../Images/bg.png) center top repeat-y; margin-top: 50px; }

.website
{ position: relative; width: 770px; margin: auto; background-color: #FFF; }

.shadow
{ position: relative; width: 760px; background: url(../Images/shadow.png) right bottom repeat-y; padding: 10px; }

.storm
{ margin: 0 auto; width: 780px; text-align: right; padding-top: 12px; background: url(../Images/shadow-bottom.png) right top no-repeat; }

.storm a
{ color: #FFF; text-decoration: none; padding-right: 8px; font-size: 85%; }

h1
{ position: relative; width: 750px; height: 152px; margin: -33px 0 3px 0; }

h1 a
{ position: absolute; width: 100%; height: 100%; background: url(../Images/logo.png) no-repeat; }

h1 span
{ display: none; }

#side
{ float: left; width: 184px; margin-right: 3px; }

.content
{ position: relative; float: left; width: 533px; min-height: 436px; padding: 15px; background: url(../Images/content.jpg) left top repeat-x; background-color: #58585A; }

.footer
{ clear: both; list-style: none; overflow: hidden; padding: 0; margin: 0 10px; border-top: 1em solid #FFF; }

.footer li
{ float: left; background: url(../Images/divider.gif) right center no-repeat; padding: 0 1em 0 0; margin-right: 0.3em; }

.footer li.disclaimer,
.footer li.partner
{ padding: 0; background: none; }

.footer li.partner
{ float: right; margin: 0 0 0 1.5em;  }

.footer a
{ color: #999; text-decoration: none; font-size: 85%; line-height: 30px; }

.footer a:hover
{ color: #000; }

#side img
{ margin-top: 3px; }

#side ul
{ list-style: none; background-color: #004990; margin: 0; padding: 5px 0 0; }

#side > ul
{ min-height:314px; height:auto !important; height:314px; }

#side ul ul
{ padding: 0; }

#side ul a
{ display: block; font-size:90%; padding: 5px 10px 3px 37px; color: #FFF; text-decoration: none; background: url(../Images/arrow.gif) 15px -23px no-repeat; }

#side ul a:hover,
#side ul a.current
{ color: #FF0; background-position: 15px 6px; }

#side .training
{ border: 1px dashed #FFF; border-width: 1px 0; margin: 5px 0 5px 0; }

#side .training,
#side .training ul
{ background-color: #007DC3; }

#side .training ul
{ margin-bottom: 10px; }

#side .training a
{ padding-top: 10px; background: url(../Images/arrow-sub.gif) 15px 10px no-repeat; }

/* this declaration is identical to the 'up state', but I have to apply this because the previous 'rollover' declaration causes problems */
#side .training a:hover,
#side .training a.current
{ background-position: 15px -19px; }

#side .training ul li a
{ padding: 5px 0 0 37px; background: none; }

#side .training ul li.first a
{ padding-top: 6px; }

.content h2,
.content p
{ color: #FFF; }

.content h2
{ font-weight: bold; font-size: 160%; margin-bottom: 0.5em; padding-left: 25px; background: url(../Images/title.png) left center no-repeat; }

.content p.intro
{ color: #FF0; }

.content a
{ color: #FFF; }

.content a:hover
{ color: #000; text-decoration: none; }

.content ul
{ padding-left: 15px; margin-left: 15px; margin-bottom: 1em; }

.content ul li
{ color: #FFF; }

.content ol li
{ color: #FFF; }

.content ul.address
{ list-style: none; margin: 0; padding: 0; }

.content .error,
.content .success
{ background-color: #F00; color: #FFF; font-weight: bold; padding: 1em; margin-bottom: 1em; }

.content .success
{ background-color: #393; }

.content .error p,
.content .success p
{ margin: 0; }

.content form label
{ color: #FFF; }

.content form dt,
.content form p
{ margin-top: 1em; }

.content form input
{ width: 520px; }

.content form textarea
{ width: 520px; height: 200px; }

.content form p input
{ width: auto; }

.content p.service a
{ margin-top: 2em; background-color: #FF0; color: #000; padding: 0.5em 1em; text-decoration: none; display: block; width: 180px; text-align: center; }

.content p.service a:hover
{ background-color: #002B61; color: #FFF; }

.welcome
{ min-height: 289px; width: 229px; padding-right: 319px; }

.welcome img,
.welcome object
{ position: absolute; right: 0; top: 0; border-left: 3px solid #FFF; }

.gallery,
.testimonials
{ float: left; margin-top: 3px; }

.gallery
{ margin-right: 3px; width: 260px; }

.content .gallery-photos
{ list-style: none; margin: 0; padding: 0; }

.content .gallery-photos li
{ border: 1px solid #FFF; float: left; margin: 0 1em 1em 0; }

.testimonials
{ width: 300px; }

.member img
{ float: right; margin-left: 1em; }

.spambot
{ position:absolute; left:-4000px; }