body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	color: #00319b;
	background-color:#FeF;
}

a:link, a:visited  {
	color:#F00;
	text-decoration:underline;
}
a:hover {
	background-color:#FF0;
}
a.button {
	background:#b1b1b1;
	color:#f00;
	font-weight:bold;
	font-size:18px;
	border-width:4px;
	border-style:solid;
	border-top-color:#dfdfdf;
	border-right-color:#666;
	border-bottom-color:#333;
	border-left-color:#858585;
}
a.button:hover {
	background:#ff0;
	color:#f00;
	font-weight:bold;
	font-size:18px;
	border-width:4px;
	border-style:solid;
	border-top-color:#FF8;
	border-right-color:#dd0;
	border-bottom-color:#990;
	border-left-color:#dd0;
}
h1 {
	text-shadow: 0 0 3px #F90;
	font-size:24px;
}
h1#children {
	position:absolute;
	width:700px;
	hight:90px;
	background: url(../images/headings_bar2.gif) no-repeat;
	color:#FFF;
	text-align:center;
	padding:25px;
	top: 21px;
	
}
h2 {
	font-size:18px;
}
h2#helpline {
	text-shadow:0 0 3px #C00;
	text-align:left;
}
.floatRight {
	float:right;
	padding-left:10px;
	
}
.floatLeft {
	float:left;
	padding-right:10px;
	
}
#donateNow {
	width: 174px;
	height: 86px;
	float:left;
	margin:15px 200px 25px 275px;
	background-image: url(../images/donateButton.jpg);
}
#donateNow:hover {
	background-position:0px -86px; /* Apply Sprite*/  
}

#orderDVD {
	background-image: url(../images/Order_DVD.jpg);
}
#resources {
	background-image:url(../images/Resources.jpg);
}

#PregPause {
	background-image:url(../images/PregPause.jpg);
}

#supportGroups {
	background-image:url(../images/SupportGroupsNew.jpg);
}

#video {
	background-image:url(../images/AlcoholEggCocktail.jpg);
}

#strategies {
	background-image:url(../images/FASDStrategiesNotSolutions.jpg);
}

#earlyYears {
	background-image:url(../images/EarlyYears.jpg);
}

#strategies, #earlyYears {
	width: 208px;
	height: 208px;
	float:left;
	margin:0px 15px 15px 15px;
}

#orderDVD, #resources, #PregPause, #supportGroups, #video {
	width: 207px;
	height: 168px;
	float:left;
	margin:0px 15px 15px 15px;
}

#orderDVD:hover, #resources:hover, #PregPause:hover, #supportGroups:hover, #video:hover {
	background-position:0px -168px; /* Apply Sprite*/  
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.white {
	color:#FFF;
}

.bigwhite, .bigwhiteright, .bigwhitecentre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#FFF;
	text-align: center;
	font-weight: bold;
}

.bigwhiteright {
	text-align:right;
}

.bigwhite, .bigwhitecentre {
	text-align:center;
	
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}
.container {  /*  edit area in templates for new pages not using tables  */
	position:absolute;
	top:300px;
	left:300px;
	text-align:left;
}
.container h2 {
	text-align:center;
	font-size:24px;
}
.donatetext {
	position:absolute;
	width:710px;
	font-size: 130%;
	line-height: 130%;
	top:120px;
}
	
.box1, .box2, .box3, .box4  {
	position:absolute;
	width:700px;
	padding-left:30px;
}
.box1 {
	top:100px;
}

.box2 {
	top:350px;
}
.box3 {
	top:780px;
}
.box4 {
	top:1155px;
}
.box5 {
	position:absolute;
	top:1200px;
	width:750px;
}
.box5 p {
	padding-left:30px;
}
.boxlefthalf, .boxrighthalf {
	position:absolute;
	width:350px;
}
.boxrighthalf {
	left:350px;
	vertical-align:text-bottom;
	text-align:right;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#leftsidebar {
	padding-left:20px;
}

#contacts {
	padding-left:100px;
	padding-bottom:30px;
}

/************* Sliding box styles **************/

.boxgrid { 
	width: 200px; 
	height: 200px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf;
	text-align:left;
}	

.boxgrid h3 {
	color:#F60;
	text-align:center;
	margin: 10px 10px 0 10px;
	letter-spacing:-1px; 
	font-weight: bold;
	font-size:14px;
}

/************* #globalNav styles **************/

.masthead {
	position:relative;
	margin: 0px;
	padding: 0px;
	width: 1010px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
}

.header ul {
	position: relative;
	width: 1010px;
	background: url(../images/header.jpg) no-repeat;
	height: 190px;
	list-style-type: none;
	padding-top:50px;
	margin: 0px auto;
	padding: 0px;
}
li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a, li#bu5 a, li#bu6 a, li#bu7 a {
	background: transparent;
	position: absolute;
	width: 111px;
	height: 43px;
	bottom: 5px;
	text-decoration: none;
}
/* adjusted values for IE6 
* html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a, * html*li#bu4 a, * html*li#bu4 a, * html*li#bu4 a {
	bottom: -1px;
}*/
li#bu1 a {
	left: 125px;
	background: url(../images/button1.jpg) 0 0 no-repeat;
}
li#bu2 a {
	left: 235px;
	background: url(../images/button2.jpg) 0 0 no-repeat;
}
li#bu3 a {
	left: 345px;
	background: url(../images/button3.jpg) 0 0 no-repeat;
}
li#bu4 a {
	left: 455px;
	background: url(../images/button4.jpg) 0 0 no-repeat;
}
li#bu5 a {
	left: 565px;
	background: url(../images/button5.jpg) 0 0 no-repeat;
}
li#bu6 a {
	left: 675px;
	background: url(../images/button6.jpg) 0 0 no-repeat;
}
li#bu7 a {
	left: 785px;
	background: url(../images/button7.jpg) 0 0 no-repeat;
}
li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover, li#bu5 a:hover, li#bu6 a:hover, li#bu7 a:hover {
	background-position: 0 50px;
}