/* This is the style of your browser text */

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color:#004374;
	line-height: 1em;
}

h4 {
	padding-top: 8px;
	padding-bottom:8px;
	background-color:#311a00;
}
.access{
	position:absolute;
	left:0px; 
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

img {
	border: none;
}

ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 0;
	width: 1024px;
	height: 40px;
	background-color: transparent;
	/*font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;*/
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	float: left;
	margin: 0;	
	padding: 0; /*--Declare X and Y axis base--*/
}/*
ul.topnav li a.mus{
	padding: 5px 5px;
	color: #f00;
	display: block;
	text-decoration: none;
	float: left;
}*/
ul.topnav li a:hover{
	/*background: url(topnav_hover.gif) no-repeat center top;*/
}
ul.topnav li span { /*--Drop down trigger styles--*/
	/*width: 75px;*/
	height: 35px;
	float: left;
	/*background: url(subnav_btn.gif) no-repeat center top;*/
}
ul.topnav li span.subhover {
	background-position: center bottom; 
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 40px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #85c0ff url(images/dropdown_linkbg2.gif) no-repeat 10px center;
	padding:8px 0 8px 25px;
	font-size: 12px;
	font-weight: bold;
	color: #213750;
	text-decoration: none;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #5f8cbb url(images/dropdown_linkbg2.gif) no-repeat 10px center; 
	text-decoration: none;
	color: #fff;
}
/*#header img {
	margin: 20px 0 10px;
}*/

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}

.ClearFix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.ClearFormat {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
:first-child + html .ClearFix {
height:1%;
}
* html .ClearFix {
height:1%;
}

p, ul {
	line-height: 1.67em;
	list-style:none;
}

a {
	color: #004374;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	position:relative;
	top:0px;
	width: 1024px;
	height: 306px;
	margin: 0px auto;
	background-image:url(../images/header.jpg);
	z-index:999;
}

#headtext {
position:absolute;
top:105px;
left:15px;
}

#headtext p {
color:#FFFFFF;
}

#headtext a {
color:#FFFFFF;
}

#chat {
position:absolute;
left:675px;
top:30px;
background-image:url(../images/chat.png);
background-repeat:no-repeat;
width:313px;
height:112px;
}

#chat.chat_logoff
{
background-image:url(../images/chat_logoff.png);	
}

.username {
position:relative;
top:48px;
left:10px;
}

.password {
position:relative;
top:62px;
left:10px;
}
.logoff
{
	position:relative;
	top:35px;
	left:10px;
}

.entry {
width:100px;
height:12px;
font-size:10px;
}

.login {
position:relative;
top:42px;
left:125px;
}

.login2 {
position:relative;
top:-50px;
left:162px;
width:143px;
height:94px;
}
.login3 {
position:relative;
top:-75px;
left:162px;
width:143px;
height:94px;
}
/* Logo */



/* Menu */

#menu {width:1024px; height:40px; no-repeat 0 0px; position:absolute; bottom:0px; z-index:20}

.tabs {padding:0 0 0 10px; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.tabs li.top {display:block; float:left;}

.tabs li a.pos1 {background:url(../images/btn_0.png); background-repeat:no-repeat; width:110px; height:35px; display:block !important; text-align:center; padding-top:10px;} 

.tabs li.p1 {background:url(../images/btn_1.png); background-repeat:no-repeat}

.tabs li.current a.pos1,
.tabs li.current a.pos1:hover {background:url(../images/btn_2.png); background-repeat:no-repeat}

.tabs table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.tabs a:hover {visibility:visible; position:relative; z-index:200;}
.tabs li:hover {position:relative; z-index:200;}

.tabs li a.top_link:hover {background:transparent;} 
.tabs li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.tabs ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background-color:#FF0000;}

.tabs :hover ul {left:0; top:35px; background:url(../images/sub_back.gif); padding:0px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.tabs :hover ul li {display:block !important;; position:relative; font-weight:normal; width:auto;}
.tabs :hover ul li a {display:block !important;; font-size:12px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
.tabs :hover ul li a:hover {text-decoration:underline;}

/* Page */

#wrapper {
	background: #ffffff /*url(../images/bottombg.jpg)*/ repeat-x left bottom; z-index:0;
}

#page {
	position:relative;
	width: 1024px;
	margin: 0px auto;
	padding: 0;
	z-index:0;
}
#articlepage{
	padding-bottom:20px;
}
/* Content */

#search_box {
position:relative;
width: 264px;
height: 43px;
background: url(../images/bg_search_box.gif);
background-repeat:no-repeat;
left: 735px;
top:10px;
z-index:0;
}

#topcontent {
position:relative;
height:490px;
top:15px;
z-index:0;
}

#search_box #s {
float: left;
padding: 0;
margin: 8px 0 0 6px;
border: 0;
width: 165px;
background: none;
}

#search_box #go {
float: right;
margin: 0;
}

#left {
position:absolute;
top:0px;
left:0px;
width:490px;
height:400px;
z-index:0;
}

#left .content {
position:relative;
top:5px;
}

#middle {
position:absolute;
background-image:url(../images/newsbg.jpg);
background-repeat:no-repeat;
top:0px;
left: 495px;
width:277px;
height:400px;
z-index:0;
}

#middle .content {
position:relative;
top:115px;
width:230px;
left:16px;
}

#right {
position:absolute;
top:0px;
left: 775px;
height:400px;
z-index:0;
}

#right .content {
position:relative;
background-image:url(../images/catbg.jpg);
background-repeat:no-repeat;
top:40px;
width:226px;
height:350px;
}



#right h2 {
padding-left:18px;
}

.content {
	padding: 5px;
}
#right ul{
	margin-top:2px;
}

#right li {
position:relative;
left:-20px;
font-size:14px;
}

#right a {
text-decoration:none;
}


#bottomcontent {
position:relative;
height:380px;
}

.boxes {
position:relative;
color:#FFFFFF;
font-size:14px;
top:-10px;
}

.boxes a{
	text-decoration:none;
	color:#FFFFFF;
}

#blue {
position:absolute;
background-image:url(../images/bluebox.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
width:242px;
height:367px;
}

#blue .content {
position:relative;
top:15px;
width:190px;
left:15px;
}

#purple {
position:absolute;
background-image:url(../images/purplebox.jpg);
background-repeat:no-repeat;
top:0px;
left: 259px;
width:242px;
height:367px;
}

#purple .content {
position:relative;
top:15px;
width:190px;
left:15px;
}

#pink {
position:absolute;
background-image:url(../images/pinkbox.jpg);
background-repeat:no-repeat;
top:0px;
left: 519px;
width:242px;
height:367px;
}

#pink .content {
position:relative;
top:15px;
width:190px;
left:15px;
}

#greenyellow {
position:absolute;
background-image:url(../images/greenyellowbox.jpg);
background-repeat:no-repeat;
top:0px;
left: 778px;
width:242px;
height:367px;
}

#greenyellow .content {
position:relative;
top:3px;
width:190px;
left:13px;
height:130px;
}
#greenyellow .content .boxes{
top:-20px;
}

#greenyellow .content2 .boxes{
top:-20px;
}

#greenyellow .content2 {
position:relative;
top:46px;
width:190px;
left:13px;
}

/* Footer */

#wrapper2 {
	background: #311a00;
	background-image:url(../images/footer.jpg);
}

#footer {
	position:relative;
	width: 1024px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #FFFFFF;
	height:274px;
}

#footer a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 235px;
	padding-left: 25px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
	margin-bottom: 0px;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #573D30;
}

#footer li li a {
}

#footer h2 {
	margin-top: 0;
	color: #FFFFFF;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background: black;
}

#legal a {
	text-decoration: underline;
	color: #ffffff;
}

/*--------- Site Section Specific -------------*/
.pageHeading{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	/*letter-spacing: -.05em;*/
	letter-spacing: 0.5em;
	margin: 0;
	padding: 0;
	line-height: 1em;	
	font-size:20px;
}
.infoBoxHeading{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	/*letter-spacing: -.05em;*/
	letter-spacing: 0.5em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size:15px;
}
#coursebox {
	width:700px;
}
#coursebox_info{
	float:left;
	width:475px
}

#coursebox h1{
	display:none;
}

.btn_left{
	float:left;
}
.btn_right{
	float:right;
}


#ukiccs_box {
	width: 100%;
	height: 148px;
	background: url(../images/ukiccs_box.gif) center no-repeat;
	margin-top: 30px;
}

#ukiccs_link {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #07b;
	font-size: 14px;
	text-decoration: underline;	
}

.toplink {
clear:both;
line-height:12px;
margin-bottom:12px;
text-align:right;
}