/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
.clearit { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
.hac { margin-left: 5px; }
body { margin: 0px 0px 0px 0px;  }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 2px solid #999999; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a, h2.article_title { color: #253771; font-size: 21px; line-height: 24px; font-weight: normal; margin: 0px 0px 15px 0px; }
h2, h2 a { color: #990000; font-size: 14px; margin: 0px 0px 15px 0px; }
h3, h3 a { color: #990000; font-size: 14px; }
h4, h4 a { color: #990000; font-size: 14px; line-height: 18px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 13px; line-height: 15px; }
a  { color: #253771; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}

.red { color: #990000; }
.blue { color: #253771; }
.white { color: #FFFFFF; }

/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 948px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header { background: url('../images/layout/header-bg.jpg') no-repeat; height: 90px; }


#bodyContainer { background: #FFFFFF; }

#home-body {
	background: #FFFFFF;
	width: 694px;
	float: left;
	text-align: center;
	height: 200px;
}

#body {
	background: #FFFFFF;
}

#home-features { width: 694px; float: left; margin: 10px 0 8px 0; }
#home-features a { width: 222px; float: left; margin-right: 14px; }

#events-box { width: 244px; float: right; background: #FFFFFF; margin-top: -200px; }
#events-header { background: url('../images/layout/events-header-bg.jpg') no-repeat; height: 42px; color: #FFFFFF; font-size: 12px; line-height: 42px; padding-left: 22px; }
.event { padding: 18px 22px 0px 22px; }
.event a { color: #253771; font-weight: bold; }
#mailing-list { padding: 18px 22px 0 22px; }

#banner { width: 900px; float: left; border: 2px solid #999999; margin: 24px; }
#banner img { width: 100%; height: 198px; }

#left-column { width: 218px; float: left; border-top: 2px solid #999999; margin: 24px 0 24px 24px; }
#left-column span { width: 218px; display: block; border-bottom: 2px solid #999999; padding: 5px 0px 5px 10px; color: #333333; }
#left-column img { border: none; margin-top: 5px; }
#left-column a { width: 218px; display: block; border-bottom: 2px solid #999999; padding: 5px 0px 5px 10px; color: #333333; }
#left-column a:hover, #left-column a.o { background: #cccccc; color: #253771; text-decoration: none; }

#content-area { width: 658px; float: right; margin: 24px 24px 24px 0px; }
#content-area2 { width: 800px; float: left; margin: 24px 50px 24px 50px; }


#home-footer {
	background: url('../images/layout/home-footer-bg.jpg') no-repeat;
	height: 74px;
	width: 694px;
	float: left;
	font-size: 14px;
	line-height: 74px;
	font-weight: normal;
}
#home-footer a { color: #FFFFFF; padding: 0 22px; }

#footer {
	background: url('../images/layout/footer-bg.jpg') no-repeat;
	height: 74px;
	font-size: 14px;
	font-weight: normal;
	padding-left: 32px;
	margin-top: 6px;
}
#footer a { color: #FFFFFF; padding: 0 22px; line-height: 74px; }

#footerLeft { width: 600px; float: left; color: #FFFFFF; }
#footerRight { width: 250px; float: right; color: #FFFFFF; }




/* Navigation */

#nav { height: 30px; background: #6d6e71; padding-left: 32px; }

#p7menubar {
    float: left;
}

#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	padding: 4px 22px 6px 22px;
}

#p7menubar a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#p7menubar a.trigger {
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
	width: 9em;
	list-style-type: none;
}

#p7menubar li { position: relative; }

/* hide from IE mac \*/
#p7menubar li { position: static; width: auto; }

/* end hiding from IE5 mac */
#p7menubar li ul, #p7menubar ul li  { width: 100%; }

#p7menubar ul li a  {
	color: #FFFFFF;
}

#p7menubar ul li a:hover  {
    text-decoration: none;
    background: #4C4D4F;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	width: 210px;
	background: #6d6e71;
	margin-top: -2px;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
/*    background: #33CCFF;*/
}

#p7menubar li ul li a { font-weight: normal; }



/* Sub Navigation */

#subnav { height: 30px; background: #cccccc; padding-left: 32px; }

#p8menubar {
    float: left;
}

#p8menubar, #p8menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}

#p8menubar a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color: #6d6e71;
	text-align: left;
	padding: 4px 22px 6px 22px;
}

#p8menubar a:hover {
	color: #6d6e71;
	text-decoration: none;
}

#p8menubar a.trigger {
	color: #6d6e71;
}
#p8menubar li {
	float: left;
	width: 9em;
	list-style-type: none;
}

#p8menubar li { position: relative; }

/* hide from IE mac \*/
#p8menubar li { position: static; width: auto; }

/* end hiding from IE5 mac */
#p8menubar li ul, #p8menubar ul li  { width: 100%; }

#p8menubar ul li a  {
	color: #6d6e71;
}

#p8menubar ul li a:hover  {
    text-decoration: none;
    background: #E7E7E8;
}
#p8menubar li ul {
	position: absolute;
	display: none;
	width: 210px;
	background: #CCCCCC;
	margin-top: 0px;
}

#p8menubar li:hover ul, #p8menubar li.p7hvr ul {
	display: block;
}

#p8menubar li:hover a, #p8menubar a:focus,
#p8menubar a:active, #p8menubar li.p7hvr a {
/*    background: #33CCFF;*/
}

#p8menubar li ul li a { font-weight: normal; }






.accordion_toggle { cursor: pointer; background: #d0ecf3 url('../images/accordion2.gif') no-repeat center left; line-height: 24px; padding-left: 30px; color: #636363; border-width: 1px; border-color: #636363; border-top-style: solid; border-bottom-style: solid; margin-bottom: 8px; margin-top: 8px; }
.accordion_toggle_active { cursor: pointer; background: #d0ecf3 url('../images/accordion1.gif') no-repeat center left; line-height: 24px; padding-left: 30px; color: #636363; border-width: 1px; border-color: #636363; border-top-style: solid; border-bottom-style: solid; margin-bottom: 8px; margin-top: 8px; }
.accordion_content { overflow: hidden; }
.accordion_content a { padding-left: 50px; line-height: 22px; display: block; height: 22px; overflow: hidden; }

.article_back { display: block; color: #4ca3b4; cursor: pointer; background: #d0ecf3; line-height: 24px; padding-left: 30px; border-width: 1px; border-color: #636363; border-top-style: solid; border-bottom-style: solid; margin-bottom: 8px; margin-top: 8px; }