/* RESETS ------------------------------------------ */
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:1em; vertical-align: baseline; background:none; quotes: none;  
	}


/* GLOBALS ----------------------------------------- */
body {background: #fff url(../images/pageElements/bgd_page.jpg) 0 0 repeat-x; color: #777; font: normal normal normal 12px/120% verdana, arial, helvetica, geneva, sans-serif; }

h1, h2, h3, h4, h5 { color: #000; font: normal normal bold 20px/100% tahoma, trebuchet ms, 'trebuchet ms', arial, verdana; margin-top:20px; }
	
h1 { font-weight:normal; color:#7e1e9d; margin:10px 0 20px -2px; background:url(../images/pageElements/bgd_h1.jpg) 0 0 no-repeat; padding:4px 0 6px 12px; }
h2 { font-size: 14px; font-weight:bold; }
h2.normal {font:normal 12px Arial, Helvetica, sans-serif; font-weight:bold; margin-top:3px; margin-bottom:15px;}
h3 { font-size: 13px; font-weight:bold; color:#7a249d; }
h3.underline { font-size: 14px; font-weight:bold; color:#7a249d; border-bottom:2px solid #7a249d; }
h4 { font-size: 12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; }
h5 { }

a {color:#4873ff; text-decoration:none; outline:none; }
a:hover {color: #d58c68;}
a img {	background:none; border:none;}

hr { color:#aaa; background:#aaa; size:1px; height:1px;}


/* LAYOUT ------------------------------------------ */
#header { background:url(../images/pageElements/bgd_header.jpg) 50% 0 no-repeat;}
#banner { width:1024px; height:186px; margin:0 auto; position:relative; background:url(../images/pageElements/bgd_banner.jpg) 0 0 no-repeat; }
#address { position:absolute; right:10px; top:74px; font:normal normal normal 12px/120% tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:right;}
	#address a { color:#fff; }
	#address a:hover { color:#9855b5; background:#fff;}

#wrapper { width:1008px; margin:0 auto 5px auto; padding:16px 5px 0 11px; position:relative;}

#callouts { width:237px; float:right; }
	.callout { display:block; padding:12px 12px 0 14px; margin-bottom:2px; min-height:97px; background-position:top left; background-repeat:no-repeat; cursor:pointer;}
	.callout h2 {margin:0; color:#666;}
	.callout:hover h2 { color:#222;}
	.callout p { padding:3px 8px 8px 8px; max-width:179px; font-family:Arial, verdana, Helvetica, sans-serif; line-height:100%;}
	#callouts .orange { background-image:url(../images/pageElements/callout_orange.png); }
	#callouts .green { background-image:url(../images/pageElements/callout_green.png); }
	#callouts .blue { background-image:url(../images/pageElements/callout_blue.png); }
	#callouts .purple { background-image:url(../images/pageElements/callout_purple.png); }
	#callouts .orange:hover { background-image:url(../images/pageElements/callout_orange_on.png); }
	#callouts .green:hover { background-image:url(../images/pageElements/callout_green_on.png); }
	#callouts .blue:hover { background-image:url(../images/pageElements/callout_blue_on.png); }
	#callouts .purple:hover { background-image:url(../images/pageElements/callout_purple_on.png); }

#content { width:712px; min-height:400px; float:left; padding:20px 24px 0 30px; background:url(../images/pageElements/bgd_content.jpg) 0 0 no-repeat;}
	#content p, #content ul, #content ol, #content dl, #content blockquote {margin-top:3px; margin-bottom:15px;}
	#content ul, #content ol, #content blockquote {margin-left:30px;}
	#content li {margin-bottom:3px;}
	#content q, #content blockquote {padding:10px;}
	#content a { text-decoration:underline;}
	#content fieldset {padding:0 10px 10px 10px; background:#f5f5f5; margin:15px 0; border:1px solid #ccc;}
	#content legend { font-weight:bold; font-size:13px; color:#222; margin-bottom:10px;}
	
	.rightSection { float:right; width:205px; padding:0 0 0 12px; border-left:1px solid #949494;}
		
	.mainSection { float:left;}
		.summary { width:474px; margin-bottom:25px; min-height:90px;}
		#content .summary p {margin:0 0 0 0;}
		.summary h2 { margin:0; line-height:90%;}
		.summary .posted { font-style:italic; font-size:0.9em; color:#aaa;}
		.summaryThumb { float:right; margin:0 0 10px 10px; border:1px solid #000; height:100px; width:100px;}
		
#footer { clear:both; width:370px; font-size:11px; padding:10px 0 0 168px; text-align:center; color:#a5a4a4;}


/* NAVIGATION ---------------------------------------- */
ul#nav { list-style:none; height:22px; position:relative; top:4px; left:22px; z-index:100; }
	#nav li { float:left; padding-right:4px; font:normal normal 12px/22px Arial, Helvetica, sans-serif; color:#888; }
	#nav li a {padding:3px 0 6px 8px; cursor:pointer; background:url(../images/pageElements/navtab_left.gif) top left no-repeat; color:#888; }
	#nav li a span {padding:3px 12px 6px 4px; background:url(../images/pageElements/navtab_right.gif) top right no-repeat; }
	#nav li a:hover { color:#000; }
	#nav li.current a {background:url(../images/pageElements/navtab_current_left.gif) top left no-repeat; font-weight:bold; color:#000;}
	#nav li.current a span {background:url(../images/pageElements/navtab_current_right.gif) top right no-repeat;}
	#nav li.current a:hover { cursor:default; }


/* VARIOUS FORMATTING -------------------------------- */
#content ul.arrowList { list-style-type:none; margin:4px 0 17px 0; }
	.arrowList li { background:url(../images/pageElements/listarrow.gif) 0 3px no-repeat; padding-left:13px; margin-bottom:4px; }

.announcements { padding:9px; border:1px solid #bbb; background:#eee; position:relative; font-size:11px;}
	#content .announcements ul {margin:0; list-style:square; }
	#content .announcements li {margin:10px 0 0 14px; }
	#content .announcements h3.title { position:absolute; top:-34px; left:-1px; margin-bottom:-8px; font-size:14px; color:#777;  }
	.announcements form input, .announcements form textarea {border:1px solid #aaa; background:#fff; display:block; width:86%; margin:0 auto; color:#999; }
	.announcements form input.submit {width:50%; background:#f2f2f2;}
	form input.hidden {display:none;}

#homepage .rightSection {font-size:11px;}
#homepage #footer { padding-left:68px;}

/* REUSABLE CLASSES ---------------------------------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.photo {padding:3px; border:1px solid #ccc;}
.photoright {float:right; padding:3px; border:1px solid #ccc; margin:0 0 10px 12px;}
.photoleft {float:left; padding:3px; border:1px solid #ccc; margin:0 12px 10px 0;}
.alert { color:red;}
