/*====================*/
/*=== Slider Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

img {
	border:0;
}

body {
	line-height:1;
	color:black;
	background:#eee;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
a, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
}

.clear {
	clear:both;
}

/*****************/
/***MENU STYLES***/
/*****************/

.container {
	width: 920px;
	margin: 0 auto;
	position: relative;
	font: 10px normal Arial, Helvetica, sans-serif;
}

ul.topnav {
	list-style: none;
	padding: 0 0 0 20px;	
	margin: 0;
	float: left;
	width: 900px;
	font-size: 1.2em;
	background: #222 url(/images/topnav_bg.gif) repeat-x;
}

ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 20px;
	position: relative; 
}

ul.topnav li a{
	padding: 10px 2px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li a:hover{
	background: url(/images/topnav_hover.gif) no-repeat center top;
}

ul.topnav li span { 
	width: 17px;
	height: 35px;
	float: left;
	background: url(/images/subnav_btn.gif) no-repeat center top;
}

/*SJC CODE*/
ul.topnav li.icon img {
	float: left;
	margin: 0;	
	padding: 0;
	position: relative; 
}

ul.topnav li.icon a{
	float: left;
	margin: 0px 0 0 0;
	padding: 0 0px 0 0;
	position: relative; 
}

ul.topnav li.icon a:hover{
	margin-top:2px;
	background: url(/gfx/blank-pixel.png) repeat-x;
}
/*SJC END */

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 190px;
	z-index:999;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; 
	border-bottom: 1px solid #444; 
	clear: both;
	width: 190px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 165px;
	background: #333 url(/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { 
	background: #222 url(/images/dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}

/*****************/
/******FOOTER*****/
/*****************/
tr.footerhead, tr.footerhead a, tr.footerhead a:link, tr.footerhead a:active, tr.footerhead a:visited {
	padding: 2px;
	font: 14px normal Arial, Helvetica, sans-serif;
	color: #55117B;
	font-weight: bold;
}

tr.footerhead a:hover {
	font-weight: bold;
	color: #267F00;
}

ul.footersub, ul.footersub a, ul.footersub a:link, ul.footersub a:active, ul.footersub a:visited {
	padding: 2px;
	font: 12px normal Arial, Helvetica, sans-serif;
	color: #303030;
	display: block;
	list-style-type: none;
}

ul.footersub a:hover {
	font-weight: bold;
	color: #267F00;
}

.footersml, .footersml a, .footersml a:link, .footersml a:visited, .footersml a:active  {
	padding: 2px;
	font: 10px normal Arial, Helvetica, sans-serif;
	color: #303030;
}

.footersml a:hover 
{
	color: #55117B;
}

/*****************/
/***PAGE STYLES***/
/*****************/

h1 {
	font: 20px normal Arial, Helvetica, sans-serif;
	color: #55117B;
	font-weight: bold;
}

h2 {
	font: 18px normal Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #303030;
}

.mainText{
	font: 14px normal Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

.mainText a, .mainText a:active, .mainText a:link, .mainText a:visited {
	color: #55117B;
	/*text-decoration: underline;*/
	font-weight: bold;
}

.mainText a:hover {
	color: #267F00;
}

.titleWhite, .titleWhite a, .titleWhite a:active, .titleWhite a:link, .titleWhite a:visited {
	font: 18px normal Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.titleWhite a:hover {
	color: #cccccc;
}

.titleDark, .titleDark a, .titleDark a:active, .titleDark a:link, .titleDark a:visited {
	font: 18px normal Arial, Helvetica, sans-serif;
	color: #55117B;
}

.titleDark a:hover {
	color: #cccccc;
}

/*****************/
/*****BREAKOUT****/
/*****************/
tr.breakout {
	height: 80px;
}

td.breakout {
	padding: 2px;
	background: #eaeaea;
	font: 14px normal Arial, Helvetica, sans-serif;
	color: #55117B;
}

td.breakout a, td.breakout a:active, td.breakout a:link, td.breakout a:visited{
	padding: 2px;
	color: #55117B;
}

td.breakout a:hover {
	color: #267F00;
}

td.breakout img {
	float: left;
	padding: 2px 5px 2px 2px;
}

td.breakout h3, td.breakout h3 a, td.breakout h3 a:active, td.breakout h3 a:link, td.breakout h3 a:visited{
	font-weight: bold;
	color: #55117B;
}

td.breakout h3 a:hover {
	color: #267F00;
}

td.breakout:hover {
	background: #eaeaea url(/gfx/breakout-background.png) no-repeat center; 
}

.breakoutFeature {
	background: #eaeaea;
	margin-right:20px;
	margin-bottom:20px;
	padding:5px;
	border-top:1px;
	border-left:1px;
	border-bottom:10px;
	border-right:1px;
	border-style: solid;
	border-color: #267F00;
	font: 16px normal Arial, Helvetica, sans-serif;
	color: #267F00;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.breakoutFeature a, .breakoutFeature a:link, .breakoutFeature a:active, .breakoutFeature a:visited, .breakoutFeature a:hover {
	color: #267F00;
}

table.breakoutGrey {
	border-top:1px;
	border-left:1px;
	border-bottom:1px;
	border-right:1px;
	border-style: solid;
	border-color: #333;
	background: #eee;
}

tr.breakoutGrey, td.breakoutGrey, td.breakoutGreyBlock {
	padding: 5px;
}

tr.breakoutGreyBlock, tr.breakoutGreyBlock a, tr.breakoutGreyBlock a:active, tr.breakoutGreyBlock a:link, tr.breakoutGreyBlock a:visited {
	background: #333;
	color: #ffffff;
	height:30px;
}

tr.breakoutGreyBlock a:hover {
	color: #267F00;
}



#contactform form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#contactform h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#contactform input, textarea {border:1px solid #999; -webkit-appearance:none;}
#contactform input:focus, textarea:focus {border-color:#55117B;}
#contactform .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#contactform .button:hover {background-color:#55117B;}

#contactform .formfield {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#contactform .formfield label {display:block; margin-bottom:3px;}
#contactform .formfield input, textarea{display:block; width:100%; padding:8px 0; text-indent:2%;}
#contactform .formfield select {display:block; width:100%; padding:8px 0;}

#contactform .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#contactform .asterisk {color:#267F00; font-size:200%;}
#contactform .formfield .asterisk {position:absolute; top:25px; right:10px;}        
#contactform .clear {clear:both;}

#contactformSubmit {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}