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;
}
* {
	font-family: 			verdana, arial, helvetica, sans-serif;
}

html {
	font-size: 				50%; /* Part one of 1em = 10px */
	height: 				100%;
}

body {
	line-height: 			1;
	
	font-size: 				125%; /* Part two of 1em = 10px */
	
	/*part 1 of centering hack*/
	text-align: 			center;
	
	background:				#007fa9 url(../images/interface/bg_body.png) repeat-x 0 0;
	
	height: 				100%;
	padding:				0 0 1px 0;
}

a {
	color:					#003366;
}

a[href="#"] {
	color:					#ff0000 !important;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 					right;
}
.floatleft {
	float: 					left;
}

.alignright {
	text-align:				right;
}
.half {
	width:					48%;
}
.hide {
	display:				none;
}
.nobg {
	background:				none !important;
}
.noborder {
	border:					0 !important;
}
.nomargin {
	margin:					0 !important; 
}
.nomarginbottom {
	margin-bottom:			0 !important; 
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#wrapper {
	width: 					900px;
	
	/*part 2 of centering hack*/
	text-align: 			left;
	margin: 				0 auto;
}

 /* HEADER
--------------------------------------------------------------------*/
#header {
	position:				relative;
	height:					159px;
	border-left:			1px solid #17b1e5;
	border-right:			1px solid #17b1e5;
	background:				transparent url(../images/interface/bg_header.png) no-repeat 0 0;
}

#header #logo {
	position:				absolute;
	left:					32px;
	top:					19px;
}

#header p {
	position:				absolute;
	right:					24px;
	top:					9px;
	font-size:				1.6em;
	line-height:			1.2em;
	color:					#003366;
}
#header p a,
#header p span {
	color:					#fff;
}
#header p a {
	text-decoration:		none;
	border-bottom:			1px solid #fff;
}



 /* Main Nav Setup
--------------------------------*/

#header #mainnav {
	position:				absolute;
	width:					898px;
	bottom:					0;
	height:					36px;
	list-style-type:		none;
	border-top:				1px solid #17b1e5;
	border-bottom:			1px solid #17b1e5;
	background:				#0086b3 url(../images/interface/bg_gradients.png) repeat-x 0 0;
}
#header #mainnav li {
	float:					left;
	font-size:				1.8em;
	padding:				5px 18px 0 18px;
}
#header #mainnav li a {
	color:					#fff;
	text-decoration:		none;
}
#header #mainnav li a:hover,
#header #mainnav li a.selected {
	color:					#99ffff;
}


 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/

#body {
	border:					1px solid #999;
	border-top:				0;
	padding:				0 0 15px 0;
	background:				#fff;
}
#body.wsidebar {
	background:				#fff url(../images/interface/bg_sidebar.png) repeat-y right top;
}

#body span.introimg {
	display:				block;
	border-left:			1px solid #1cbbf2;
	border-right:			1px solid #1cbbf2;
	height:					164px;
	margin:					0 -1px;
}
div.home span.introimg {
	height:					220px;
	background:				#0097c9 url(../images/interface/introimg/home.jpg) no-repeat 0 0;
}
div.programs span.introimg {
	background:				#0097c9 url(../images/interface/introimg/programs.jpg) no-repeat 0 0;
}
div.administration span.introimg {
	background:				#0097c9 url(../images/interface/introimg/administration.jpg) no-repeat 0 0;
}
div.clientinfo span.introimg {
	background:				#0097c9 url(../images/interface/introimg/clientinfo.jpg) no-repeat 0 0;
}
div.donate span.introimg {
	background:				#0097c9 url(../images/interface/introimg/donate.jpg) no-repeat 0 0;
}
div.art span.introimg {
	background:				#0097c9 url(../images/interface/introimg/art.jpg) no-repeat 0 0;
}
div.contact span.introimg {
	background:				#0097c9 url(../images/interface/introimg/contact.jpg) no-repeat 0 0;
}

#body h1,
#body h2 {
	font-size:				1.8em;
	line-height:			1.2em;
	color:					#003366;
	height:					36px;
	padding:				8px 0 0 18px;	
	text-transform: 		uppercase;
	background:				#35aed6 url(../images/interface/bg_heading.png) repeat-x 0 0;
}
#body h1.border,
#body h2.border {
	border-left:			1px solid #1cbbf2;
	border-top:				1px solid #1cbbf2;
	border-right:			1px solid #1cbbf2;
	border-bottom:			1px solid #999;
}

#body p.colored {
	color:					#007fa9;
	font-weight:			bold;
	font-size:				1.2em;
	line-height:			1.38em;
}
#body p.colored span {
	color:					#003366;
}
#body p.colored a {
	font-weight:			normal;
}

#body a.arrow {
	padding:				0 0 0 15px;
	background:				transparent url(../images/interface/spritesheet.png) no-repeat 0 5px;
}


/* #maincontent
--------------------------------------------------------------------*/

#maincontent {
	padding:				0 26px 0 18px;
}

div.wsidebar #maincontent {
	width:					574px;
	float:					left;
}

#maincontent h1,
#maincontent h2 {
	margin:					0 -27px 16px -19px;
}

#maincontent h3 {
	font-size:				1.3em;
	line-height:			1.28em;
	margin:					0 0 17px 0;
}

#maincontent h4 {
	font-size:				1.3em;
	line-height:			1.28em;
	color:					#ff6600;
	padding:				0 0 0 16px;
	margin:					0 0 15px 0;
	background:				transparent url(../images/interface/spritesheet.png) no-repeat 0 4px;
}
#maincontent h4 span {
	font-weight:			normal;
	color:					#007fa9;
	padding:				0 0 0 6px;
}
#maincontent h4 a {
	font-weight:			normal;
}

#maincontent p {
	font-size:				1.3em;
	line-height:			1.28em;
	margin:					0 0 17px 0;
}
#maincontent p.smaller {
	font-size:				1.2em;
}



#maincontent div.indented {
	padding:				0 16px;
}
div.wsidebar #maincontent div.indented {
	padding:				0 6px 0 16px;
}
#maincontent div.indented h4 {
	margin-left:			-16px !important;
}

#maincontent div.hr {
	clear:					both;
	height:					1px;
	overflow:				hidden;
	background-color:		#cfeced;
	margin:					0 -16px 16px -16px;
}
div.wsidebar #maincontent div.hr {
	margin:					0 -6px 16px -16px;	
}

#maincontent div.imageleft {
	border:					1px solid #013467;
	padding:				1px;
	float:					left;
	margin:					4px 23px 23px 0;
}
#maincontent div.imageleft img {
	display:				block;
}

#maincontent div.iframeborder {
	border:					1px solid #003366;
	padding:				1px;
	height:					300px;
	overflow:				hidden;
	margin:					0 -17px 0 0;
}


/* #sidebar
--------------------------------------------------------------------*/

#sidebar {
	float:					right;
	width:					248px;
	padding:				0 15px 0 16px;
}

#sidebar h2 {
	margin:					0 -15px 16px -15px;
	border-top:				1px solid #999999;
}
#sidebar h2.border {
	margin:					0 -16px 16px -17px;
}

#sidebar p {
	font-size:				1.3em;
	line-height:			1.28em;
	color:					#003366;
	margin:					0 0 17px 0;
}
#sidebar a {
	color:					#003366;
}

#sidebar div.imageright {
	float:					right;
	border:					1px solid #013467;
	margin:					5px 0 10px 10px;
}
#sidebar div.imageright img {
	display:				block;
}

/* #footer
--------------------------------------------------------------------*/
#footer {
	clear:					both;
	height:					28px;
	padding:				12px 26px 0 18px;
	border-left:			1px solid #1cbbf2;
	border-right:			1px solid #1cbbf2;
	border-bottom:			1px solid #1cbbf2;
	background:				#35aed6 url(../images/interface/bg_heading.png) repeat-x 0 -44px;
}


#footer p {
	font-size:				1.1em;
	line-height:			1.2em;
	color:					#003366;
	
}
#footer p a {
	color:					#003366;
	word-spacing: 			0;
	text-decoration:		none;
}
#footer p a:hover {
	text-decoration:		underline;
}

#footer p.floatleft {
	color:					#003366;
	word-spacing: 			5px;
}
#footer p.alignright {
	color:					#99ffff;
}


table {
	border-collapse:		collapse;
	border-spacing: 		0;
}  


.clearfix:after,
#body:after {
    content: 				"."; 
    display: 				block; 
    height: 				0; 
    clear: 					both; 
    visibility: 			hidden;
}


/* Cufon FOUC fix */
.cufon-loading #mainnav li,
.cufon-loading #header p,
.cufon-loading h1,
.cufon-loading h2 {
	visibility: hidden !important;
}