body {
	background:#fff url("images/bg_page.jpg") no-repeat;
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	*behavior: url(csshover3.htc);
    *font-size: 100%;
}
#main {
	position:relative;
	background:url("images/main_top.png") no-repeat;
	margin:0 auto;
	width:960px;
}
#header {
	position:relative;
	height:507px;
}
#header #clayfieldcollege {
	position:absolute;
	left:15px;
	top:23px;
	width:310px;
	height:30px;
}
#header #logo {
	position:absolute;
	left:435px;
	top:1px;
	width:90px;
	height:90px;
}
#header #contactus {
	position:absolute;
	left:630px;
	top:60px;
	width:300px;
	text-align:right;
	color:#ccc;
}
#header #contactus a{
	font-size:12px;
	color:#ccc;
	text-decoration:none;
}
#header #contactus a:hover{
	color:#fff;
}
#header #search {
	position:absolute;
	left:686px;
	top:22px;
	width:258px;
	height:31px;
	background:url("images/top_bg_search_new.png") no-repeat;
}
#header #search input{
	position:absolute;
	left:6px;
	top:6px;
	width:224px;
	height:21px;
	background:transparent;
	border:0;
	padding:0 0 0 4px;
	margin:0;
	font-size:12px;
	color:#fff;
}
#header #search #searcharrow a{
	position:absolute;
	left:235px;
	top:8px;
	width:17px;
	height:17px;
	background:url("images/top_searcharrow_f1_new.png") no-repeat;
}
#header #search #searcharrow a:hover{
	background:url("images/top_searcharrow_f2_new.png") no-repeat;
}
#header #international a {
	position:absolute;
	left:33px;
	top:60px;
	width:310px;
	height:30px;
	background:url("images/top_searcharrow_f1_new.png") no-repeat;
	padding:2px 0 0 23px;
	font-size:12px;
	color:#ccc;
	text-decoration:none;
}
#header #international a:hover {
	background:url("images/top_searcharrow_f2_new.png") no-repeat;
	color:#fff;
}
#navbar {
	position:absolute;
	background:url("images/navbar_bg.png") no-repeat;
	left:20px;
	top:99px;
	width:920px;
	height:60px;
}
#hero {
	position:absolute;
	left:20px;
	top:168px;
	width:690px;
	height:340px;
	overflow:hidden;
}	
#hero ul li {
	position:absolute;
	left:0;
	top:0;
	width:920px;
	height:476px;
	overflow:hidden;
}	
#home_box1{
	position:absolute;
	left:21px;
	top:660px;
	width:218px;
	height:194px;
	overflow:hidden;
}
#home_box2{
	background:url("images/home_box2_bg.jpg") no-repeat;
	position:absolute;
	left:251px;
	top:660px;
	width:218px;
	height:194px;
	overflow:hidden;
}
#home_box3{
	position:absolute;
	left:481px;
	top:660px;
	width:228px;
	height:194px;
	overflow:hidden;
}
#home_box4{
	position:absolute;
	left:721px;
	top:660px;
	width:218px;
	height:194px;
	overflow:hidden;
}
#home_box1 li,
#home_box2 li,
#home_box3 li,
#home_box4 li {
	font-family:verdana;
	font-size:11px;
	color:#00254D;
	line-height:100%;
	font-weight:normal;
}
#home_box1 h2,
#home_box2 h2,
#home_box3 h2,
#home_box4 h2 {
	font-family:georgia,serif;
	font-size:18px;
	color:#0A382C;
	line-height:100%;
	font-weight:normal;
}
#home_box1 p,
#home_box2 p,
#home_box3 p,
#home_box4 p {
	font-family:verdana;
	font-size:11px;
	margin:10px 0 0 0;
	color:#00254D;
	line-height:140%;
	font-weight:normal;
}
#home_box4 p {
	color:#3B6056;
}
#home_box4 p a{
	color:#3B6056;
	text-decoration:none;
}
#home_box4 input {
	width:198px;
	border:1px solid #9DAFAB;
}
#home_box1 div.link a,
#home_box2 div.link a,
#home_box3 div.link a,
#home_box4 div.link a {
	position:absolute;
	left:10px;
	top:160px;
	width:220px;
	height:27px;
	background:url("images/home_arrow_f1.png") no-repeat;
	font-family:verdana;
	font-size:12px;
	color:#00254D;
	text-decoration:none;
}
#home_box2 div.link a{
	color:#fff;
	background:url("images/home_arrow_box2_f1.png") no-repeat;
}
#home_box1 div.link a:hover,
#home_box3 div.link a:hover,
#home_box4 div.link a:hover {
	background:url("images/home_arrow_f2.png") no-repeat;
}
#home_box2 div.link a:hover {
	background:url("images/home_arrow_box2_f2.png") no-repeat;
}
#home_box1 div.link a span,
#home_box2 div.link a span,
#home_box3 div.link a span,
#home_box4 div.link a span{
	float:left;
	padding:7px 0 0 34px;
	*height:27px;
}
#home_eventbox {
	display:block;
	width:460px;
	height:95px;
	position:absolute;
	left:480px;
	top:520px;
	z-index:2147483647;
}
#home_eventbox h2{
	font-family:georgia,serif;
	font-size:28px;
	color:#fff;
	line-height:100%;
	font-weight:normal;
	margin:-5px 0 5px 0;
}
#home_eventbox p {
	width:300px;
	font-family:verdana;
	font-size:11px;
	margin:0;
	color:#fff;
	line-height:140%;
	font-weight:normal;
}
#home_eventbox div.link a {
	position:absolute;
	left:324px;
	top:56px;
	width:100px;
	*height:27px;
	background:url("images/top_searcharrow_f1_new.png") no-repeat right center;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	margin:0;
	padding:10px 23px 10px 0;
	text-align:right;
	color:#fff;
	*background-position:100% 8px;
}
#home_eventbox div.link a:hover {
	background:url("images/top_searcharrow_f2_new.png") no-repeat right center;
	*background-position:100% 8px;
}
#home_eventbox.yellow div.link a {
	background:url("images/top_searcharrow_f2_new.png") no-repeat right center;
}
#home_eventbox.yellow div.link a:hover {
	background:url("images/top_searcharrow_f1_new.png") no-repeat right center;
}
 
#breakout{
	position:absolute;
	left:720px;
	top:167px;
	width:220px;
	height:340px;
	background:url("images/temp_breakout.png") no-repeat;
}
#breakout h2{
	display:block;
	width:150px;
	height:320px;
	overflow:hidden;
	font-family:georgia,serif;
	font-size:18px;
	color:#fff;
	line-height:135%;
	font-weight:normal;
	padding:10px 10px 10px 20px;
	font-style:italic;
}
#main_content {
	position:relative;
	background:url("images/main_bottom.png") no-repeat;
	background-position:center bottom;
	margin:0 auto;
	width:960px;
}
#left {
	position:absolute;
	left:10px;
	top:15px;
	width:240px;
	padding-bottom:14px;
	background:url("images/left_bottom.png") no-repeat;
	background-position:bottom center;
	*padding-bottom:13px;
}
#leftpadding {
	background:url("images/left_bg.png") repeat-y;
	padding:0 10px 0 10px;
}
#right {
	position:absolute;
	left:710px;
	top:15px;
	width:240px;
	padding-bottom:14px;
	background:url("images/right_bottom.png") no-repeat;
	background-position:bottom center;
	*padding-bottom:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#rightpadding {
	background:url("images/right_bg.png") repeat-y;
	padding:0 10px 0 10px;
}
#right h2{
	font-family:georgia,serif;
	font-size:18px;
	margin:0 0 8px 0;
	color:#0A382C;
	line-height:100%;
	font-weight:normal;
}
#right ul{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #e5e5e5;
}
#right ul li {
	width:178px;
	border-top:1px solid #e5e5e5;
	padding:5px 0 5px 22px;
	background:url("images/pdf.png") no-repeat;
	background-position:0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#right ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#666;
}
#right ul li a.active{
	color:#0A382C;
}
#right ul li a:hover{
	color:#0A382C;
}
div.bg_topright{
	background:url("images/right_bg_topright.png");
	background-position:top right;
	background-repeat:no-repeat;
}
div.bg_bottomleft{
	background:url("images/right_bg_bottomleft.png");
	background-position:bottom left;
	background-repeat:no-repeat;
}

#content {
	width:480px;
	margin:0 auto;
	background:url("images/content_bottom.png") no-repeat;
	background-position:bottom center;
	padding-bottom:14px;
	*padding-bottom:13px;
}
#contentpadding {
	background:url("images/content_bg.png") repeat-y;
	padding:15px 20px 14px 20px;
	min-height:500px;
	_height:500px;
}
#footer {
	margin:0 auto;
	width:960px;
}
#footer div.footer_top {
	background:url("images/footer_bg_top.png") no-repeat;
	background-position:center top;
}
#footer div.footer_bottom {
	background:url("images/footer_bg_bottom.png") no-repeat;
	background-position:center bottom;
}
#footer #footer_text{
	text-align:center;
	color:#666;
	padding:32px 0 20px 0;
	line-height:120%;
	font-size:11px;
}
#footer #footer_text a{
	color:#666;
	text-decoration:none;
}
#footer #footer_text a:hover{
	color:#000;
}
#footer #d10 {
	padding:10px 0 30px 900px;
}
#footer #d10 a{
	display:block;
	background:url("images/footer_d10_f1.png") no-repeat;
	width:38px;
	height:31px;
}
#footer #d10 a:hover{
	background:url("images/footer_d10_f2.png") no-repeat;
}
#footer #d10 a span{
	display:none;
}
#footer #footer_links ul{
}
#footer #footer_links ul li{
	float:left;
}
#footer_international{	
	padding:2px 29px 17px 49px;
}
#footer_international a{	
	display:block;
	background:url("images/footer_international_f1.png") no-repeat;
	width:65px;
	height:88px;
}
#footer_international a:hover{
	background:url("images/footer_international_f2.png") no-repeat;
}
#footer_international a span{
	display:none;
}
#footer_aquatics {
	padding:7px 31px 26px 0;
}
#footer_aquatics a{
	display:block;
	background:url("images/footer_aquatics_f1.png") no-repeat;
	width:89px;
	height:74px;
}
#footer_aquatics a:hover{
	background:url("images/footer_aquatics_f2.png") no-repeat;
}
#footer_aquatics a span{
	display:none;
}
#footer_music {
	padding:7px 30px 26px 0;
}
#footer_music a{
	display:block;
	background:url("images/footer_music_f1.png") no-repeat;
	width:75px;
	height:74px;
}
#footer_music a:hover{
	background:url("images/footer_music_f2.png") no-repeat;
}
#footer_music a span{
	display:none;
}
#footer_care {
	padding:4px 23px 15px 0;
}
#footer_care a{
	display:block;
	background:url("images/footer_care_f1.png") no-repeat;
	width:107px;
	height:99px;
}
#footer_care a:hover{
	background:url("images/footer_care_f2.png") no-repeat;
}
#footer_care a span{
	display:none;
}
#footer_directory {
	padding:0 31px 15px 0;
}
#footer_directory a{
	display:block;
	background:url("images/footer_directory_f1.png") no-repeat;
	width:90px;
	height:92px;
}
#footer_directory a:hover{
	background:url("images/footer_directory_f2.png") no-repeat;
}
#footer_directory a span{
	display:none;
}
#footer_riskalert {
	padding:0px 28px 28px 0;
}
#footer_riskalert a{
	display:block;
	background:url("images/footer_riskalert_f1.png") no-repeat;
	width:74px;
	height:81px;
}
#footer_riskalert a:hover{
	background:url("images/footer_riskalert_f2.png") no-repeat;
}
#footer_riskalert a span{
	display:none;
}
#footer_sportscaptured {
	padding:2px 30px 11px 0;
}
#footer_sportscaptured a{
	display:block;
	background:url("images/footer_sportscaptured_f1.png") no-repeat;
	width:58px;
	height:89px;
}
#footer_sportscaptured a:hover{
	background:url("images/footer_sportscaptured_f2.png") no-repeat;
}
#footer_sportscaptured a span{
	display:none;
}
#footer_tennis {
	padding:2px 0 11px 0;
}
#footer_tennis a{
	display:block;
	background:url("images/footer_tennis_f1.png") no-repeat;
	width:79px;
	height:76px;
}
#footer_tennis a:hover{
	background:url("images/footer_tennis_f2.png") no-repeat;
}
#footer_tennis a span{
	display:none;
}

/* NORMAL STUFF */
#content h1 {
	font-family:georgia,serif;
	font-size:22px;
	margin:0 0 16px 0;
	color:#0A382C;
	line-height:100%;
	font-weight:bold;
}
#content h2 {
	font-family:georgia,serif;
	font-size:18px;
	margin:0 0 16px 0;
	color:#0A382C;
	line-height:100%;
	font-weight:normal;
}
#content h3 {
	font-size:14px;
	margin:0;
	color:#666;
	line-height:22px;
	font-weight:normal;
}
#content h4 {
	font-size:14px;
	margin:0 0 8px 0;
	color:#666;
	font-weight:bold;
}
#content h5 {
	font-size:11px;
	margin:0 0 8px 0;
	color:#666;
	font-weight:bold;
}
#content p,
#content ul,
#content ol{
	font-size:11px;
	margin-bottom:16px;
}
#content p {
	line-height:120%;
}
#content a {
	color:#0A382C;
	text-decoration:underline;
}
#content b,
#content strong{
	font-weight:bold;
}
#content i,
#content em{
	font-style: italic;
}
#content ol {
	list-style:decimal;
	margin-left:32px;
}
#content ul {
	list-style:disc;
	margin-left:32px;
}
#content ul li,
#content ol li {
	margin:0 0 4px 0;
	line-height:120%;
}
#content input,
#content textarea,
#content select,
#content option {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
#content hr {
	/* for pnf area */
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 12px 0 6px 0;
}

/* tables */
#content table{
	width:440px;
	margin-bottom:8px;
}
#content table tr th{
	background:#0A382C;
	color:#fff;
	vertical-align:bottom;
	line-height:100%;
	padding:5px;
	text-align:left;
	font-size:11px;
}
#content table tr td{
	margin:0;
	vertical-align:top;
	padding:5px;
	text-align:left;
	border-bottom:1px solid #ccc;
	font-size:11px;
}
#content table tr td a{
	color:#0A382C;
}
#content table tr th.nobordertop,
#content table tr td.nobordertop{
	border-top:none;
}
#content table tr th.noborderbottom,
#content table tr td.noborderbottom {
	border-bottom:none;
}
#content table tr.borderbottom td,
#content table tr td.borderbottom{
	border-bottom:1px solid #0A382C;
}
#content table tr.bordertop td,
#content table tr td.bordertop{
	border-top:1px solid #0A382C;
}
#content table tr.odd td,
#content table tr td.odd{
	background:#E5F0F1;
}
#content table tr.subhead th,
#content table tr.subhead td,
#content table tr th.subhead,
#content table tr td.subhead {
	background:#F6ECCE;
	font-weight:bold;
	color:#000;
	border-top:1px solid #fff;
	border-bottom:1px solid #006D75;
}

/* site map */
#content #sitemap ul {
	list-style:none;
	margin:0;
}
#content #sitemap ul li{
	list-style:none;
	margin:0 0 8px 0;
	background:none;
	padding:0;
}
#content #sitemap ul li a{
	color:#000;
	text-decoration:none;
}
#content #sitemap ul li ul{
	margin:8px 0 0 32px;
}

/* breadcrumb */
#breadcrumb{
	color:#666;
	font-size:11px;
	margin:0 0 16px 0;
}
#breadcrumb a{
	color:#458387;
	text-decoration:none;
}
#breadcrumb a:hover{
	text-decoration:underline;
}

/* publications */
#publications ul {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #e5e5e5;
}
#publications ul li {
	width:420px;
	border-top:1px solid #e5e5e5;
	margin:0;
	padding:4px 4px 4px 0;
	/*padding:4px 0 4px 20px;*/
	/*background:url("images/pdf.png") no-repeat;*/
	/*background-position:0 4px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
#publications ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#333;
}
#publications ul li a.active{
	color:#0A382C;
}
#publications ul li a:hover{
	color:#0A382C;
}
.home #publications ul li {
	width:188px;
}
.home #publications ul {
	border:0;
}
.home #publications ul li.firstchild{
	border:0;
}

/* three menus - top, left, footer */
#navbar {
	*float:left;
	z-index:999;
}
#navbar ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	*float:left;
}
#navbar ul li{
	display:inline-block;
	position: relative;
	width:115px;
	*float:left;
}
#navbar ul li ul{
	width:218px;
	height:auto;
	position: absolute;
	top:60px;
	left:0px;
	background:#fff url("images/navbar_bg_bottom.png") no-repeat;
	background-position:bottom center;
	padding:1px;
	display: none;
	*width:220px;
	*padding:0;
}
#navbar ul li.item8 ul{
	left:-105px;
}
#navbar ul li.item8 ul li ul{
	left:0;
}
#navbar ul li:hover ul{
	display: block;
}
#navbar ul li ul li{
	position:relative;
	width:218px;
	left:0;
}
#navbar ul li ul li ul{
	display:block;
	position:relative;
	left:0;
	top:0;
	padding:0;
	border:0;
	width:218px;
	background:none;
}
#navbar ul li ul li ul li{
	background:none;
	position:relative;
	top:0;
}
#navbar ul li ul li.last{
	padding-bottom:3px;
	border-bottom:5px solid #00254D;
}
#navbar ul li ul li ul li.last{
	padding-bottom:0;
	border-bottom:none;
}

#navbar ul li a{
	font-family:georgia,serif;
	font-size:15px;
	text-decoration:none;
	color:#fff;
	width:115px;
	height:60px;
	display: table-cell;
	text-align:center;
	vertical-align: middle;
	line-height:120%;
	*display:block;
	*padding-top:8px;
}
#navbar ul li:hover>a{
	color:#FFD000;
	background:url("images/navbar_triangle.png") no-repeat;
	background-position:bottom center;
}
#navbar ul li ul li:hover>a{
	color:#000;
}
#navbar ul li a.active{
	color:#FFD000;
}
#navbar ul li a:hover{
	color:#FFD000;
}
#navbar ul li ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	display:block;
	padding:5px 0 5px 0;
	margin:0 0 0 8px;
	width:200px;
	height:auto;
	text-align:left;
	vertical-align:top;
	background:none;
	border-bottom:1px solid #e5e5e5;
}
#navbar ul li ul li a.active{
	color:#0A382C;
}
#navbar ul li ul li a:hover{
	color:#0A382C;
}
#navbar ul li ul li ul li a{
	display:block;
	height:auto;
	border:0;
	color:#999;
	width:192px;
	padding:5px 0 5px 8px;
	margin:0 0 0 8px;
	border-bottom:1px solid #e5e5e5;
}
#navbar ul li ul li ul li a.active{
	color:#0A382C;
}
#navbar ul li ul li ul li a:hover{
	color:#0A382C;
}
#navbar h2{
	font-family:georgia,serif;
	font-size:18px;
	color:#0A382C;
	line-height:100%;
	font-weight:normal;
	display:block;
	padding:5px 0 5px 0;
	margin:0 0 0 8px;
	width:200px;
	border-bottom:1px solid #e5e5e5;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #e5e5e5;
}
#menu ul li{
	width:100%;
	border-top:1px solid #e5e5e5;
}
#menu ul li ul{
	border-bottom:0;
}
#menu ul li ul li{
}
#menu ul li ul li ul{
}
#menu ul li ul li ul li{
}
#menu ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#666;
	padding:5px 0 5px 0;
	display:block;
}
#menu ul li a.active{
	color:#0A382C;
}
#menu ul li a:hover{
	color:#0A382C;
}
#menu ul li ul li a{
	color:#999;
	margin-left:8px;
}
#menu ul li ul li a.active{
	color:#0A382C;
}
#menu ul li ul li a:hover{
	color:#0A382C;
}
#menu ul li ul li ul li a{
	color:#999;
	margin-left:16px;
}
#menu ul li ul li ul li a.active{
	color:#0A382C;
}
#menu ul li ul li ul li a:hover{
	color:#0A382C;
}
#menu h2 a{
	font-family:georgia,serif;
	font-size:18px;
	margin:0 0 8px 0;
	color:#0A382C;
	line-height:100%;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

/* footer menu */
#footer_menu {
	padding:20px 0 20px 20px;
}
#footer_menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer_menu ul li{
	width:105px;
	padding:0 10px 0 0;
	display:inline-block;
	vertical-align:top;
	*float:left;
}
#footer_menu ul li ul{
	padding:4px 0 0 0;
}
#footer_menu ul li ul li{
	display:block;
	padding:0 0 5px 0;
}
#footer_menu ul li ul li ul{
}
#footer_menu ul li ul li ul li{
	*width:87px;
	padding:0 0 5px 8px;
}
#footer_menu ul li a,
#footer_menu ul li a.lvl1{
	font-family:Georgia,serif;
	font-size:12px;
	text-decoration:none;
	color:#333;
	line-height:100%;
	diplay:block;
	padding-bottom:4px;
}
#footer_menu ul li a.active{
	color:#000;
}
#footer_menu ul li a:hover{
	color:#000;
}
#footer_menu ul li ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
#footer_menu ul li ul li a.active{
	color:#000;
}
#footer_menu ul li ul li a:hover{
	color:#000;
}
#footer_menu ul li ul li ul li a{
	color:#999;
}
#footer_menu ul li ul li ul li a.active{
	color:#000;
}
#footer_menu ul li ul li ul li a:hover{
	color:#000;
}