
* { margin:0; padding:0 }

html, body { height: 100%; font-family:Arial, Helvetica, sans-serif; font-size:87%; line-height:1.5 }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */ width: 950px; background-color:#FFFFFF }

#wrapper2 {height: 400px; margin: 0 auto; width: auto; background-color:#FFFFFF }

#wrapper3 {height: 300px; margin: 0 auto; width: 300px; background-color:#FFFFFF; float:left}

#footer, #push { height: 60px; /* .push must be the same height as .footer */ }

/* General */

#content { font-family:Arial, Helvetica, sans-serif; position:relative; padding:20px }

#content a { font-weight:bold; color: #800001 }

p, h2, h3 { margin-bottom:10px; }

.no_margin { margin:0 }

h1 { font-size:1.8em; color:#333; margin-bottom:10px; }

h2 { margin-bottom:10px; font-size:1.4em; color:#666 }

h3 { font-size:1.8em; color:#333; margin-bottom:10px; text-align:center; }

h4 { font-size:1.6em; color:#333; margin-bottom:10px; text-align:center; }

a img { border:none }

.inline { display:inline }

p.center { text-align:center }

p { margin-bottom:10px }

/* Layout */

body { background-image:url(../images/layout/bg.gif); }

div#header { background-image:url(../images/layout/header_bg.gif); height:140px }

img#logo { margin: 13px 0 0 15px; float:left }

img.header_image { float: right; margin-right:20px; margin-top:8px; border: 1px solid #FFCC00 }

img#tagline { float:right; font-size:2.3em; color:#FFCC00; clear:both; margin-top:-25px; margin-right:19px; }

div#footer { background-color:#333333; width: 950px; margin:0 auto; text-align:center; position:relative }

div#footer p { font-size:0.8em; color:#FFCC00; margin-top:10px }

div#footer_topborder { background-image:url(../images/layout/header_bg.gif); height:10px }

#nav ul { padding: 0; margin: 0; color:#FFFFFF; letter-spacing: 1px; height:22px; background-image:url(../images/layout/nav_bg.gif); }

#nav ul li { display: inline; }

#nav ul li a, #nav ul li a.on, #nav ul li a:hover, #nav ul li a.on:hover { padding: 4px 11px 0px; background-repeat:repeat-x; text-decoration: none; float: left; height:18px; font-weight:normal !important; border-bottom:none !important; line-height:1.1em }

#nav ul li a { background-image:url(../images/layout/nav_bg.gif); color: #FFFFFF; border-right: 1px solid #CCCCCC; }

#nav ul li a.on { background-image:url(../images/layout/nav_bg_on.gif); color:#FFCC00; }

#nav ul li a:hover { background-image:url(../images/layout/nav_bg_hover.gif); color: #000000; }

#nav ul li a.on:hover { background-image:url(../images/layout/nav_bg_hover_on.gif); color:#FFCC00; }

.shadow { margin:0px; padding:0px; border:0px; margin: auto; height:5px; background-image:url(../images/layout/shadow.gif); background-repeat:repeat-x; }

#contact_box { text-align:center; background-image:url(../images/layout/contact_bg_glossy.jpg); background-repeat:no-repeat; height:134px; width:176px; padding:10px 15px; color:#FFFFFF; float:right }

#contact_box h4 { font-size:1.5em; font-weight:normal; color:#FFFF00; margin-top:5px }

#right_column { width:200px; float:right; margin-left:20px }
#left_column { width:675px; }


.infobox { float:right; width: 197px; background-image:url(../images/layout/infobox_top.gif); background-position:top left; background-repeat:no-repeat; padding-top:6px; margin:10px 3px 10px 10px; }

.infobox_bottom { background-image:url(../images/layout/infobox_bottom.gif); background-position:bottom left; background-repeat:no-repeat; height:6px; }

.infobox_contents { border-left:2px solid #800001; border-right:2px solid #800001; padding:8px; background-color:#FFFFFF }

#credits { position:absolute; right:5px; bottom:-5px; }

div#footer p#credits { color:#666666!important }

div#footer p#credits a { color:#666666!important; font-weight:bold }

#contact_box a { color:#FFFFFF }

/*home page*/
#home_news { border:1px solid #FF9900; background-color:#FFFFCC; padding:5px 10px; width:660px; }

/* news page */
h4.headline { margin-bottom:0px }

p.date { color:#666666 }

div.news_item { margin:8px 0 }

img.news_image { float:right; margin:0px 10px 20px 20px; border: 1px solid #666666 }

img.news_no_border { float:right; margin:0px 10px 20px 20px; border:none; padding-left:5px }

img.news_no_border_left { float:left; margin:0px 10px 20px 20px; border:none; padding-left:5px }

img.trustees { margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px;}

/** contact page **/
.generic_form { width:450px }
fieldset { border:none; padding:0; margin:0; }

form, input, fieldset { display:inline; }

.generic_form label { width: 120px; vertical-align:top; display:block; float:left; margin-bottom: 8px;  font-weight:bold; }

.generic_form ul, .generic_form .error { color:#CC3333; margin-left: 10px; font-weight:bold; }

.generic_form li { margin-left: 50px; }

.generic_form input { width: 300px; margin-bottom: 8px; padding:3px 0px; border: 1px solid #800000; border-right: 5px solid #800000; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; }

.generic_form .hidden { display:none; }

.generic_form textarea { width: 300px; height: 100px; margin-bottom: 8px; border: 1px solid #800000; border-right: 5px solid #800000; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; }

.generic_form .button { width: 130px; background-color:#800000; color:#FFFFFF; font-size: 1em; letter-spacing:0.2em; margin-left: 296px; border:none; border: 1px solid black; text-align:center; padding:5px; cursor: pointer; }

.error_indicator { padding-left: 10px; font-weight:bold; color: #CC3333; display:inline; vertical-align:top; }

/** gallery **/
#icons { margin: 10px; }
#icons img { margin:0px auto; }
#icons .icon { position: relative; border:1px solid #CCCCCC; float:left; margin:5px 10px; padding:10px; text-align:center; width:120px; height:120px }
#icons .icon p { position:absolute; bottom:5px; text-align:center; margin:0; width:120px }

#gallery { margin: 10px; }
#gallery img { margin:0px auto; border:1px solid #CCCCCC; }
#gallery .icon { position: relative; float:left; margin:5px 10px; padding:10px; text-align:center; width:100px; height:100px  }


/** Corporate training **/
#icons.training .icon{ width:184px; height:144px;  }
#icons.training .icon p { left:10px; width:184px; }
div.bullets { background-color:#CCCCCC; border:1px solid #333333; padding:10px; width:250px; float:right; margin:0px 15px 15px 15px; }
div.bulletsit { background-color:#CCCCCC; border:1px solid #333333; padding:10px; width:150px; float:right; margin:0px 15px 15px 15px; }
div.bullets li { margin-left:20px }

/* links */
ul.links li { margin-left:20px; list-style:square; padding:5px; }

/* clearfix */
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */
