﻿
/* Template Styles */

body {font-size:62.5%; font-family:Arial, Tahoma, Verdana, Sans-Serif; background: url(../i/body_bg.gif) repeat-x;}
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

.imgRight { float: right; margin: 0 0 0 30px; }
.imgLeft { float: left; margin: 0 30px 0 0; }

#master { width: 980px; margin: 60px auto 0 auto; position: relative; left: 30px; }

#main { float: left; width: 710px; }
#rightCol { float: left; width: 270px; position: relative; left: -30px; margin: 92px 0 0 0; }

#mainTop { position: relative; height: 151px; background: #006e49 url(../i/logo.gif) no-repeat; }
#mainTop A { position: absolute; top: 0px; left: 0px; display: block; height: 128px; width: 387px; }
#mainMiddle { margin: 0 0 0 90px; padding: 10px 50px 30px 40px; background: #006e49; }
#mainBottom { height: 29px; margin: 0 0 0 90px; background: #006e49 url(../i/main_bottom.gif) no-repeat; }

#rightColTop { height: 30px; background: #006e49 url(../i/rightCol_top.gif) no-repeat; }
#rightColMiddle { padding: 0 22px 2px 50px; background: url(../i/rightCol_middle.gif); }
#rightColBottom { height: 28px; background: url(../i/rightCol_bottom.png) no-repeat; }
.browserIE #rightColBottom { background: url(../i/rightCol_bottom.gif) no-repeat; }

#rightCol P { font-size: 1.1em; line-height: 1.4em; color: #006e49; }
#rightCol P.address { margin: 0 0 20px 0; }
#rightCol P.phone { font-size: 1.6em; font-weight: bold; color: #003c28; }
#rightCol P.email A { font-weight: bold; color: #006e49; text-decoration: none; }
#rightCol P.email A:hover { text-decoration: underline; }

#rightCol H2 { font-size: 1.4em; font-weight: bold; color: #003c28; text-transform: uppercase; }

#rightCol .friendsList { margin: 3px 0; }
#rightCol .friendsList LI { display: inline; font-size: 1.1em; line-height: 1.4em; color: #006e49; }
#rightCol .friendsList LI.seperator { margin: 0 3px; }
#rightCol .friendsList A { color: #006e49; text-decoration: none; }
#rightCol .friendsList A:hover { color: #000000; text-decoration: underline; }

#mainNav { position: relative; left: -30px; margin: 30px 0; padding: 3px 0 0 0; background: url(../i/mainNav_seperator.gif) no-repeat 0 0; }
#mainNav LI { padding: 0 0 3px 0; background: url(../i/mainNav_seperator.gif) no-repeat 0 100%; }
#mainNav A { display: block; height: 18px; padding: 3px 0 0 30px; font-size: 1.4em; font-weight: bold; color: #006e49; text-transform: uppercase; text-decoration: none; }
#mainNav A:hover, #mainNav .selected A { color: #000000; background: url(../i/mainNav_bg.gif); }
SUP { font-size: 0.7em; }

#logoLinks { clear: both; display: inline-block; margin: 30px 0 30px 90px; width: 630px;}
#logoLinks LI { display: inline; margin: 0 15px 0 0; }

#footer { border-top: 1px solid #cce2db; padding: 9px 0 10px 0; }
#footer UL { width: 745px; margin: 0 auto; }
#footer LI { display: inline; margin: 0 5px; color: #8eb1a6; font-size: 1.1em; }
#footer A { color: #006e49; font-weight: bold; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

/* Common Styles */
#main H1 { margin: 0 0 10px 0; font-size: 1.8em; font-weight: bold; color: #ffffff; text-transform: uppercase; }
#main H2 { margin: 20px 0 10px 0; font-size: 1.6em; font-weight: bold; color: #ffffff; text-transform: uppercase; }
#main P { margin: 10px 0; font-size: 1.2em; line-height: 1.6em; color: #cce2db; }
#main A { color: #ffffff; font-weight: bold; text-decoration: none; }
#main A:hover { text-decoration: underline; }
#main UL { margin: 14px 0 14px 15px; font-size: 1.2em; color: #cce2db; }
#main LI { margin: 10px 0; list-style-type: disc; }

#main IMG { border: 1px solid #cce2db; }

#main .pageSection { display: inline-block; width: 100%; }
#main .pageSection H2 { margin: 0 0 10px 0; }

#main .seperator { clear: both; position: relative; left: -40px; height: 3px; line-height: 0; overflow: hidden; margin: 20px 0; background: url(../i/seperator.gif); }

#main .question { margin: 15px 0 10px 0; font-size: 1.3em; font-weight: bold; color: #ffffff; }

#main .TVI-form { margin: 15px 0 0 0; }
#main .field { margin: 8px 0; }
#main .textBox LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #ffffff; }
#main .textBox INPUT { width: 310px; padding: 3px 10px; font-size: 1.2em; color: #006e49; background: #ffffff; border: 1px solid #cce2db; }
#main .select LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #ffffff; }
#main .select SELECT { width: 330px; padding: 0 0 0 8px; font-size: 1.2em; font-weight: bold; color: #006e49; background: #ffffff; border: 1px solid #cce2db; }
.browserFirefox #main .select SELECT { padding: 3px 0 0 8px; }
#main .textArea LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #ffffff; }
#main .textArea TEXTAREA { width: 320px; padding: 10px 0 10px 10px; overflow: auto; font-size: 1.2em; color: #006e49; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #ffffff; border: 1px solid #cce2db; }
#main .submitButton { position: relative; height: 21px; overflow: hidden; margin: 15px 0 0 0; }
#main .submitButton A:hover { position: relative; top: -21px; padding: 0 0 21px 0; }
#main .submitButton IMG { border: none; }
#main .errorMsg {color: Yellow; display: none; margin-left: 5px; font-size: 1.2em; font-weight: bold;}

/* Home Page Styles */
#main P.intro { font-size: 1.4em; color: #ffffff; }
