@charset "UTF-8";
/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, input, img, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wrapper {
	width: 978px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
}




#header {
	font-size: 0.7em;
	color: #EAEAEA;
	padding: 20px 14px;
}
#header a {
	color: #EAEAEA;
	text-decoration: none;
}

#header a.regular {
}

#header a.medium {
	font-size: 0.9em;
}

#header a.large {
	font-size: 1.0em;
}

#header a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#header span {
	margin-right: 10px;
	margin-left: 10px;
}
.utilities {
	float: right;
}
#header .utilities li {
	display: inline;
}

#bg_image {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
z-index: 0;
}


/* BUTTONS first level */
#globalheader { width: 978px; height: 68px; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; height: 0; padding-top: 68px; overflow: hidden; }
#globalheader #globalnav li a { background-image: url(../images/tabs.png); background-repeat: no-repeat; }

/* ON STATES first level */
#globalheader #globalnav li#button1 a { background-position: 0 0; width: 135px; }
#globalheader #globalnav li#button2 a { background-position: -135px 0; width: 106px; }
#globalheader #globalnav li#button3 a { background-position: -241px 0; width: 104px; }
#globalheader #globalnav li#button4 a { background-position: -345px 0; width: 104px; }
#globalheader #globalnav li#button5 a { background-position: -449px 0; width: 104px; }
#globalheader #globalnav li#button6 a { background-position: -553px 0; width: 104px; }
#globalheader #globalnav li#button7 a { background-position: -657px 0; width: 104px; }
#globalheader #globalnav li#button8 a { background-position: -761px 0; width: 104px; }
#globalheader #globalnav li#button9 a { background-position: -865px 0; width: 113px; }

/* OVER STATES first level */
#globalheader #globalnav li#button1 a:hover { background-position: 0 -68px; }
#globalheader #globalnav li#button2 a:hover { background-position: -135px -68px; }
#globalheader #globalnav li#button3 a:hover { background-position: -241px -68px; }
#globalheader #globalnav li#button4 a:hover { background-position: -345px -68px; }
#globalheader #globalnav li#button5 a:hover { background-position: -449px -68px; }
#globalheader #globalnav li#button6 a:hover { background-position: -553px -68px; }
#globalheader #globalnav li#button7 a:hover { background-position: -657px -68px; }
#globalheader #globalnav li#button8 a:hover { background-position: -761px -68px; }
#globalheader #globalnav li#button9 a:hover { background-position: -865px -68px; }

/* PRESSED STATES first level */
#globalheader #globalnav li#button1 a:active { background-position: 0 -136px; }
#globalheader #globalnav li#button2 a:active { background-position: -135px -136px; }
#globalheader #globalnav li#button3 a:active { background-position: -241px -136px; }
#globalheader #globalnav li#button4 a:active { background-position: -345px -136px; }
#globalheader #globalnav li#button5 a:active { background-position: -449px -136px; }
#globalheader #globalnav li#button6 a:active { background-position: -553px -136px; }
#globalheader #globalnav li#button7 a:active { background-position: -657px -136px; }
#globalheader #globalnav li#button8 a:active { background-position: -761px -136px; }
#globalheader #globalnav li#button9 a:active { background-position: -865px -136px; }

/* ON STATES first level */
#globalheader.home #globalnav li#button1 a { background-position: 0 -204px; cursor: default; }
#globalheader.news #globalnav li#button2 a { background-position: -135px -204px !important; }
#globalheader.about #globalnav li#button3 a { background-position: -241px -204px !important; }
#globalheader.services #globalnav li#button4 a { background-position: -345px -204px !important; }
#globalheader.business #globalnav li#button5 a { background-position: -449px -204px !important; }
#globalheader.training #globalnav li#button6 a { background-position: -553px -204px !important; }
#globalheader.careers #globalnav li#button7 a { background-position: -657px -204px !important; }
#globalheader.events #globalnav li#button8 a { background-position: -761px -204px !important; }
#globalheader.support #globalnav li#button9 a { background-position: -865px -204px !important; }

#middle {
	clear: both;
	background-image: url(../images/middle_back.png);
	background-repeat: repeat-y;
	padding-right: 4px;
	padding-left: 10px;
	padding-top: 1px;
}

#middle #left {
	vertical-align: top;
}
#middle #left h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #A2A2A2;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#middle #left h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #A2A2A2;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#middle #left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #A2A2A2;
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 1.4em;
}

#middle #left p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin-right: 10px;
	margin-left: 10px;
	color: #8D8D8D;
	line-height: 1.4em;
	margin-bottom: 10px;
}
#middle #left ul {
	margin-bottom: 10px;
	margin-left: 50px;
}
#middle #left li {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #8D8D8D;
}
#middle #left #two_column .staff_pic {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

#middle #left a {
	color: #00788B;
	text-decoration: none;
}
#middle #left a:hover {
	text-decoration: underline;
}
#middle #left a:active {
	color: #F7971D;
}


#middle #left label {
	width: 7em;
	text-align: right;
	display: block;
	float: left;
	margin-right: 5px;
	font-weight: bold;
	color: #ABABAB;
}
#middle #left #form .input {
	width: 15em;
	font-size: 12px;
	color: #ABABAB;
	padding: 2px;
	border: 1px solid #B5B5B5;
	outline-style:none;
	outline-width:0px;
}

#middle #left #form textarea {
	width: 19em;
	font-size: 12px;
	color: #ABABAB;
	padding: 2px;
	border: 1px solid #B5B5B5;
}
#middle #left #flash {
	margin-bottom: 6px;
}
#middle #left .caption {
	font-size: 0.65em;
}



.accordion_heading { /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	margin: 10px 0;
	font-size: 0.75em;
}

.accordion_heading img { /*header of 2nd demo*/
	vertical-align: middle;
	margin-right: 10px;
}

.accordion_content p { 
	padding-left: 26px;
}

accordion_content ul.subset { /*sub set of information displayed within an accordion item*/
	margin-top: 15px;
	list-style: none;
	list-style-type: none
}

.accordion_content .subset li{
	margin-bottom: 10px;
}

.opencourse{ /*class added to contents of 2nd demo when they are open*/
	color: #8D8D8D;
	font-weight: bold;
}

.closedcourse{ /*class added to contents of 2nd demo when they are closed*/
color: #00788B;
}


#middle .mp_backlinks {
	font-size: 0.8em;
	color: #A2A2A2;
}


#middle #right {
	background-image: url(../images/left_bottom.png);
	background-repeat: no-repeat;
	width: 188px;
	vertical-align: top;
	background-position: center bottom;
}

#middle #subscribe {
	margin-top: 50px;
}

#middle #subscribe h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #A2A2A2;
	margin-bottom: 5px;
	margin-left: 10px;
}

#middle #subscribe #input {
	background-image: url(../images/subscribe_back.png);
	background-repeat: no-repeat;
	background-position: center;
}

#middle #subscribe .input {
	color: #9A9A9A;
	margin-left: 17px;
	font-size: 12px;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 148px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline-style:none;
	outline-width:0px;
}
#middle #address {
	margin-top: 50px;
	vertical-align: bottom;
	padding-bottom: 20px;
}
#middle #address p {
	font-size: 0.7em;
	color: #A2A2A2;
	margin-left: 10px;
	line-height: 1.4em;
}
#middle #address label {
	text-align: right;
	display: block;
	width: 4em;
	float: left;
	margin-right: 5px;
	clear: left;
	font-weight: bold;
}
#middle #address a {
	color: #00788B;
	text-decoration: none;
}
#middle #address a:hover {
	text-decoration: underline;
}
#middle #address a:active {
	color: #F7971D;
}



/*vertical menu */


#middle .arrowlistmenu{
	background-position: left bottom;
	width: 188px;
}

#middle .arrowlistmenu .headerbar{
	font: bold 0.9em Arial;
	color: #A2A2A2;
	background: url(../images/header_backround.png) no-repeat left top;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 6px 0 4px 10px; /*header text is indented 10px*/
}

#middle .arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#middle .arrowlistmenu ul li{
	padding-bottom: 4px;
	padding-right: 16px;
	padding-left: 6px;
}

#middle .arrowlistmenu ul li a{
	color: #9A9A9A;
	background: url(../images/arrowbullet.png) no-repeat left center; /*custom bullet list image*/
	display: block;
	padding: 4px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #dadada;
	font-size: 0.8em;
}

#middle .arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #00788B;
	background-color: #F6F6F6;
}


#middle .arrowlistmenu ul li a:active{ /*pressed state CSS*/
	color: #F8981D;
	background-color: #F6F6F6;
}
#middle #three_column {
	float: left;
	width: 256px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#middle #left #three_column img {
	margin-left: 9px;
	margin-bottom: 6px;
	border:none;
}

#middle #two_column {
	float: left;
	width: 384px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#middle #left #two_column img {
	margin-left: 9px;
	margin-bottom: 6px;
}

#two_column span {
	
	margin-bottom: 20px;
}


/*footer area */

#footer {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	height: 50px;
	font-size: 0.7em;
	color: #EAEAEA;
	clear: both;
}
#footer a {
	color: #EAEAEA;
	text-decoration: underline;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer .utilities a {
	text-decoration: none;
}


#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#footer span {
	margin-right: 10px;
	margin-left: 10px;
}
#footer #footer_content {
	padding-top: 15px;
	padding-right: 18px;
	padding-left: 18px;
}










/*CSS for "text sizer*/


.xsmallview #left { /*CSS for "extra small font" setting*/
font-size: 11px;
}

.smallview #left { /*CSS for "small font" setting*/
font-size: 13px;
}

.normalview #left { /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.largeview #left { /*CSS for "large font" setting*/
font-size: 17px;
}

.xlargeview #left { /*CSS for "extra large font" setting*/
font-size: 24px;
}

a.texttoggler{ /*CSS for Text Size Toggler control*/
margin-right: 6px;
}

a.texttoggler img{ /*CSS for Text Size Toggler control*/
	border: 1px solid #D6D6D6;
}

a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
	border: 1px solid #FFFFFF;
}

a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
	border: 1px solid #F8981D;
}