@charset "utf-8";
/* CSS Document */

body {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #0a5773;
	background-image: url(images/bg_02.png);
	background-repeat: repeat-x;
}

#wrapper {
	width: 100%;
	margin: 0px auto;
	}
	
#container {
	width: 978px;
	margin: 0px auto;
	}
	
#space {
	width: 978px;
	height: 37px;
	}
	
#clear {
	clear: both;
	}
	
	
/**************************** NAV / HEADER / BODY *******************************/
#nav {
	width: 978px;
	height: 42px;
	}
	
#top {
	width: 978px;
	height: 37px;
	background: url(images/top_12.jpg) no-repeat;
	}
	
#bottom {
	width: 978px;
	height: 26px;
	background: url(images/bottom_22.jpg) no-repeat;
	}
	
#header {
	width: 978px;
	height: 248px;
	background: url(images/header_13.jpg) no-repeat;
	}
	
#buttons {
	width: 200px;
	padding-top: 190px;
	padding-left: 795px;
	}
	
#body-bg {
	width: 978px;
	margin: 0px auto;
	background: url(images/body-bg_19.jpg) repeat-y;
	}
	
#body {
	width: 930px;
	margin: 0px auto;
	padding-top: 7px;
	}
	
#column-left {
	width: 650px;
	float: left;
	}
	
#column-right {
	width: 274px;
	float: right;
	}
	
	
/**************************** NOTICE BOARD *******************************/
#notice-title {
	width: 274px;
	height: 80px;
	background: url(images/notice-title_20.png) no-repeat;
	}
	
#notice-bg {
	width: 274px;
	height: 208px;
	background: url(images/notice-bg_24.png) no-repeat;
	}
	
#notice-content {
	width: 220px;
	height: 130px;
	font-size: 14px;
	margin: 0px auto;
	text-align: justify;
	}
	
	
/**************************** PAGE BLUE *******************************/
#pageblue-container {
	width: 978px;
	margin: 0px auto;
	background: url(images/pageblue-bg_26.jpg) repeat-y;
	}

#pageblue-bottom {
	width: 978px;
	height: 21px;
	background: url(images/pageblue-bottom_28.jpg) no-repeat;
	}
	
#pageblue-content {
	width: 900px;
	margin: 0px auto;
	padding-top: 10px;
}

#p-column1 {
	width: 280px;
	float: left;
	padding-right: 20px;
	}
	
#p-column2 {
	width: 280px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#p-column3 {
	width: 280px;
	float: right;
	padding-left: 20px;
	}
	
	
/**************************** FOOTER *******************************/
#footer {
	width: 978px;
	height: 70px;
	margin: 0px auto;
	}
	
#footer-content {
	width: 978px;
	padding-top: 10px;
	color: #FFFFFF;
	font-size: 10px;
	}
	
a.footer:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.footer:hover {
	text-decoration: underline;
}
a.footer:active {
	text-decoration: none;
}
	

/**************************** TEXT STYLES *******************************/
.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #117770;
	}
	
.sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #015c80;
	}
	
.tag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	}
	
.blue-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFFFFF;
	}
	
.footer {
	color: #c1edff;
	font-weight: bold;
	}
	
a.read:link {
	color: #333333;
	text-decoration: none;
}
a.read:visited {
	text-decoration: none;
	color: #333333;
}
a.read:hover {
	text-decoration: underline;
}
a.read:active {
	text-decoration: none;
}