/* --------- Layout Styles -------- */
body {
	height:100%;
	margin:0;
	padding:0;
	text-align:center; /*center hack*/
	background-color:#EEF0F2;
	color:#000;
	font-size:13px;/* 76.1% */
	font-family:verdana,Tahoma,arial;
	/*line-height:1.8em;*/
}

#wrap {
	height:100%;
	width:794px; 
	margin-left:auto; /*center hack*/
	margin-right:auto;
	background-repeat:repeat-y;
	background-image: url(images/wrap_bg.gif);
	background-position:center;
}

#container {
	height:100%;
	width:780px; 
	margin-left:auto; /*center hack*/
	margin-right:auto;
	text-align:left;
	background-image: url(images/menubkgrd3.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


#main {
	margin: 0px;
	height: 100%;
	min-height: 350px;
}
#menu {
	width: 160px;
	float: left;
	text-align: left;
	/*background-color: #125BAA;
	border: 1px #0DD solid;*/
}

#content {
/*	margin: 0px 178px;
	border: 1px #DDD solid; */
	width: 560px;
	padding: 20px;
	float: right;
}


/*IE hack, ie doesnt display widths correctly when a padding is set directly on a DIV with a width also set*/ 
#contentSideBar .inside {
height:100%;
margin-left:15px;
margin-bottom:25px;
}
#contentSideBar .topBg {
height:100%;
padding:10px;
}

#footer {
	clear: both;
	background-color: #184678;
	position: relative;
	bottom: 0;
	min-height: 25px;
	/* height: 25px; */
	padding:10px;
}



/* --------- Text Styling -------- */
/* Tricky method to make all header and font styles inherit off this size */
h1,h2,h3,h4,h5,h6 { text-align: center; }


p {
margin-top:.5em;
font-size:1.1em;
}
h1{
font-size:1.7em;
line-height:1.3em;
}
h2{
font-size:1.5em;
line-height:1.2em;
}
h3{
font-size:1.3em;
line-height:1.1em;
}
h4{
font-size:1.2em;
line-height:1.0em;
}
h5{
font-size:1.1em;
line-height:1.0em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
#footer {
font-family:Helvetica, san-serif;
font-size:.8em;
text-align:center;
}

#contentSideBar ul {
margin:0;
padding:1.5em;
text-indent:0;
}

/* --------- Link Styling -------- */
a {
color:#009;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


/* popup layer timeout message */
#popupmsg {
	visibility: hidden;
	display: none;
	z-index: 5;
	position: fixed !important; /* for non-IE browsers */
	position: absolute;
	top:1px;
	left:0px;
	text-align: center;
	background-color:transparent;
	width:100%;
	height:100%;
}
#msg {
	background-color: #FDA;
	height: 200px;
	width: 400px;
	font-family: verdana;
	position: relative;
	margin: auto;
	border-style: double;
	border-color: #699;
	border-width: 3px;
	margin-top:50px;
}

/*alert box button-properties formatting*/
#msg #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px outset #000;
	width:150px;
	font:bold 12px verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#6D87B4;
	text-decoration:none;
}





	#menu_items {
		margin-top: 6px;
		margin-left: 0;
		padding-left: 0;
		border: 1px #DDD none;
	}
	#menu_items ul {
		margin-top: 0;
		margin-left: 0;
		padding-left: 0;
		/* border: 1px #DDD solid; */
	}
	#menu_items ul.cat0 {
		padding-left: 0;
		background-color:#fff;
		background-image: url(images/menubkgrd3.jpg);
		background-repeat: repeat-y;
		/* border: 1px #DDD solid; */
	}
	#menu_items ul.cat1 {
		/* padding-left: 7px; */
		background-color: #9CC;
		border: 1px #fff solid;
		/* display: none; */
	}
	#menu_items ul.cat1 li a {
		color: #333;
	}
	
	#menu_items li {
		/* display: block; */
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#menu_items li a {
		font-size: 10px;
		font-family: verdana,Tahoma,arial;
		font-weight: bold;
		color: #9CC;
		text-decoration: none;
		text-align: left;
		padding: 6px 1px 6px 8px;
		margin: 0 10px;
		display: block;
		/*		padding:4px; */
		border-top: 0px none;
		border-right: 0px none;
		border-left: 0px none;
		border-bottom: 1px #999 dotted;
	}
	
	#menu_items ul li a:hover {
		color: white;
		background-color: #3F5172;
		cursor:pointer;
	}
	
	#menu_items li a.here {
		color: #fff;
		background-color: #3F5172;
		border: 1px #036 solid;
	}