/* --- Browser Reset --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-style: normal; font-weight: normal; text-align: left;}

/* --- Layout --- */
body {background: #000; font: 0.8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;}
.page_wrapper {width: 1243px; margin: 0 auto; background: url(../images/layout/wrapperRepeat.png) repeat-y 108px 50px;}
.page_wrapper {overflow: auto;} /* Fix float  container without clear div or extra container */
.page {float: left; width: 1043px; background: url(../images/layout/wrapperTop.png) no-repeat 0 0; padding: 190px 0 0 200px;}
.footer {float: left; width:100%; height: 161px; background: url(../images/layout/wrapperBottom.png) repeat-y 108px 0;}

.main-content {float: right; width: 600px; margin-right: 180px; min-height: 610px; display: inline;}

/* --- Content Styling --- */
::selection {background-color: #8EC63F; color: #fff;}
::-moz-selection {background-color: #8EC63F; color: #fff;}
.section p, .section ul, .section ol {line-height: 1.6em;}
.section a {color: #00ABEC; text-decoration: none;}
.section a:hover {color: #EC008C;}
.section h1 {font-size: 2em; padding-bottom: 0.4em;}
.section h2 {font-size: 1.5em; padding-bottom: 0.6em;}
.section h3 {font-size: 1.1em; padding-bottom: 0.4em; color: #00abec; font-weight: bold;}
.section h2 a {text-decoration: underline;}
.section p {padding-bottom: 1.4em;}
.section ul {padding-bottom: 1.4em; padding-left: 15px;}
.section em {font-style: italic;}
.section strong {font-weight: bold;}


a.ctaLink, a.ctaLink2 {display: block; width: 17em; height: 30px; overflow: hidden; border: 1px solid #00aeef; background: url(../images/layout/ctaLinkGradient.gif) 0 -30px repeat-x; font-size: 1.2em; line-height: 30px; margin-bottom: 25px; color: #000; text-align: center;}
a.ctaLink2 {border-color: #8dc63f; background-image: url(../images/layout/ctaLinkGradient2.gif);}
a.ctaLink:hover, a.ctaLink2:hover {background-position: 0 0; color: #000;}

.intro {float: left; width: 208px; clear: left; margin-bottom: 20px; padding: 10px; background: #EC018C url(../images/layout/PinkBox.jpg) no-repeat 100% 100%; border: 1px solid #EB038B;}
.intro h3 {font-size: 1.4em; font-weight: normal; padding-bottom: 5px; color: #000;}
.intro a {color: #fff; font-size: 1.2em; float: right; text-decoration: none;}
.intro a:hover {color: #bff572;}
.about {width: 208px; float: left; clear: left; display: block; margin-bottom: 20px; background: #92CADF url(../images/layout/WhoAreTOMbutton.gif) no-repeat 0 100%; padding: 10px; border: 1px solid #27B6EB; text-decoration: none; color: #000; text-align: center;}
.about:hover {background-position: -238px 100%; background-color: #BCDFEC;}
.items {width: 228px; float: left; border: 1px solid #00aeef; overflow: hidden;}
.items-header {text-align: center; padding: 10px 0 5px; font-size: 1.3em; width: 228px;}
.items .suggestions {padding: 13px;}
.items .suggestions h5 {font-size: 1.1em; padding-bottom: 4px;}
.items .suggestions p {padding-bottom: 0.6em;}

/* Form Styling */

.section fieldset h3 {font-size: 1.3em; padding-bottom: 0.3em; color: #000;}
input, select {font: 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;}
input.tbx {padding: 4px; width: 125px;}
input.btn {padding: 2px 4px;}
textarea {padding: 4px;}
.validation {color: #ff0000; font-weight: bold; display: block;}

.formField {float: left; width: 100%; margin-bottom: 5px;}
.formField label {float: left; width: 150px; margin-top: 4px;}
.formField input.tbx {float: left; width: 405px;}
.formField textarea {float: left; width: 405px;}
.formField input.btn {float: left; margin-left: 150px;}
.formField .validation {float: left; width: 100%; padding: 5px 0;}

/* Specifics */
.formBox1 {padding: 15px; margin-top: 20px; background: #F39E0D url(../images/layout/Newsletter_Box.jpg) no-repeat 0 100%; border: 1px solid #F7681D;}
.formBox1 input.tbx {background-color: #FFAB0A; border: 1px solid #F7681D;}
.formBox1 input.btn {background: url(../images/layout/buttonGradient.gif) repeat-x 0 -40px; border: 1px solid #F7681D;}
.formBox1 input.btn:hover {background-position: 0 0;}
.formBox2 {padding: 15px; margin-top: 20px; background: #BFF572 url(../images/layout/greenFormBox.gif) no-repeat 0 100%; border: 1px solid #9BCD56;}
.formBox2 input.tbx {background-color: #9ACC54; border: 1px solid #76A731;}
.formBox2 textarea {background-color: #9ACC54; border: 1px solid #76A731;}
.formBox2 input.btn {background: url(../images/layout/button2Gradient.gif) repeat-x 0 -40px; border: 1px solid #76A731;}
.formBox2 input.btn:hover {background-position: 0 0;}
.formBox2 a {color: #fff; font-weight: bold;}
.formBox2 a:hover {color: #f39e0d;}
.quote {text-align: center;}

/* Admin */
.tblAdminGrid {width: 100%; border: 1px solid #8dc63f;}
.tblAdminGrid th {font-size: 1.3em; border-bottom: 2px solid #8dc63f;}
.tblAdminGrid tr.alt td {background-color: #ddd;}
.tblAdminGrid th, .tblAdminGrid td {padding: 4px;}

.tblAdminDetail {border: 1px solid #8dc63f; margin-bottom: 15px; width: 100%;}
.tblAdminDetail td {padding: 4px;}

/* jQuery */