/* @override http://localhost/holt/s/core-holtscholarship.css */

/* 
Author:			web@blohmcreative.com
Project:		Holt Scholarship program
Version:		1.0
Date:			11/2009
*/

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;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}

/*Grid*/
body {font: 62.5%/1.3 "Lucida Grande", Lucida, Verdana, sans-serif;}
.group:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.grid_1 {width: 50px;}
.grid_2 {width: 120px;}
.grid_3 {width: 190px;}
.grid_4 {width: 260px;}
.grid_5 {width: 330px;}
.grid_6 {width: 400px;}
.grid_7 {width: 470px;}
.grid_8 {width: 540px;}
.grid_9 {width: 610px;}
.grid_10 {width: 680px;}
.grid_11 {width: 750px;}
.grid_12 {width: 820px;}
.padMe {padding: 15px;}
.right {float: right;}
.left {float: left;}
.column {margin: 0 10px 0 10px;
         overflow: hidden;
         float: left;
         display: inline;}
.row {width: 840px;
         margin: 0 auto;
         overflow: hidden;}
.row .row {margin: 0 -10px 0 -10px;
         width: auto;
         display: inline-block;}
         /*Layout*/
body {background-color: #8097a8;position: relative;}        
#SiteWrapper {background-color: #167ba5;width: 840px;margin: 0 auto; padding-bottom: 50px;}
#Header {background-color: #1e6d89;}
#NavigationArea {background: url(../i/bgs/nav-texture.png) no-repeat right bottom;}
#NavigationArea ul li a {display: block; float: left; padding: 10px 10px;color: #fff; text-decoration: none; font-size: 11px;background: url(../i/elements/nav-arrows.png) no-repeat right -78px;}
#NavigationArea ul li a:hover {background-position: right 13px;}
#BodyArea {background: url(../i/bgs/yel-scren.png) no-repeat right top;}
#BodyArea p {margin-bottom: 1.5em;}
#IntroArea .padMe {padding: 10px 10px 20px 10px; color: #fff; font-size: 16px; font-weight: normal;}
#IntroArea .padMe h2 {font-weight: normal;line-height: 1.5;}
a#logo { display: block;background: url(../i/elements/logo.png) no-repeat;width: 180px;height: 55px;text-indent: -1000em;margin: 30px 0 0 25px;}
#StarBox {margin: -20px 0 -45px 0;}
#IntroArea {background: url(../i/bgs/intro-texture.png) no-repeat right bottom;}
#BodyArea {color: #fff; font-size: 14px; line-height: 1.5;}
#BodyArea .section {padding: 1em 0;background: url(../i/bgs/body-divide.png) no-repeat 81px top;}
#BodyArea #FirstSection.section {background: none;}
#BodyArea .grid_3 .padMe {padding-right: 0;}
#BodyArea ul li {background: url(../i/elements/star-bullet.png) no-repeat left 3px;padding: 0 0 0 28px; margin-bottom: 5px;}

#Header img {border: solid 8px #fff; border-right: none;margin-bottom: -3px;}
#Header .grid_9 {width: 624px;}
#BodyArea .grid_9 .padMe {padding-right: 20px;}

#DonateBtn {position: absolute;width: 37px;height: 200px;display: block;right: 0;top: 200px; text-indent: -1000em;background: url(../i/elements/donate-btn.png) no-repeat;}
#DonateBtn:hover {background-position: right -375px;}
#DonateBtn:active {background-position: right -798px;}

/*section specific styles*/
#superMessage .grid_9{font: italic 18px/1.6 Georgia, "Times New Roman", Times, serif; }

/*large donate btn*/
a#DonateLrgBtn {background: url(../i/elements/donate-btn-Large-notxt.png) no-repeat;width: 260px;display: block;color: #fff;text-decoration: none; height: 70px; padding: 20px 20px 20px 25px; font-weight: bold;}
a#DonateLrgBtn span {display: block;width: 170px;font-size: 12px;margin-top: 5px;font-weight: normal;}
a#DonateLrgBtn:hover {background-position: left -221px;} 
a#DonateLrgBtn:active {background-position: left -431px;} 
#DonateSection .donatePara {float: left;width: 40%;margin-top: 10px;}
#DonateSection .btnPara {float: right;width: 55%;}