
body {
	background: #DFF3FD;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom : auto;	
	text-align:center;
	color:#58595B;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height: 16px;
	font-weight:regular;
	
}

div{
	display:block;
}


#content ul{
	padding:10px 15px;
}
#content li{
	margin-bottom:8px;
}
#content a{
        text-decoration:underline;
        color:#58CBF5;
}

#leftnav_container{
	width:130px;
} 

#title h1{
	font-family:"Century Gothic",arial,helvetica,sans-serif;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	font-size:28px;
	line-height:32px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-top:0px;
}

#content h2{
        font-family:"Century Gothic",arial,helvetica,sans-serif;
        text-align:left;
        font-weight:bold;
        font-size:14px;
        margin:0px;
        padding:0px;
        margin-top:20px;
	margin-bottom:3px;
}

.home_news{
	color:#FFFFFF;
}

#main {
	width: 982px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom : auto;
	position:relative;
	text-align:left;
}

#main #head {
	width: 982px;
	height: 152px;
	background-color:#FFFFFF;
	background-image:url('gfx/headerbg.jpg');
	position:relative;
	background-repeat:no-repeat;
}

#main #head #logo {
	top:42px;
	left:20px;
	position: absolute;
}

#main #head #toptabs {
	height:43px;
	width: 560px;
	text-align:right;
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
}


#main #head #toptabs .tab_on {
		background-image:url('gfx/toptab.png');
		width: 136px;
	height:43px;
	float:left;
	color:#F9ED32;
	font-family:"Century Gothic",arial,helvetica,sans-serif;	
	font-size:12px;
	text-align:center;
}

#main #head #toptabs .tab_on a {
	color:#F9ED32;
	font-family:Century Gothic,arial,helvetica,sans-serif;	
	font-size:12px;
	text-decoration:none;
	position:relative;
	top:14px;	
	left:8px;
	float: left;
}


#main #head #toptabs .tab_on a:hover {
	text-decoration:underline
}



#main #head #toptabs .tab_off {
        	/*background-image:url('gfx/toptab_off.png');*/
		height:43px;
	width: 136px;
	float:left;
	color:#FFFFFF;
	font-family:"Century Gothic",arial,helvetica,sans-serif;
	font-size:12px;
	text-align:center;
}

#main #head #toptabs .tab_off a {
	color:#FFFFFF;
	font-family:"Century Gothic",arial,helvetica,sans-serif;	
	font-size:12px;
	text-decoration:none;	
	position:relative;
	top:14px;
}


#main #head #toptabs .tab_off a:hover {
	text-decoration:underline
}


#main #head #toptabs .tab_off_last {
	height:43px;
	width: 136px;
	float:left;
	color:#FFFFFF;
	font-family:"Century Gothic",arial,helvetica,sans-serif;
	font-size:12px;
	text-align:center;
}

#main #head #toptabs .tab_off_last a {
	color:#FFFFFF;
	font-family:"Century Gothic",arial,helvetica,sans-serif;	
	font-size:12px;
	text-decoration:none;
	position:relative;
	top:14px;
}


#main #head #toptabs .tab_off_last a:hover {
	text-decoration:underline
}


#main #head #phnumber{
	position:absolute;
	top:70px;
	left:434px;
}


#main #head #searchbox{
	position:absolute;
	top:75px;
	left:705px;
}


#main #head #search{
	width:200px;
        	height:17px;
		background-image:url('gfx/searchboxbg.png');
	background-repeat:no-repeat;
	float:left;
	padding-left:30px;
	padding-top:1px;
	font-family:arial,helvetica,sans;
	font-size:11px;
	color:#999999;
}

#main #head #navbar{
	width:982px;
	height:33px;
                background-image:url('gfx/navbardots.png');
		position:absolute;
	top:118px;
	left:0px;
	line-height:normal;

}

#main #head #navbar #holder{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	height:33px;
	overflow:hidden;
}


#main #head #navbar ul{
	list-style:none;
	margin:0;
    	padding:0;
   	height:32px;		
}

#main #head #navbar li {
    float:left;
       background:url("gfx/navtab_left.png") no-repeat left top;
        margin:0;
    padding:0 0 0 19px;
    height:32px;
}
#main #head #navbar a, #main #head #navbar strong, #main #head #navbar span {
    display:block;
       background:url("gfx/navtab_right_on.png") no-repeat right top;
        padding:10px 17px 14px 3px;
    color:#243F7C;
    text-transform:uppercase;
    font-weight:bold;
    font-family:"Century Gothic",arial,helvetica,sans-serif;
    font-size:13px;
    word-spacing:1px;
    letter-spacing:0px;
    height:32px;   
    text-decoration:none;
    float:left;
}
#main #head #navbar #current {
       background-image:url("gfx/navtab_right_on.png");
       }
#main #head #navbar #current a {
       background-image:url("gfx/navtab_right_on.png");
     
   padding-bottom:5px;
}

#main #head #navbar #currentleft li {
    float:left;
       background:url("gfx/navtab_left_on.png") no-repeat left top;
       margin:0;
    padding:0 0 0 19px;
    height:32px;
}

#main #subhead {
	width: 982px;
	background:#FFFFFF;
	position:relative;
}

#main #subhead #breadcrumb {
	height: 30px;
	width:982px;
}
#main #subhead #breadcrumb #crumb {
	height:22px;
	padding-top:5px;
	padding-left:15px;
}

#main #subhead #breadcrumb #crumb ul{
	list-style:none;
	margin:0;
    	padding:0;
}

#main #subhead #breadcrumb #crumb li {
    float:left;
    margin:0;
    padding:3px 0 0 5px;
    height:22px;
    font-family:arial,helvetica,sans-serif;
    color:#939597;
    font-size:12px;
}

#main #subhead #breadcrumb #crumb li a {
    font-family:arial,helvetica,sans-serif;
    color:#939597;
    font-size:12px;
    text-decoration: underline;
}

#main #subhead #breadcrumb #crumb .current{
	font-weight:bold;
}


#main #subhead #noticeboard {
	width:982px;
	position:relative;
	float:left;
	background:#FFFFFF;
	padding-bottom:5px;
}

#main #subhead #noticeboard #message{
	margin-top:0px;
	margin-left:0px;
	padding-bottom:5px;
	background:#EFF5F9;
	width: 936px;
	position:relative;
	float:left;
}

#main #subhead #noticeboard #message ul{
	list-style:none;
	margin:0;
    	padding:0;
	position:relative;
	top:4px;
}

#main #subhead #noticeboard #message li {
    float:left;
    margin:0;
    padding:3px 0 3px 10px;
    min-height:22px;
    color:#58595B;
    font-size:12px;
    _font-size:10px;
}

#main #subhead #noticeboard #message .title{
	color:#58CBF5;
	text-transform:uppercase;
	font-weight:bold;
	display:inline;
	margin-right:15px;
	position:relative;
	top:3px;
	font-size:12px;
}

#main #subhead #noticeboard #message .message{
	display:inline;
        position:relative;
        top:3px;
	margin-right:30px;
	font-size:12px;
}

#footer {
	width:982px;
	float:left;
	cleat:left;
}

#footer #links{
	height:70px;
	width:982px;
	margin-left:0;
	margin-right:0;
	text-align:center;

}

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

#footer #links li,#footer #links li a {
    float:left;
    margin:0;
    padding:14px 0 0 18px;
    height:22px;
    font-family:arial,helvetica,sans-serif;
    color:#58595B;
    font-size:11px;
    text-decoration:none;
}

#footer #links li a:hover {
    text-decoration:underline;
}



#footer #banner{
	text-align:right;
}

#main #content{
	background:#FFFFFF;
	width:982px;
	float:left;
	clear:left;
}

#main #content #content_right{
	width:245px;
	height:auto;
	background:#FFFFFF;
	float:right;
}

#main #content #content_left{
	float:left;
	width:560px;
	border:0px solid red;
	height:auto;
	background:#FFFFFF;
	margin-left:7px;
}

#main #content #content_left_home{
        float:left;
        width:570px;
        height:auto;
        background:#FFFFFF;
	padding-left:7px;
}

#main #content #navigation_left {
	padding-left:7px;
        width: 150px;
        height: auto;
        background:#FFFFFF;
        float:left;
        clear:left;
}


#main #content #content_left_home #content_top {
        width: 560px;
        height: auto;
        background:#FFFFFF;
        float:left;
        clear:left;
}

#main #content #content_left #content_bottom {
	margin-top:0px;
	width: 560px;
	height: auto;
	background:#FFFFFF;	
	float:left:
	clear:left;
}

#main #content #content_left_home #content_bottom {
        margin-top:0px;
        width: 737px;
        height: auto;
        background:#FFFFFF;
        float:left:
        clear:left;
}


.boxtitles,.boxtitles a{
	color:#FFFFFF !important;
	line-height:25px;
	font-family:"Century Gothic",arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-left:5px;
	padding-right:5px;
}
#main #content a {
	color:#00AEEF;
	font-weight:bold;
	text-decoration:none;
}
#main #content a:link, a:visited {
	text-decoration:none;
}
#main #content a:hover {
	text-decoration:underline;
}
.Apple-style-span  {
	color:#243954;
	font-size:115%;
}

fieldset {
border:1px dotted #00AEEF;
background-color:#EFF5F9;
padding:20px;
padding-top:0px;
}
fieldset .small {
font-style:italic;
font-size:80%;
}
fieldset label {
font-weight:bold;
font-size:90%;
}
legend {
font-weight:bold;
}
.pdf { padding:18px 0 0 35px; background: url(gfx/pdf.gif) no-repeat left top;height:39px;width:auto;}
.exlink { padding:0 15px 0 0; background: url(gfx/external.png) no-repeat right top;height:10px;width:10px;}
.nl { padding:0; background-image: none;}
MsoNormal {
font-size:10px;
}

#content{
	font-weight:normal;	
}

/* programmes styles */

#main .progbox {

	position:relative;

	float:left;

	width:240px;

	height:240px;

	background-image: url(gfx/bluegradbg.gif); 

	background-repeat: repeat;

	color:#ffffff;

}

#main .pname {

	color:#f3ed3a;

	font-size:110%;

}



#main .year1box {

	position:relative;

	float:left;

	margin-left:5px;

	width:140px;

	height:240px;

	background-image: url(gfx/bluegradbg.gif); 

	background-repeat: repeat;

	color:#ffffff;

}





#main .year2box {

	position:relative;

	float:left;

	margin-left:5px;

	width:140px;

	height:240px;

	background-image: url(gfx/greygradbg.gif); 

	background-repeat: repeat;

	color:#ffffff;

}



#main .btn {
	background:transparent url("gfx/blue-butl.png") no-repeat scroll left top;
	display:inline;
	float:left;
	font-size:11px;
	height:26px;
	margin:3px 5px 3px 0;
	overflow:hidden;
	width:200px;
	font-size:95%;

}





#main .btn a {
	background:transparent url("gfx/blue-but.png") no-repeat scroll right top;
	color:#ffffff !important;
	display:inline;
	float:left;
	height:26px;
	margin:0 0 0 4px;
	overflow:hidden;
	padding:4px 5px 3px 1px;
	text-decoration:none;
	font-size:95%;
}

#main .btn a:hover { 
	text-decoration:underline;
	color:#ffffff;
	}


#main .btn a:link,#main .btn a:visited {
	text-decoration:none;
	color:#ffffff;
}