﻿body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 90%;
	background:#0b004c;
}

/* ************************************* */
/* ******[		Wrapper			] ****** */
/* ************************************* */

.Wrapper {
	margin: 5px auto;
	padding:0;
	/*width: 760px; */
	width: 860px;
	border: 2px solid #ac0300;
}

	.Wrapper_Top {
		margin: 0;
		padding: 0;
		width: 100%;
		clear: right;
		border-bottom: 2px solid #ac0300;
		}
	
	.Wrapper_Content {
		margin: 0;
		padding: 0;
		border-bottom: 2px solid #ac0300;
		}
	
	.Wrapper_Footer {
		margin: 0;
		padding: 0;
		height: 21px;
		border-bottom: 2px solid #ac0300;

		}
		
.Logo {
	margin: 0;
	padding: 0;
	height: 120px;
	width: 100%;
	/*background-image:url('Images/Logo/CBOHSEP.jpg'); */
	background-image: url('Images/Logo/cbohsep_logo_new.png');
	background-repeat: no-repeat;
	border-bottom: 2px solid #ac0300;
}		
		
		
/* ************************************* */
/* ******[	  Top Navigation	] ****** */
/* ************************************* */
.TopNavigation {
	margin: 0;
	padding: 3px 0 0 0;
	width: 100%;
	height: 24px;
	background:#0b004c;
	}	
	
	.TopNavigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 80%;
		font-weight: bold;
		display: inline;
		letter-spacing: 1px;
		}
	
	*html .TopNavigation li.first {
		float: left;
		margin: 0 0 0 16px;
		/*margin: 0 0 0 16px;*/
		padding: 2px 0 0 0;
		background-image: none;
		background-position: 0 2px;
		}

	
	.TopNavigation li.first {
		float: left;
		margin: 0 0 0 16px;
		/*margin: 0 0 0 26px;*/
		padding: 3px 0 0 0;
		background-image: none;
		background-position: 0 2px;
		}
	
	.TopNavigation li {
		float: left;
		margin: 0 0 0 14px;
		padding: 3px 0 0 34px;
		/*margin: 0 0 0 14px;
		padding: 0 0 0 34px;*/
		background-image:url('Images/NavigationItems/Star.gif');
		background-repeat: no-repeat;
		background-position: 0 2px;
		}
		
	.TopNavigation li .facebookimg {
		float: left;
		margin: 0 0 0 14px;
		padding: -.8em 0 0 34px;
		/*margin: 0 0 0 14px;
		padding: 0 0 0 34px;*/
		background-image:url('Images/NavigationItems/Star.gif');
		background-repeat: no-repeat;
		background-position: 0 2px;
		}
		
	.TopNavigation li a {
		color: #ffffff;
		text-decoration: none;
		}
	
	.TopNavigation li a:hover {
		color: #ac0300;
		text-decoration: underline;
		}
		
	
		
/* ************************************* */
/* ******[		Conent			] ****** */
/* ************************************* */

.Content_Wrapper {
	margin: 0 auto;
	padding: 0;
	width: 760px;
}


/* ************************************* */
/* ******[	   Content Columns	] ****** */
/* ************************************* */

.ContentColumns {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin: 0 0 0 0;
	}
	/* common column settings */
	.colright,
	.colmid,
	.ColumnLeftSite {
		float:left;
		width:100%;
		position:relative;
	}
	.ContentColumn,
	.LeftColumn,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.LeftMenu {
		background:#ffffff;		/* right column background colour */
	}
	.LeftMenu .ColumnLeftSite {
		right: 80%;
		/* right:78%;			 right column width */
		background:#0b004c;	/* left column background colour */
		border-right: 2px solid #ac0300;
	}
	.LeftMenu .ContentColumn {
		width: 80%;
		/* width:78%;			right column content width */
		left:100%;			/* 100% plus left column left padding */
	}
	.LeftMenu .LeftColumn {
		width: 20%;
		/* width:22%;			 left column content width (column width minus left and right padding) */
		left:0%;			/* (right column left and right padding) plus (left column left padding) */
	}


/* ************************************* */
/* ******[	 Left Navigation	] ****** */
/* ************************************* */

.LeftNavigation {
	margin: 10px 0 10px 0;
	padding: 0;
	}

.LeftNavigation ul {
	border-top: 1px solid #ffffff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	}

.LeftNavigation li {
        border-bottom: 1px solid #ffffff;
        border-width: 1px 0;
        margin: 0;
        padding: 0 0 0 0;
        text-align: center;
        font-size: 80%;
        font-weight: bold;
        letter-spacing: 1px;
		}
		
.LeftNavigation li a {
		color: #ffffff;
        display: block;
        padding: 10px 0 10px 0;
        text-decoration: none;
		}	

.LeftNavigation li a:hover {
		background-color: #ac0300;
		}
		

/* ******[	 EOC Logon	] ****** */

.EOCLogon {
	margin: 10px 0 5px 0;
	padding: 0 0 7px 0;
	width: 100%;
	border-bottom: 1px solid #ffffff;

	}	
	.EOCLogonLink {
		display: block;
		height: 34px !important;
		background-repeat: no-repeat;
		background-position: 8px center;
		
		}
	.EOCLogonLink a {
		background-image:url('Images/NavigationItems/eoc_off.gif');
		}
		
	.EOCLogonLink a:hover {
		background-image:url('Images/NavigationItems/eoc_on.gif');
		}	
	
	.EOCLogonTxt {
		display: none;
		}	
	

/* ******[	 Alert Registration	] ****** */


.AlertRegistration {
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	width: 100%;
	}	
	
	.AlertRegistrationLink {
		display: block;
		height: 50px !important;
		background-repeat: no-repeat;
		background-position: 8px center;
		
		}
	.AlertRegistrationLink a {
		background-image:url('Images/NavigationItems/registration_off.gif');
		}
		
	.AlertRegistrationLink a:hover {
		background-image:url('Images/NavigationItems/registration_on.gif');
		}	
	
	.AlertRegistrationTxt {
		display: none;
		}	
	

/* ******[	 Threat Advisory	] ****** */
		
.ThreatAdvisory {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	width: 100%;
	text-align: center;
    font-size: 80%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;

	}
	
	.ThreatAdvisory img {
		margin: 5px 0 5px 0;
		padding: 0;
	}
	

/* ************************************* */
/* ******[	  Footer Navigation	] ****** */
/* ************************************* */

.FooterNavigation {
	margin: 0;
	padding: 3px 0 0 0;
	width: 100%;
	height: 20px;
	background:#0b004c;
	}	
	
	.FooterNavigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 80%;
		font-weight: bold;
		display: inline;
		letter-spacing: 1px;
		color: #ffffff;
		}
	
	*html .FooterNavigation li.first {
		float: left;
		margin: 0 0 0 16px;
		padding: 0 0 0 0;
		background-image: none;
		}

	
	.FooterNavigation li.first {
		float: left;
		margin: 0 0 0 38px;
		/* margin: 0 0 0 28px; */
		padding: 0 0 0 0;
		background-image: none;
		}
	
	.FooterNavigation li {
		float: left;
		margin: 0 0 0 28px;
		padding: 0 0 0 48px;
		/* margin: 0 0 0 18px;
		padding: 0 0 0 30px; */
		background-image:url('Images/NavigationItems/Star.gif');
		background-repeat: no-repeat;
		}
		
	.FooterNavigation li a {
		color: #ffffff;
		text-decoration: none;
		}
	
	.FooterNavigation li a:hover {
		color: #ac0300;
		text-decoration: underline;
		}
		

/* ************************************* */
/* ******[	   Site Content		] ****** */
/* ************************************* */

.SiteContent {
	margin: 5px auto;
	padding: 0;
	width: 95%;
}


	.SiteContent h1 {
		margin: 5px 0 10px 0;
		padding: 0;
		font-size: 180%;
		color: #ac0300;
		}
		
	.SiteContent h2 {
		margin: 5px 0 5px 0;
		padding: 0;
		font-size: 150%;
		color: #010080;
		}

	.SiteContent h3 {
		margin: 10px 0 2px 0;
		padding: 0;
		font-size: 130%;
		color: #000000;
		font-weight: bold;
		}

		
	.SiteContent p {
		margin: 10px 0 10px 0;
		padding: 0;
		font-size: 100%;
		line-height: 140%;
		}
	
	.SiteContent a {
		color: #010080;
		text-decoration:  underline;
		}

	.SiteContent a:hover {
		color: #ac0300;
		text-decoration: none;
		}
		
	.SiteContent ul {
		margin: 20px;
		padding: 0;
		list-style: none;
		}
		
	.SiteContent ul li {
		margin: 10px 0 10px 0;
		padding: 0 0 0 20px;
		font-size: 100%;
		background-image:url('Images/NavigationItems/Blue_Star.gif');
		background-repeat: no-repeat;
		background-position: 0 2px;
		}
		
	.SiteContent ul li ol li {
		margin: 0 0 5px 0;
		padding: 0 0 0 5px;
		font-size: 100%;
		background-image: none !important;
		}
	
		
		
	.SiteContent ol {
		margin: 20px;
		padding: 0;
		}
		
	.SiteContent ol li {
		margin: 10px 0 10px 20px;
		padding: 0;
		font-size: 100%;
		}
		
	.SiteContent ol li li {
		margin: 10px 0 10px 20px;
		padding: 0;
		font-size: 100%;
		}

	
	.SiteContent .DownloadDocument {
		margin: 5px 0 5px 0;
		padding: 0 0 0 30px;
		background-image:url('Images/NavigationItems/Download.gif');
		background-repeat: no-repeat;
		background-position: 10px 0;
		}
		
	.SiteContent .sf_back {
			visibility: hidden;
			padding: 0 !important;
			height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		
	.SiteContent .sf_singleEvent {
			margin: 0;
			padding: 0;
		}


