/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == 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: #444;font-family: Arial, Helvetica, Sans-Serif;font-size: 75%;background: #ccc url(/_img/body-tile.gif) top left;}

h1, h2, h3, h4, h5, h6{font-size: 150%;margin: 15px 0;font-weight: bold;color: #0066FF;font-family: Helvetica, Arial, Sans-Serif;}
h1{letter-spacing: -1px;margin: 0; padding: 12px 10px;border-bottom: solid 1px #ccc;}
h2{letter-spacing: -1px;margin: 0; padding: 12px 10px;border-bottom: solid 1px #ccc;}
h3{color: #333;letter-spacing: -1px;}
h4{font-size: 130%;color: #333;letter-spacing: -1px;line-height: 1.1em;}
h5{font-size: 120%;color: #333;letter-spacing: -1px;line-height: 1.1em;}
h6{font-size: 100%;color: #333;}

#wrap .templateThreeCol .zoneTwo h2,
#wrap .templateTwoCol .zoneOne h2,
#wrap .templateTwoColWithNav .zoneTwo h2{padding: 0; margin: 15px 0;border: 0;}

h2.trigger{font-size: 130%;letter-spacing: 0;}

p{margin: 10px 0;line-height: 1.3em;}
blockquote{margin: 20px 0; border-left: 5px solid #ccc;padding-left: 10px;}

ul{margin: 10px 0 10px 20px; list-style-type: square;}
ul li{margin: 5px 0;}
ol{margin: 10px 0 10px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;margin: 0;}
thead{}
tfoot{}
th, thead td{border: solid 1px #7F7F7F; border-width: 1px 0;padding: 3px;background: #CCE0F5;color: #333;}
tr{}
td{border: solid 1px #aaa; border-width: 1px 0;padding: 3px;}

form{margin: 10px 0;}
legend{font-weight: bold;}
.btn{border: solid 1px #666; font-weight: bold; font-family: arial; font-size: 100%; color: #222; background: #ccc;}
.linkBtn{border: solid 1px #666; font-weight: bold; font-family: arial; font-size: 100%; color: #222; background: #ccc;padding: 2px 8px;}
.input{margin: 0 0 3px 0; border:solid 1px #ccc; background: #f6f6f6;}
textarea{margin: 0 0 3px 0; border:solid 1px #ccc; background: #f6f6f6;}
select{margin: 0 0 3px 0; border:solid 1px #ccc; background: #f6f6f6;}
/*
input.text{margin: 3px 0;border: solid 1px #D5D5D5;border-top: solid 2px #D5D5D5;}
input.textOnly{border: 0; background: none;padding: 0;margin: 0;text-align: left;color: #C95500;font-size: 100%;font-family: Georgia, Times New Roman, Serif;cursor: pointer;}
input.textOnly:hover{text-decoration: underline;}
*/

/** 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%;}
.fortynine{width:49%;}
.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%;}


/* Cross browser hr styling */

hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #ccc;clear:both;}
div.hr hr{display:none;}
div.hrImage{border: 0; height: 14px; background: transparent url(/_img/hr-bg.gif) no-repeat top left;}

a{color: #0066FF;text-decoration: none;}
a:hover{text-decoration: underline;}

h6 a{color:#333;}

img{vertical-align: bottom;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}
/** presentation **/
.fadeTitle{color: #ADADAD; font-size: 90%;}
.intro{font-size: 105%;}
.underline{border-bottom: solid 1px #DADBD9;padding-bottom: 5px;}
.imgLeft{float: left; margin-right: 10px;}
.moreLink{float: right;margin: 17px 10px 0 0;}
.padder5{padding: 5px;zoom: 1;}
.padder5:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.padder10{padding: 10px;}
.highlight{color: #0066ff;}
.sml{font-size: 90%;}
.hide{display: none;}
.button{background: url(/_img/button-bg-left.gif) no-repeat top left; display: inline-block; margin: 0 7px 0 0; font-weight: bold;}
.button span{background: url(/_img/button-bg-right.gif) no-repeat top right;display: inline-block;padding: 0 10px; height: 33px; line-height: 33px; cursor: pointer;}
.button:hover{background-position: bottom left; text-decoration: none;}
.button:hover span{background-position: bottom right;}
.dark{color: #111;}
.snug{margin: 0;}

.templateHome .zoneOne p,
.templateSchool .zoneOne p{margin-bottom: 0;margin-top: 5px;}
.templateHome .zoneThree p, 
.templateHome .zoneFour p,
.templateSchool .zoneThree p,
.templateSchool .zoneFour p{margin-top: 0;}
.templateHome .zoneThree h5, 
.templateHome .zoneFour h5,
.templateSchool .zoneThree h5,
.templateSchool .zoneFour h5{margin-top: 0;margin-bottom: 5px;}