/* Yellow: #ffde23;
	Orange: #f9a033;
	Blue: #064288;
	Light-blue: #81B8FA;
*/

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #006;
	background-color:#fff;
}

#main {
	width: 760px;
	margin-left:auto;
	margin-right:auto;	
	background: #fff;
}

#header {
	width:100%;
	height:100px;
	text-align:left;
	color: #006;
}

#header h1 {
	font-size: 200%;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top:20px;
	margin-left:10px;
}

* html #header h1  {
	margin-left:5px;
}

#header {
	float: left;
}
#header img {
	border: 0px;
}
#header #skipnav {
	float:right;
	font-size:80%;
}
#header #skipnav a {
	color: #ddf;
}
#header #skipnav a:hover {
	color: #006;
}

#headermain {
	width: 100%;
	height: 80px;
}

#headerone {
	vertical-align: bottom;
	width: 49%;
	float: left;
	height: 100%;
}

h1.headertext {
	display: inline;
}	

#headerstrapline {
	font-family: Bradley Hand ITC, Comis Sans MS, Arial, Sans serif;
	font-size: 120%;
	text-align: right;
	width: 49%;
	float: right;
	height: 100%;
	padding-top: 60px;
}
	
#headerlogo img.logo {
}

/* NAVIGATION MENU ACROSS THE TOP */

#mainnav {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color: #009;
	color: #fff;
	line-height:200%;
	float:left;
}

#mainnav ul{
	padding: 0;
	margin: 0;
	float: left;
	background-color: #009;
	color: #fff;
}

#mainnav ul li{
	display : inline;
	}

#mainnav ul li a{
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	float: left;
	background-color: #009;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-size: 85%;
}

#mainnav ul li a:hover{
	background-color: #ddf;
	color: #006;
}

#mainnav a.current-selection {
	background-color: #009;
	color : #fff;	
}

#subnav {
	text-align:left;
	padding-left: 10px;
	line-height:200%;
}

#subnav a {
	font-weight: bold;
	font-size:100%;
	text-decoration: none;
	color:#006;
}

#subnav ul {
	float:right;
}

#subnav ul li{
	display : inline;
}

#subnav ul li a{
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	color: #009;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid #eee;
}

/* NAVIGATION MENU ACROSS THE TOP END */


/* BREADCRUMBS */
#subnavbreadcrumbs {
	padding-top:6px;
}
#subnavbreadcrumbs a {
	text-decoration: none;
}
#subnavbreadcrumbs a:hover {
	text-decoration: underline;
}
#subnavbreadcrumbsroot {
	float:left;
}
/* BREADCRUMBS END */

#content {
	margin-top: 12px;
	xborder: 1px solid #654;
	float:left;
	width: 760px;
}

/* PJM */


#pagetitle {
	color: #a6c;
	padding-top: 10px;
	padding-bottom: 4px;
}

/* PJM END */

#colnav {
	float:left;
	width:160px;
	border-top: 1px solid #ddf;
	line-height:200%;
	border-bottom: 1px solid #f9f9f9;
	border-left: 1px solid #ddf;

	margin: 0px;
	padding: 0px;
}

#colnav ul {
	padding:0px;
	width: 100%;
	margin:0px;
}

#colnav ul li {
	text-align:left;
	padding:1px;
	padding-left: 4px;	
	border-bottom:1px solid #ccc;
	list-style-type:none;
	background-color:#f9f9f9;
}

#nav1 .menu {
	background-color: #fff;	
}
#nav1 .menuhighlight {
	/* Blue */
	background-color: #ddf;	
}

#nav1 .submenu {
	background-color: #f6f6f6;
	padding-left: 10px;
}

#nav1 .submenuhighlight {
	padding-left: 10px;
	background-color: #fff;
}

#nav1 .subsubmenu {
	background-color: #f6f6f6;
	padding-left: 20px;	
}

#nav1 .subsubmenuhighlight {
	background-color: #fff;
	padding-left: 20px;	
}

#nav1 .subsubsubmenu {
	background-color: #f6f6f6;
	padding-left: 30px;	
}

#nav1 .subsubsubmenuhighlight {
	background-color: #fff;
	padding-left: 30px;	
}

#nav1 .menu a, #nav1 .menuhighlight a  {
	text-decoration:none;
	color: #006;
	font-weight: bold;
}

#nav1 .menu a:hover, #nav1 .menuhighlight a:hover {
	text-decoration:underline;
}

#nav1 .submenu a, #nav1 .submenuhighlight a {
	font-weight:bold;
	font-size: 85%;
	text-decoration:none;
	padding:2px;
	text-align: left;
	color: #009;
}

#nav1 .submenu a:hover, #nav1 .submenuhighlight a:hover {
	text-decoration:underline;

}

#nav1 .subsubmenu a, #nav1 .subsubmenuhighlight a, #nav1 .subsubsubmenu a, #nav1 .subsubsubmenuhighlight a {
	font-size: 85%;
	text-decoration:none;
	color: #009;
}

#nav1 .subsubmenu a:hover, #nav1 .subsubmenuhighlight a:hover, #nav1 .subsubsubmenu a:hover, #nav1 .subsubsubmenuhighlight a:hover {
	text-decoration:underline;
}


.defaultcssswitch {
	display:none;
}

#colcontent {
	float:left;
	width:412px;
	min-height:600px;
	text-align:left;
	border-left:1px solid #ddf;
	border-right:1px solid #ddf;
	border-bottom:1px solid #ddf;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}

* html #colcontent {
	height:600px;
}

#colcontent #breadcrumbs {
	line-height: 200%;
}

#colcontent #breadcrumbs a {
	font-weight: bold;
	font-size:100%;
	text-decoration: none;
	color:#009;
}

#colcontent h2 {
	font-size: 200%;
	font-weight: bold;
	margin-top: 0;
}

#colcontent h3 {
	font-size:100%;
	font-weight:bold;
}

#colcontent p, #colcontent table {
	margin-bottom: 6px;
}

#colcontent img {
	margin-bottom:10px;
	border: 1px solid #ddf;
}

#colcontent a {
	color: #009;
	font-weight:bold;
}

/* NEWS */
#colcontent div.news-list-container {
	
}

#colcontent .news-list-date, .news-single-timedata {
	margin: 0px;
	display: block;
	font-style: italic;
}

#colcontent h3 {
	margin: 0px;
}

#colcontent hr.clearer {
	width: 0px;
	height: 0px;
}
#colcontent div.news-list-item, div.news-single-item {
	background-color: #f9f9f9;
	border: 1px dashed #ddf;
	margin: 0px;
	margin-bottom: 8px;
	padding: 4px;
}

#colcontent div.news-single-item {
	margin-bottom: 10px;
}

#colcontent div.news-single-item h2 {
	margin-left: 0px;
}
#colcontent .news-latest-morelink, .news-list-morelink {
	margin: 0px;
}

#colcontent p.bodytext {
	margin-bottom: 3px;
	margin-top: 0px;
	margin-left: 0px;
}

#colcontent table.eventdetail_wraptable {
	padding: 0px;
	
}
#colcontent h2.eventdetail_title {
	margin: 0px;
	padding: 0px;	
}

#colcontent .eventdetail_shortdescription p, .eventdetail_description p {
	margin-left: 0px;
}

p.csc-sitemap {
	line-height: 100%;
}
.csc-sitemap-level1 a {
	margin-left:0px;
	font-weight:bold;
}
.csc-sitemap-level2 a {
	margin-left:10px;
	font-weight:normal;
}
.csc-sitemap-level3 a {
	margin-left:20px;	
	font-weight:normal;
}

#colfeatures {
	float:left;
	width:160px;
	line-height:200%;
	border-top:1px solid #ddf;
	text-align: left;
}

#colfeatures h3 {
	text-align:left;
	padding-left:10px;
	margin:0;
	font-size:100%;
	font-weight:bold;
	border-bottom:1px solid #fff;
	background-color: #ddf;
	color:#009;
	padding: 4px;
}

#colfeatures p {
	line-height:150%;
	text-align:left;
	margin-left:6px;
	margin-right:10px;
	margin-bottom:0.5em;
}

#colfeatures p a {
	font-weight:bold;
	color:#009;
}

#colfeatures table img {
	margin-top: 4px;
	margin-left: 4px;
	
}

#colfeatures div.news-latest-item {
	padding: 4px;
}

#colfeatures div.news-latest-item h3 {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}

#colfeatures p.bodytext {
	padding: 4px;
	margin-bottom: 6px;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 120%;
}

#footer {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:160px;
	margin-right:172px;
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #ddddf0;
	border-bottom:1px solid #ddddf0;
	line-height:200%;
	font-size:80%;
	text-align:left;
}

.smallbreak {
	clear:both;
	height: 4px;
	margin-top:-1px; 
	overflow: hidden;
	font-size:0;
}

br.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

