﻿/* == Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* == Base Element Styling
------------------------------------------------- */

body
{
    color: #2c3135;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 75%;
    background: #f6f6f6;
}

h1, h2, h3, h4, h5, h6{color: #424242; margin: 10px 0; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-weight: normal;}
h1{font-size: 200%; color: #5c5e5b; font-weight: bold;}
h2{font-size: 150%; font-family: Times New Roman;margin: 20px 0;}
h3{font-size: 130%;font-weight: bold;font-family: Arial, Sans-Serif; color: #666;}
h4{font-size: 120%;font-weight: bold;}
h5{font-size: 110%;font-weight: bold;}
h6{font-size: 100%;font-weight: bold;}

/* alternative heading styles */
h1.intro { margin: 0 auto; width: 695px; text-align: center; color: #999999; font-size: 30px; font-family: Times New Roman, Georgia, Serif; font-weight: normal;}
h1.intro span { color: #676767; }
h2.underline{ border-bottom: 1px solid #c7c7c7; padding: 0 0 10px 15px;}
h1.news{font-size: 170%;}
h2.homeHeading{font-size: 150%;color: #31434b; margin: 10px 0; font-family: 'Century Gothic', Futura, Arial, Helvetica, Sans-Serif; font-weight: normal;}
.sectionHolder h2{margin: 0 0 8px 0;}
h2.lrg{font-size: 200%; font-family: 'Century Gothic'; margin: 10px 0; color: #686868;}

p{margin: 0 0 20px 0;line-height: 1.7em;}
blockquote{margin: 20px;}
#templateSystems .zoneTwo blockquote{margin: 35px; background: url(/_img/blockquote.gif) no-repeat left center; padding-left: 75px;}
#templateSystems .zoneTwo blockquote p{color: #888; font-size: 190%; line-height: 1.3em;}
#templateSystems .zoneTwo blockquote p .cite{display: block; font-style: italic; font-size: 80%;}

ul{margin: 10px 0 10px 20px; list-style-type: none; list-style-image: url(/_img/bullet.gif);}
ul li{margin: 3px 0;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}
#wrap #mainContent #templateFive .zoneOne ol{margin-left: 0; list-style-position: inside;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #666;padding: 3px;}
tr{}
td{border: solid 1px #ccc;padding: 3px;}

table.hearAboutTbl td{border: 0;}
table.hearAboutTbl td .five{padding-right: 5px;} 

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

/** Set default styles for form elements **/
form{margin: 0;}
fieldset{border: solid 1px #ccc;}
legend{font-weight: bold;}
label{float: left;text-align: left;margin: 0px 5px 0 0;color:#333;padding: 3px 0;}
input, textarea{margin:1px 0 1px 0;font-family: Arial, Sans-Serif;font-size: 100%;border: solid 1px #c2d4e2;padding: 3px 5px;color: #333;}
.inputDisabled{background-color:#FAFAFA;color:#646464;padding:2px;}
input.check{border:0;}
select{font-size: 95%;font-family: Arial;color: #333; margin: 1px 0 1px 0; padding:1px 0px 1px 0px;border: solid 1px #ccc;}

.btn { display: inline-block; background: #cfcfcf url(/_img/btn-bg.jpg) repeat-x top left; border: 1px solid #d1d1d1; color: #555454; width: auto; height: auto;cursor: pointer; font-size: 13px; padding: 4px 10px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: visible;}
.btn:hover { color: #000; }
.btn span { background: url(/_img/subnav-point.gif) no-repeat right; padding: 0 10px 0 0; }

.btnWrap { float: left; }
.btnWrap .btn {display: inline-block; background: url(/_img/btn-bg.jpg) repeat-x top left; border: 1px solid #d1d1d1; color: #555454; width: auto; height: auto; cursor: pointer; font-size: 13px; padding: 4px 10px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: visible;}
.logoutBtn{padding: 0; border: 0; background: none; font-family: Century Gothic; font-size: 95%; font-weight: bold; letter-spacing: 0; color: #000; cursor: pointer; margin: 0; line-height: auto; width: 55px;height: 17px;}
.formSection { border: 1px solid #d7d7d7; background: #fff; padding: 10px; zoom: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.indentLabel{padding: 5px 3px 0 6px;font-size: 95%;}
.validationTrue{border: solid 1px #339933; background: #fff url(/_img/form-true.gif) no-repeat 200px 3px;}
.validationFalse{border: solid 1px #ff0000;background: #fff url(/_img/form-false.gif) no-repeat 200px 3px;}

/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

hr{border: 0;border-top: solid 2px #c1cad3; height: 2px; margin: 25px 0; clear: both;}
div.hr{margin: 5px 0px; border: none; border-top: 2px solid #c1cad3;clear:both;}
div.hr hr{display:none;}

a{color: #2c3135;}
a:hover{text-decoration: none;color: #af3d09;}

a{-moz-outline-style:none;}
a:active, a:focus {outline: 0 !important;}

a.solo{font-weight: bold; color: #007CC2; text-decoration: none;}
a.fmj{font-weight: bold; color: #B13D0A; text-decoration: none;}

h3 a{color: #666; text-decoration: none;}
h3 a:hover{color: #222;}

img{vertical-align: bottom;}
.inlineImg{border: solid 1px #aaa; padding: 3px;}
.storyImg{background: #dae5eb; padding: 9px;margin: 0 10px 10px 10px;border: solid 1px #acbfca;}

/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.hide{display: none;}
/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}
.clrLeft{clear: left;}
.clrLeftSml{clear: left;line-height:1px;height:1px;}
.clrRight{clear: right;}
.clrRightSml{clear: right;line-height:1px;height:1px;}
/** presentation **/
.standoutText{color: #af3d09;}
.indent{padding-left: 20px;}
.textCenter{text-align: center;}
.sml{font-size:90%;}
.vmiddle{vertical-align: middle;}
.overview{font-family: 'Times New Roman';font-size: 140%; color: #777; line-height: 1.3em;}
.fmjText{color: #B13D0A;}
.soloText{color: #268dc8;}
.black{color: #000;}
.fade{color: #6b7074;}
.withDash{border-bottom: dashed 1px #c1cad3; padding-bottom: 4px;}
.sectionHolder { background: #fff; border: 1px solid #d7d7d7; margin: 0 0 20px; padding: 3px; float: left; }
.sectionHolderInner { background: #F6F6F6; float: left; padding: 5px; }
.sectionHolderInner h2{margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(/_img/bevel-light.gif) repeat-x left bottom;}
.err {margin-bottom:20px; padding: 10px;background-color:#eee;border:1px solid #cc0000;color: #cc0000;}
.err p {margin-bottom:10px;line-height:1.5em;}
.faqList{border-top: solid 5px #e1e9ec;border-bottom: solid 5px #e1e9ec;}  
.faqList a{text-decoration: none;}  
.faqList a:hover{text-decoration: underline;}
.faqList ul li{margin: 6px 0;}
.imgLeft{float: left; margin: 0 10px 0 0;}
.imgRight{float: right; margin: 0 0 0 10px;}
.msg{border: solid 1px #ccc; background: #eee; padding: 10px;}
