body {margin: 0; padding: 0; background: #fff; color: #333;}
body, textarea {font-family: Corbel, Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:13px;}

a {color:#D646C0; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; text-align:left;}

h1, h2, h3 {margin:0 0 0 0; font-weight: bold;}
h1 {font-size: 22px; margin: 0 0 0.5em 0;}
h2 {font-size: 16px;} /* also used in common files*/
h3 {font-size: 13px;}
h5 {font-size:11px; font-weight: normal; font-style: italic;}  

p, pre {margin: 0 0 1em 0; line-height: 1.4em;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: 0.12em 0 1em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 18px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}

#wrap {width: 865px; position: relative; left: 50%; top: 0; margin-left: -432px;}
.top { text-align: right; font-size: 10px;}
.top a { font-size: 12px; }

#zoneNav, #zoneNav * {
	margin:0;
	padding:0;
}
#zoneNav {
	line-height:1.0;
	margin:0 0 1.5em 285px;
}
#zoneNav ul {
	background:#fff; /*IE6 needs this*/
}
#zoneNav li {
	background:#fff;
	float:left;
	list-style:none;
	position:relative;
	z-index:999;
}
#zoneNav a, #zoneNav span {
	color: #333;
	display:block;
	float:left;
	padding: 6px 10px;
	text-decoration:none;
	width:auto;
	font-size: 14px; font-weight: bold;
}
#zoneNav li ul {
	float:none;
	top:-999em;
	position:absolute;
}

#zoneNav li:hover,
#zoneNav li.sfHover,
#zoneNav a:focus, #zoneNav a:hover, #zoneNav a:active {
	 color: #AC2397;
}
#zoneNav li:hover ul, /* pure CSS hover is removed below */
ul#zoneNav li.sfHover ul {
	left:-1px;
	top:26px;
}

#zoneNav li:hover li ul,
#zoneNav li.sfHover li ul {
	top:-999em;
}
#zoneNav li li:hover ul, /* pure CSS hover is removed below */
ul#zoneNav li li.sfHover ul {
	left:auto;
	top:-1px;
	width:160px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:-999em;
}
#zoneNav li li {
	background:#fff; color: #333;
	float:none;
	width:160px; 
}
#zoneNav li li li {
	background:#fff;
}
#zoneNav li li span { border-bottom: 1px dotted #AC2397;}
#zoneNav li li a, #zoneNav li li span {
	float:none;
	padding: 4px 8px;
	width:144px; font-weight: normal;font-size: 12px; }
	
/* quick hacks for IE */
*html #zoneNav li li {
	margin-bottom:-3px;
}
*html #zoneNav li li li {
	margin-bottom:-1px;
}
*+html #zoneNav li li {
	margin-bottom:-3px;
}
*+html #zoneNav li li li {
	margin-bottom:-1px;
}


#head {clear: left; height: 373px; position: relative;}
#logo { text-align: center; width: 284px; height: 373px;
	background: url(../img_t/box_orange.gif) no-repeat 0 0; }
#logo img { margin-top: 150px;}
#pics { position: absolute; left: 288px; top: 0;}

#cnt { clear: left; margin: 6px  0;  }
#home {height: 376px;}
#box1 {padding-top: 80px; margin-right: 5px; width: 282px; float:left; text-align: center;}
#box1 h1 {margin: 0 25px; color: #333;}
#box2, #box3 { width: 285px; float:left; text-align: center;}
#box2 {background: url(../img_t/box_green.gif) no-repeat 0 0;  margin-right: 8px; height: 376px;}
#box2 h2 { font-weight: normal; margin: 50px 20px 20px; color: #333;}
#btn_green { margin-top: 30px;}
#box3 {background: url(../img_t/box_purple.gif) no-repeat 0 0; padding: 50px 0 0 0;height: 326px; }
#box3 h2 { margin: 1.5em; color: #fff; font-weight: normal;}
#btn_purple { margin-top: 25px;}

#foot { clear: both; padding: 10px 5px;  height: 53px;
	 background: url(../img_t/box_blue.gif) no-repeat; }
#foot img { float: left; margin: 7px 10px 0 15px;}
#foot p {font-size: 16px; font-weight: bold; margin-top: 18px;}
#foot a { color: #333;}

#foot2 { text-align: right; padding-right: 5px; font-size: 11px; color: #999; padding-bottom: 10px; font-style: italic;} 
#foot2 a { color: #999;}

.grayBox /* breadcrumbs */ { background: transparent; font-size: 11px; color: #666; font-style: italic; margin-bottom: 20px; float: right; width: 300px; text-align: right;}
.CMSBreadCrumbsLink { color: #000; text-decoration: underline;}
.CMSBreadCrumbsCurrentItem { color: #000;}
.cntSub {width: auto; padding: 0 10px; min-height:200px;}

#boxGreenAlt { background: #97e31e url(../img_t/box_greenAlt_03.gif) no-repeat 0 100%; width: 283px; float: left; margin-right: 8px;  }
#boxGreenAltDec {background: url(../img_t/box_greenAltDec.gif) no-repeat 0 100%; min-height: 470px;}
#boxGreenAltDec div.inner {background: url(../img_t/box_greenAlt_01.gif) no-repeat 0 0;padding: 10px 15px;}
#boxGreenAltDec div a { color: #333; text-decoration: underline;}
#btn_greenAlt { margin-top: 35px;}


#boxPurpleAlt { background: #ac2397 url(../img_t/box_purpleAlt_03.gif) no-repeat 0 100%; width: 283px; float: left; margin-right: 8px;  }
#boxPurpleAltDec {background: url(../img_t/box_purpleAltDec.gif) no-repeat 0 0; min-height: 470px;}
#boxPurpleAltDec div.inner {background: url(../img_t/box_purpleAlt_01.gif) no-repeat 0 0;padding: 10px 15px; color: #fff;}
#boxPurpleAltDec div a { color: #fff; text-decoration: underline;}

#box1Alt {width: 182px; float:left; text-align: center; padding: 40px;}

/* 2 column layout */
table.Col2 {width: 100%;}
.Col2 td.rightCol {}
.Col2 td.rightCol h2 {font-weight: bold;}
.Col2 td.rightCol p {margin: 0; padding: 0;}

.contact-form {width: 500px; border-right: 1px solid #ccc; padding-right: 20px;}
.contact-form p {margin: 0;}
.contact-form table {margin-bottom: 20px;}
.contact-info span.EditingFormInfoLabel, table tbody tr td span {font-size: 13px;}






