html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img {

	margin: 0;
	padding: 0;
	border: 0;
	
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	
}
body {
	line-height: -25px;
	
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	
}
blockquote, q {
	
}

/*  \*/
* html .hollyhacked {
	height: 1%;
}
/*  */

.clearfix {
	display: inline;
	
}  /* for IE/Mac */



/******************************
		BASIC ELEMENTS
******************************/	

body {
	background: url(images/gradient_bkg.jpg) repeat-x;
	background-color:#708090;
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mainContent .mybuggyelement{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	
}

#searchContainer {
	background:url(images/gradient_bkg.jpg) repeat-x;
	position:relative;
	float:right;	 
	width: 250px;
}

#titleContainer {
	background-image:url(images/header.jpg);  
	background:url(images/gradient_bkg.jpg) repeat-x;
	background-color:#778695; 
}
#mainContainer {
	margin:10px auto;
	width:700px;
	font-size:12px;
	background-color: #101025;
	
}


#mainPic {
	background:#101025 url(images/mainPicture.jpg) no-repeat;
	
}
#mainNav {
	background-color:#032d55;
	
	
	
}

#sideNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding: 25px 25px 25px 60px;
	font-size: 26px;
	text-decoration: none;
	position:relative;
	top:-300px;
	

}
h2, h3 {
	color:#0066CC;
}

p {
	font-family:Arial, Helvetica, sans-serif;
}
#mainContent2 {
	background-color:#101025;
	width:700px;
	height:370px;
	overflow:auto;
	padding-bottom:5px;
}
#mainContent {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cccccc;
	width:340px;
	height:auto;
	line-height: normal; 
	margin-top:20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 40px;
	float:left;
	clear:both;
		 
}

/* right side info for home page*/
#sideText {
	position:relative;
	width:200px;
	top:-170px;
	float:left;
		
}
	
#sideBar {
	position:relative;
	float:right;
	display:inline;
	clear:both;
	overflow:hidden;
	margin-top:-360px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}

#sideBar1 {
	float:right;
	width:200px;
	height:145px;
	
} 
	
#sideBar2 {
	float:right;
	width:200px;
	height:145px;
	
}

#sideBarbox1 {
	background:url(images/sidebar1.gif) no-repeat;
	text-align:left;
	width:250px;
	margin-bottom:30px;  /*This is where you can put space between sideBarbox1 and sideBarbox2*/
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#sideBarbox2 {
	background:url(images/sidebar1.gif) no-repeat;
	text-align:left;
	width:250px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*side Navigation for all pages except home page*/
.sideNav{
width: 140px; /*width of menu*/
float:left;
margin:15px 15px 0 10px;  /*Change this to add space around sideNav*/

display: inline;
  /* Solution for bug IE6 */
  height:auto; 
}

.sideNav .headerbar{
font: bold 13px Verdana;
color: white;
background: #768cac;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.sideNav ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
display: inline;
display: block;
}

.sideNav ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
display: inline;
display: block;
}

.sideNav ul li a{
font: normal 12px Arial;
color: white;
background: #7292c3;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
display: inline;
display: block;
}


.sideNav ul li a:visited{
color: black;
display: inline;
display: block;
}

.sideNav ul li a:hover{ /*hover state CSS*/
color: white;
background: #609af1;
display: inline;
display: block;
}
/*PROGRAMS PAGE*/
#middleContent4 {
	position:relative;
	margin-top:-150px;
	right:-180px;
	float:left;
	clear:both;
	font-size:16px;
	display:inline;
	padding-bottom:5px;
	overflow:visible;
	width:400px;
	visibility: visible;
}
/*bod page*/

#middleContent3 {
	position:relative;
	margin-top:-100px;
	right:-180px;
	float:left;
	clear:both;
	font-size:16px;
	display:inline;
	padding-bottom:5px;
	overflow:visible;
	width:400px;
	visibility: visible;
}

/*aboutus page*/
#middleContent2 {
	position:relative;
	margin-top:-80px;
	right:-180px;
	float:left;
	clear:both;
	font-size:16px;
	display:inline;
	padding-bottom:5px;
	overflow:visible;
	width:400px;
	visibility: visible;
}


/*div for contact page*/
#middleContent {
	position:relative;
	margin-top:-60px;
	right:-180px;
	float:left;
	clear:both;
	font-size:16px;
	display:inline;
	padding-bottom:5px;
	overflow:visible;
	width:400px;
	visibility: visible;
	
}

/*div for table on programs page*/
#tableProgram  {
	/*float:right;*/
	width:700px;
	/*height:870px;*/
	top:-380px;
	clear:both;	
	margin:15px 0 0 0;  /*first number pushes sideNav, column1, and column2 down from the main navigation*/
}

#column1 {
	width:250px;
	float:left;
	margin-right:20px;
	font-size:10px;
}

#column2 {
	width:250px;
	float:left;
	font-size:10px;
}

/*footer nav and text*/
#footerNav {
	background:#768cac;
	margin:0 auto;
	padding-bottom: 1px;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	/*position:relative;
	float:left;*/
	clear:both;
	
}
#footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:12px;
	text-align:center;	
}