p {
	color: #181F4C;
	font-family: Verdana, arial, san-serif;
	font-size: 9pt;
	text-align: justify;
}

font {
	font-size: 10px;
	font-family: Verdana, arial, san-serif;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6{
	color: #181F4C;
}
   
td.athletics { color: #181F4C;}
   
h1.ms{ font-size: } 
h2.ms{ font-size: }
h3.ms{ font-size: 1.4em;
	   color: #181F4C;}
h4.ms{ font-size: }
h5.ms{ font-size: 1.2em;
       color: #181F4C;} 
h6.ms{ font-size: }   

h1.main{ font-size: } 
h2.main{ font-size: }
h3.main{ font-size: 2em;
		 color: #181F4C;}
h4.main{ font-size: 1.8em;
		 color: #181F4C;}
h5.main{ font-size: 1.2em;
		 color: black;} 
h6.main{ font-size: 1.0em;
		 color: black; }
   
ul{
	list-style-type: square;
	font-size: 10px;
	font-family: Verdana, arial, san-serif;
	/* text-align: justify; */
}

li {
	list-style-type: square;
	font-size: 10px;
	font-family: Verdana, arial, san-serif;
	/*text-align: justify;*/
}
   
li a:link, a:visited  {
	color: #ECBD00;
	text-decoration: underlined;
	font-weight: bold;
}

li a:hover {
	color: #181F4C;
	text-decoration: underlined;
	font-weight: bold;
}

body {
	background: #ffffff url('http://www.lbhc.edu/images/bodyback2.jpg') top repeat-x;
	margin:0;
	padding:0;
	text-align: center;
	font-size: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: verdana, arial, san-serif;
}	

    a:link, a:visited {color: #ECBD00; padding: 0 2px; font-size: 10px; font-weight: bold;}  
    a:hover { color: #8994D3;}		

#wrapper { /* also holds the left "sliding" tab */
	background: #ffffff; 
	text-align: left;
	width: 1001px; /* this can fixed or fluid */
	/* margin: 0 auto;  NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	text-align: left;
	border: 1px solid #181F4C;
}
#wrapper2 { /* also holds the left "sliding" tab */
	background: #ffffff; 
	text-align: left;
	width: 1001px; /* this can fixed or fluid */
	height: 900px;
	/* margin: 0 auto;  NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	text-align: left;
	border: 1px solid #181F4C;
}

#header, #navbar, #subnav,#footer {
	clear: both; 
	width: 100%;
}

	/* header styles */
#header {
	color: #fc0;
	font-family: papyrus,verdana, arial, san-serif; 
	font-size: 8px;
	text-align: top;
	background: #181F4C;
	/* #ffffff url('http://www.lbhc.edu/images/header.jpg') right repeat-x;*/
	height: 149px;
}

#navbar {
	background: #181F4C; 
	color: #fc0;
	font-size: 9px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 6px;
	height: 16px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: bold;
}
	
#navbar a:link {
	color: #fc0;
	text-decoration: none;
}

#navbar a:hover {
	color: #fc0;
	text-decoration: none;
}
	
#navbar a:visited {
	color: #fc0;
	text-decoration: none;
}	

#subnav{
	background: #ffffff url('http://www.lbhc.edu/images/subnav.jpg') right repeat-x; 
	border-bottom: 1px solid #181F4C;
	text-align: right;
}
	
	/* column container */
	.colmask {
		clear:both;
		/* float:left; */
		width:100%;				/* width of page */
		overflow:hidden; 
		position: relative;
		
	}
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden; 
	}
	
	.col2_v2 {
		float:left;
		position:relative;
		padding:.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden; 
		height: 500px;
	}

	}
	

	/* 3 Column settings */
	.threecol{
		background: #ffffff url('http://www.lbhc.edu/images/allbg.jpg') bottom right repeat-x;
	}
	
	.threecol .colmid {
		right:20%;				/* width of the right column */
		background: #ffffff url('http://www.lbhc.edu/images/allbg.jpg') bottom right repeat-x; 	/* center column background colour */
		border-right:1px solid #181F4C; 
	}
	
	.threecol .colleft {
		right:60%;				/* width of the middle column */
		background: #ffffff url('http://www.lbhc.edu/images/allbg.jpg') bottom right repeat-x;   /* url('images/leftbg2.jpg') top right repeat-y; */  		/* left column background colour */
		border-right:1px solid #181F4C; 
	} 
	
	.threecol .col1 {
		width:58%;				/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	
	.threecol .col2 {
		width:18%;				/* Width of left column content (column width minus padding on either side) */
		left:23%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	
	.threecol .col3 {
		width:18%;				/* Width of right column content (column width minus padding on either side) */
		left:85%;				/* Please make note of the brackets here:
				(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		/* background: #ffffff;   url('images/rightbg2.jpg') top left repeat-y;  */
		/* padding-left: 11px; */
		/* padding-right: 11 px; */
	}
	
	.menuitem {
		color: #758642;
		margin-top: 10px;
		border-top: 0 none;
		border-right: 0 none;
		border-bottom: 1px dotted #181F4C;
		border-left: 0 none;
		/* width: 15% */
		position: relative;

	}

	.menuitem a:link {
		color: #181F4C;
		text-decoration: none;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
	}

	.menuitem a:visited {
		color: #181F4C;
		text-decoration: none;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
	}	
	
	.menuitem a:hover {
		color: #ECBD00;
		text-decoration: none;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
	}

	.item {
		padding-top: 10px;
		background: #FFFFFF;
		color: black;
		width: 579.9px;
		min-height: 270px;
		float: left;
		font-size: 9px;
		font-family: verdana, tahoma, arial, sans-serif;
		margin-bottom: 40px;
	}

	.middlep {
		padding-top: 10px;
		background: #FFFFFF;
		color: black;
		width: 579.9px;
		min-height: 270px;
		float: left;
		font-size: 9px;
		font-family: verdana, tahoma, arial, sans-serif;
	
	}

	.midpright {
		padding-top: 10px;
		background: #FFFFFF;
		color: black;
		width: 230px;
		min-height: 270px;
		float: left;
		font-size: 9px;
		font-family: verdana, tahoma, arial, sans-serif;
	
	}

	.midpleft {
		padding-top: 10px;
		background: #FFFFFF;
		color: black;
		width: 346px;
		min-height: 270px;
		float: left;
		font-size: 9px;
		font-family: verdana, tahoma, arial, sans-serif;
		border: none;
	}

	.midpleftpic {
		width: 324px;
	}

	.midpleftitem {
		padding: 10px;
		background: #FFFFFF;
		color: black;
		width: 304px;
		float: left;
		font-size: 9px;
		font-family: verdana, tahoma, arial, sans-serif;
		border: 1px solid gray;
	}

	.midpleftitem a:link {
		color: #181F4C;
		text-decoration: none;
		font-size: 12px;
		font-family: verdana;
		font-weight: bold;
	}

	.midpleftitem a:visited {
		color: #181F4C;
		text-decoration: none;
		font-size: 12px;
		font-family: verdana;
		font-weight: bold;
	}	
	
	.midpleftitem a:hover {
		color: #8994D3;
		text-decoration: none;
		font-size: 12px;
		font-family: verdana;
		font-weight: bold;
	}
	
	.infoBox {
		width: 235px;
		height: 330px;
		border: none;
		float: right;
		
	}
	
	.infoTop {
		min-width: 235px;
		height: 30px;
		float: left;
		background: #FFFFFF url('http://www.lbhc.edu/images/ibtop.jpg') top left no-repeat;
	}
	
	.info {
		background: #FFFFFF url('http://www.lbhc.edu/images/plentycoups.jpg'); 
		color: #181F4C;
		width: 223px;
		height: 300px;
		float: left;
		font-size: 9px;
		font-family: verdana, tahoma, arial, sans-serif;
		font-weight: bold;
		padding: 6px;
		
	}
          
	.pic {
		background: #FFFFFF; 
		color: gray;
		width: 332px;
		float: left;
		font-size: 9px;
		text-align: justify;
		font-family: verdana, tahoma, arial, sans-serif;
		font-weight: bold;
	}

	.pictext {
		background: #FFFFFF; 
		width: 330px;
		float: left;
		font-size: 9px;
		text-align: justify;
		font-family: verdana, tahoma, arial, sans-serif;
		font-weight: bold;
	}

	.news {
		width: 167px;
		margin: 6px;
		padding: 6px;
		font-size: 9px;
		float: left;
	}
	
	.rightitem {
		color: #181F4C;
		font-size: 10px;
		font-family: verdana;
		margin-top: 10px;
		margin-bottom:10px;
		padding-left: 10px; 
		border-bottom:  1px dashed gray;
		width: 100%;
		position: relative;
	}
	
	.rightitem a:link {
		color: #ECBD00;
		text-decoration: underlined;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
	}

	.rightitem a:visited {
		color: #ECBD00;
		text-decoration: underlined;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
	}	
	
	.rightitem a:hover {
		color: #8994D3;
		text-decoration: underlined;
		font-size: 10px;
		font-family: verdana;
		font-weight: bold;
	}
	
	/* Show only to IE PC \*/
	* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

	.sidebox {
		margin: 0 auto; /* center for now */
		width: 27em; /* ems so it will grow */
		background: url('http://www.lbhc.edu/images/sbbody-r.gif') no-repeat bottom right;
		font-size: 100%;
	}
	.boxhead {
		background: url('http://www.lbhc.edu/images/sbhead-r.gif') no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead h2 {
		background: url('http://www.lbhc.edu/images/sbhead-l.gif') no-repeat top left;
		margin: 0;
		padding: 22px 30px 5px;
		color: #ECBD00; 
		font-weight: bold; 
		font-size: 1.6em; 
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	}
	
	.boxbody {
		background: url('http://www.lbhc.edu/images/sbbody-l.gif') no-repeat bottom left;
		margin: 0;
		padding: 5px 30px 31px;
	}
	
	.sidebox2 {
		margin: 0 auto; /* center for now */
		width: 1025px; /* ems so it will grow */
		background: url('http://www.lbhc.edu/images/sbbody2-r.gif') no-repeat bottom right;
		font-size: 100%;
	}
	
	.boxhead2{
		background: url('http://www.lbhc.edu/images/sbhead2-r.gif') no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead2 h2 {
		background: url('http://www.lbhc.edu/images/sbhead2-l.gif') no-repeat top left;
		margin: 0;
		padding: 22px 30px 5px;
		color: #ECBD00; 
		font-weight: bold; 
		font-size: 1.6em; 
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	}
	.boxbody2 {
		background: url('http://www.lbhc.edu/images/sbbody-l.gif') no-repeat bottom left;
		margin: 0;
		padding: 5px 30px 31px;
	}

	/* Footer styles */
	#footer {
		height: 20px;
		padding-top: 5px;
		font-family: verdana;
		font-size: 10px;
		text-align: center;
		color: #fc0;
		background: #181F4C;
	}

#wrapper {
	position: relative;
	z-index: 500;
}