body {
     background-color: #999999;
     margin: 0 auto;
     font-size: 13px;
}

#page {
     margin: 0 auto;
     width: 748px;
     position: relative;
     top: 10px;
	 background-color: #FFFFFF;
	 border-width:1px;
	 border-color:#000000;
	 border-style:solid;
	 margin-bottom: 10px;
}

#header {
     background-image: url(../images/header_section.png);
     width: 748px;
     height: 90px;
}

#title {
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     text-align: left;
     position: relative;
     left: 25px;
     top: 15px;
}

#slogan {
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     text-align: left;
     font-size: 15px;
	 //font-weight: bold;
     position: relative;
     left: 27px;
     top: 15px; 
}

#wrapper {
     background-image: url(../images/bg_section.png);
     background-repeat: repeat-y;
     width: 750px;
     float: left; 
}

#exam {
     width: 700px;
     position: relative;
     float: left;
     font-family: Arial, Helvetica, sans-serif;
     padding-top: 0px;
     padding-right: 5px;
     padding-bottom: 5px;
     padding-left: 5px;  
}

#content {
     width: 700px;
     position: relative;
     float: left;
     font-family: Arial, Helvetica, sans-serif;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     padding-left: 25px;  
}

#content a:hover {
	 text-decoration:underline;
	 color:#660066;
}

#content a, a:visited {
	 text-decoration:none;
	 color: #000099;
}

#content-home {
     width: 700px;
     font-family: Arial, Helvetica, sans-serif;
     padding-top: 20px;
     padding-left: 20px;
	 padding-right: 10px;
     padding-bottom: 10px;
}

#content-home a:hover {
	 text-decoration:underline;
	 color: #660066;
}

#content-home a, a:visited {
	 text-decoration:none;
	 color: #000099;
}

#left-column {
	float: left;
	width: 210px;
	padding-right: 5px;
	padding-top: 0px;
	margin-top: 0px;
}

#right-column {
	float: right;
	width: 470px;
	padding-left: 5px;
	padding-top: 0px;
	margin-top: 0px;
}

#events-calendar {
	padding-bottom: 30px;
}

#events-recent {
	background-color: #E6E6E6;
	padding: 10px 10px 10px 10px;
}

#box-title {
    font-size:12px;
	font-weight:bold;
    text-align:center;
	border-bottom:solid;
	border-width:thin;
	padding-bottom: 2px;
}

#box-text {
    font-size: 12px;
	padding: 2px;
}


#menu-section {
	position:relative;
	left: 1px;
}

#box {
	width:140px;
	float:right;
	border: ridge;
	border-width: medium;
	padding: 5px;
    margin: 15px;
    font-family: Arial, Helvetica, sans-serif;	
}

#box-title {
    font-size:12px;
	font-weight:bold;
    text-align:center;
	border-bottom:solid;
	border-width:thin;
	padding-bottom: 3px;
}

#box-text {
    font-size: 12px;
	padding: 3px;
}

#footer {
	 position:relative;
     width: 748px;
     height: 110px;
     background-image: url(../images/footer_section.png);
	 background-repeat:no-repeat;
     clear: both; 	 
}

.copyright {
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     position: relative;
     width: 600px;	 
     top: 20px;
     left: 25px; 
}

#menu-footer {
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     position: relative;
     width: 650px;	 
     top: 20px;
     left: 25px; 
}

#menu-footer a:hover {
	 color:#660066;
	 text-decoration:underline;
}

#menu-footer a, a:visited {
	 text-decoration:none;
     color: #ffffff;	
}

.note {
	font-size: 12px;
}

#popup {
	 font-family: Arial, Helvetica, sans-serif;
     width: 380px;
	 background-color: #FFFFFF;
	 border-width:1px;
	 border-color:#000000;
	 border-style:solid;
	 padding: 10px;
}

#popup a:hover {
	 text-decoration:underline;
	 color: #660066;
}

#popup a, a:visited {
	 text-decoration:none;
	 color: #000099;
}

.section-head {
	 font-size: 18px;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
	 padding-top: 0px;
	 padding-bottom: 0px;
}