@charset "utf-8";
* {
	padding:0;
	margin:0;
	border:0;
}
ul, ol {
	margin-left:20px;
}
p {
	margin-bottom:15px;
}
h1 {
	font-size:14px;
	color:#4d4d4d;
	margin-bottom:13px;
}
h2 {
	font-size:13px;
	margin-bottom:15px;
}
#homepage-news h2 {
	font-size:14px;
	margin-bottom:13px;
	font-weight:normal;
}
a {
	text-decoration:none;
	color:#fd4f00;
}
.btnpoll
{
	display:block;
	position:relative;
	width:53px;
	height:20px;
	top:-10px;
	left:-10px;
	bottom:5px;
	background:url(../images/btn-search.gif);	
}
a:hover {
	text-decoration:underline;
}
.divider {
	height:1px;
	font-size:1px;
	width:100%;
	clear:both;
	border-bottom:1px #9c9c9c dashed;
	background:transparent;
	padding-top:5px;
	margin-bottom:15px;
}
.images {
	border:5px #ebebeb solid;
}
.pdf-btn {
	font-size:15px;
	color:#afafaf;
	background:url(../images/pdf-btn-l.gif) top left no-repeat;
	clear:both;
	float:left;
	margin:15px 0;
}
.pdf-btn:hover {
	color:#fff;
	text-decoration:none;
}
.pdf-btn span {
	display:block;
	background:url(../images/pdf-btn-r.gif) top right no-repeat;
	height:21px;
	margin-left:40px;
	padding: 16px 20px;
	cursor:pointer;
	float:left;
}
body {
	font: 11px Verdana, Geneva, sans-serif;
	color: #4d4d4d;
	background: #212121 url(../images/body-bg.gif) repeat-x 0px 0px;
	text-align:center;
}
#header {
	width:900px;
	height:180px;
	background:url(../images/header-bg.gif) no-repeat 0 27px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
#home-link {
	width:475px;
	height:70px;
	display:block;
	position:absolute;
	top:40px;
}
#util-nav {
	float:right;
	font-size:12px;
	margin-top:5px;
}
#util-nav a {
	color:#afafaf;
	padding-left:20px;
}
#util-nav a:hover,
#util-nav a.active {
	color:#fff;
	text-decoration:none;
}
#search-box {
	position:absolute;
	right:17px;
	top:45px;
}
#search-field {
	width:149px;
	height:20px;
	background:url(../images/search-bg.gif) no-repeat;
	padding-left:21px;
	padding-right:5px;
	font-size:11px;
	padding-top:4px;
}
#search-box label {
	color:#fff;
}
.gobtn {
	/*display:block;*/
	background:none;
	padding:1px;
	width:42px;
	font:11px Verdana;
	color:#FFF;
	padding:5px 2px;
}
#menu {
	position:absolute;
	bottom:-1px;
	right:0;
}
#menu a {
	font-size:13px;
	color:#212121;
	padding:5px 11px 10px;
	display:block;
	float:left;
}
#menu a:hover {
	color:#fff;
	text-decoration:none;
}
#currentsection a,
#menu a.active {
	background:#212121;
	color:#fff;
}
#subheader {
	background:#212121;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
}
#subheader .inner,
#subheader .inner2 {
	height:268px;
	width:900px;
	margin:0 auto;
	text-align:left;
	background:#212121;
	position:relative;
}
#subheader .inner2 {
	height:52px;
	color:#afafaf;
}
#subheader .inner2 h1 {
	color:#fff;
	font-size:19px;
	font-weight:normal;
	position:absolute;
	top:17px;
}
#subheader .inner2 h1 em {
	font-style:normal;
}
#subheader .inner2 a {
	color:#fe7c1a;
}
#subheader .inner2 #crumbs {
	position:absolute;
	right:0;
	bottom:5px;
}
#subheader .text {
	font:22px Arial, Helvetica, sans-serif;
	color:#fff;
	width:500px;
	line-height:30px;
	position:absolute;
	left:0px;
	top:30px;
}
#subheader .text a {
	color:#fe7c1a;
	font-size:15px;
}
#flash-video {
	padding:11px;
	background:#4d4d4d;
	position:absolute;
	right:0;
	top:20px;
}
#content {
	background:#fff;
	padding-bottom:20px;
}
#content .inner {
	width:900px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	line-height:16px;
}
#news-story-title {
	color:#4d4d4d;
	font-size:14px;
	padding-left:15px;
	padding-right:25px;
	padding-top:8px;
	padding-bottom:3px;
	background:#eee;
	position:absolute;
	bottom:-1px;
	left:0;
	font-weight:bold;
}
#homepage-table {
	height:300px;
}

#homepage-news {
	width:468px;
	float:left;
	background:#eee;
	position:relative;
	z-index:99;
	padding:30px 16px 20px;
}
#homepage-news #homepage-readall {
	position:absolute;
	right:16px;
	top:10px;
}
#homepage-news .text {

}
#homepage-news .readon {
	float:right;
}
#homepage-buttons {
	width:372px;
	float:right;
	padding-top:22px;
}
#homepage-buttons a {
	background:url(../images/homepage-big-btn-bg.gif);
	display:block;
	width:267px;
	height:64px;
	padding-left:85px;
	padding-right:20px;
	padding-top:10px;
	margin-bottom:7px;
	position:relative;
	cursor:pointer;
}
#homepage-buttons a:hover { text-decoration:none; }

#homepage-buttons a * {
	cursor:pointer;
}
#homepage-buttons .icon {
	background:url(../images/homepage-big-btn-icons.gif) 0 0;
	width:70px;
	height:73px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#homepage-buttons #btn2 .icon { background-position: 0 -80px; }
#homepage-buttons #btn3 .icon { background-position: 0 -161px; }
#homepage-buttons #btn4 .icon { background-position: 0 -244px; }

#homepage-buttons .title {
	font-size:15px;
	color:#afafaf;
	display:block;
	margin-bottom:4px;
}
#homepage-buttons .text {
	color:#bfbfbf;
	display:block;
}
#homepage-buttons a:hover .title {
	color:#fff;
}
#footer-top {
	height:35px;
	background:#4d4d4d url(../images/footer-top-bg.gif) 0 0 repeat-x;
}
html>body #footer-top {
	min-height:35px;
	height:auto;
}
#footer-top .inner {
	width:900px;
	text-align:left;
	margin:0 auto;
	padding-bottom:35px;
	overflow:hidden;
}
#footer-top .btn {
	background:url(../images/homepage-boxes-bg.gif) 0 0;
	width:115px;
	height:158px;
	display:block;
	float:left;
	padding:12px 20px;
	margin-right:20px;
	margin-top:16px;
	text-align:center;
	font-size:16px;
	color:#fff;
}
#footer-top #btn2 { background-position:-176px 0; }
#footer-top #btn3 { background-position:-348px 0; }
#footer-top .btn:hover {
	color:#a6a6a6;
	text-decoration:none;
}
#poll {
	width:328px;
	height:157px;
	background:url(../images/homepage-boxes-bg.gif) right top;
	float:right;
	margin-top:16px;
	padding:12px 20px;
	position:relative;
}
#poll h3 {
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin-bottom:15px;
}
#poll .question {
	color:#bfbfbf;
	line-height:16px;
	margin-bottom:15px;
}
#poll .options {
	color:#fff;
} 
#poll .options td {
	padding-bottom:9px;
	padding-left:1%;
}
#poll label {
	white-space:nowrap;
}
#poll .bar {
	width:94%;
	height:12px;
	background:#4d4d4d;
	position:relative;
	left:0;
	margin-left:3%;
}
#poll .bar div {
	background:url(../images/pollbars-bg.gif);
	height:12px;
	width:auto;
}
#poll .bar .red {	background-position:0 0; }
#poll .bar .green {	background-position:0 -22px; }
#poll .bar .yellow {	background-position:0 -44px; }

#left-col {
	padding-top:39px;
	width:214px;
	float:left;
}
#side-menu a {
	display:block;
	background:#ededed;
	color:#4d4d4d;
	padding:7px 20px;
	border-bottom:1px solid #fff;
}
#side-menu a:hover {
	background:#dedede;
	text-decoration:none;
}
#side-menu a.active {
	background:#737373;
	color:#fff;
}
#right-col {
	padding-top:35px;
	width:647px;
	float:right;
}

#footer {
	background:#212121;
	width:100%;
	border-top:1px #7d7d7d solid;
	position:relative;
}
#footer .inner {
	width:900px;
	text-align:left;
	margin:0 auto;
	color:#8b8b8b;
	line-height:20px;
	position:relative;
}
#footer a {
	color:#8b8b8b;
	display:block;
	clear:both;
}
#footer a:hover,
#footer .title {
	color:#fff;
	text-decoration:none;
}
#footer  table {
	margin:10px 0 25px;
}
#footer td {
	padding:3px 0px 5px 20px;
	vertical-align:top;

}
#footer .col1,
#footer .col2 {
	border-right:1px #666 dashed;
	width:150px;
}
#footer .col3 {

}
#footer-box1,
#footer-box2 {
	width:303px;
	height:61px;
	background:url(../images/footer-box-bg.gif);
	position:absolute;
	z-index:100;
}
#footer-box1 {
	top:13px;
	right:0;
	font:italic 18px Arial, Helvetica, sans-serif;
	color:#fff;
}

#footer-box2 {
	top:85px;
	right:0;
}

#footer-box1 .text {
	position:absolute;
	top:20px;
	left:14px;
}
#footer-box2 .text {
	position:absolute;
	top:20px;
	left:25px;
}
#footer-box1 #facebook-icon {
	position:absolute;
	right:7px;
	top:9px;
}
#footer-box1 #twitter-icon {
	position:absolute;
	right:60px;
	top:9px;
}
#footer-box2 #streamon-icon {
	position:absolute;
	right:10px;
	top:12px;
}
#poll #buttons {
	position:absolute;
	right:10px;
	bottom:10px;
}
#coursekey
{
	display:block;
	position:relative;
	width:165px;
	height:210px;
	background:#EDECEA;	
	float:left;
	left:25px;
	top:0px;	
}

#coursekey img
{
	display:block;
	position:relative;
	margin: 2px 0px 0px 0px;
	width:11px;
	height:11px;
	left:15px;
	float:left;
}

#coursekey h3
{
	display:block;
	position:relative;
	width:135px;
	margin:15px;
}
#coursekey #currentcat
{
	font-weight:bold;
	color:Black;
}

#coursekey a
{
	margin-left:30px;
}


#courseinfo
{
	display:block;
	position:relative;
	width:165px;
	height:130px;
	background:#EDECEA;
	float:left;
	left:25px;
	top:20px;	
}

html>body #courseinfo
{
	height:auto;
	min-height:115px;
}

#courseinfo p
{
	display:block;
	position:relative;
	width:140px;
	left:10px;
	top:10px;
}

#right-col #Calendar1
{
	display:block;
	position:relative;
	width:350px;
	height:350px;
	clear:left;
	float:left;	
}
#right-col #Calendar1 a
{
	display:inline;
	position:relative;
	min-height:3px;
	width:100%;
	height:auto;
	clear:both;
	margin:0px 0px 2px 0px;
	padding:0px;
	text-decoration:none;
}

#right-col #Calendar1 a:hover
{
	text-decoration:none;
}

html>body .calendarDay
{
	border:1px solid white;
	font: 11px Tahoma;	
}


#eventPanel
{
	display:block;
	position:relative;
	width:350px;
	height:auto;
	float:left;
	clear:both;
	top:20px;		
}

html>body #eventPanel
{
	min-height:300px;
	height:auto;
	font: 11px Tahoma;
			
}

#eventPanel #catimage
{
	display:block;
	position:relative;
	width:45px;
	height:45px;
	top:0px;
	left:0px;	
}

#eventPanel h2
{
	display:block;
	position:relative;
	color:#000;	
	left:10px;
	margin-top:0px;
	margin-bottom:15px;
	clear:right;
	width:290px;
	height:30px;
}

html>body #eventPanel h2
{
	height:auto;
	min-height:45px;
	padding:0px;
	margin:0px;
	text-align:left;
}


#eventPanel #publicLabel,
#eventPanel #sDateLabel,
#eventPanel #eDateLabel,
#eventPanel #eventContent,
#eventPanel #attachLabel,
#eventPanel #attachment,
#eventPanel #sDate,
#eventPanel #eDate
{
	display:inline;
	position:relative;
	left:55px;	
}

#eventPanel #eventContent
{
	display:block;
	position:relative;
	width:290px;
	height:auto;
	min-height:100px;
}
/* Fee Calculator Styles */

.feenotes {
	color:#003366;
	font: 10px Arial;
	font-size: 10px;
}
table input {
	font: 10px Arial;
	border: 1px solid #003366;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
table input.formbutton
{
	font: bold 12px Arial;
	border: #f3a120 1px solid;
	padding-left: 5px;
	background: #fff;
	margin: 0px 0px 0px 0px;
	width:auto;
	color: #f3a120;
	height: 25px;
	text-align:center;
}
.boxheading {
	font-family:Arial;
	font-size: 18px;
	padding-left: 3px;
	font-weight: bold;
	font-style: normal;
}
.output{
	border-color:#E5E5E5;
	text-align:center;
}
.small{
	border-color:#EB8218;
}
.large{
	border: solid 1px black;
}
.totals{
	background-color:#E5E5E5;
}
.feetitles{
	background-color:#E5E5E5;
}
.newscomponentlist
{
	margin-top:10px;
}
.colPI
{
	background-color:#ECECEC;
}

.colN
{
	background-color:#C2C2C2;
}

.colR
{
	background-color:#A0A0A0;
}
/*LOGIN PANEL*/
#memberslogin .box
{
	border: solid 1px black;
}

#memberslogin .btn
{
	display: inline;
	border: #f3a120 1px solid;
	padding-left: 5px;
	font-weight: bold;
	background: #fff;
	margin-left:20px;
	width: auto;
	color: #f3a120;
	height: 20px;
	text-align:left;
}
html>body fieldset .btn {
    padding: 0px;
}
#memberslogin .errormsg{
    color: #F3A120;
}

#memberslogin label {
    margin-bottom: 2px;
    display: block;
}
#memberslogin label input#username,
#memberslogin label input#password{
    width: 160px;
}
#memberslogin label input#emailAddress{
    width: 187px;
}
#memberslogin label input#password{
    margin-left: 2px;
}
#lowerpage #content #left-col #current
{
	/*\width: 154px;
	w\idth: 130px;*/
	display: block;
	padding: 6px 5px 6px 15px;
	background-color: #454545;
	margin-top: 1px;
	color:#fff;
	text-decoration: none;
}
#lowerpage #content #left-col ul ul #current
{
	/*\width: 154px;
	w\idth: 130px;*/
	margin-left:10px;
	display: block;
	padding: 4px 5px;
	background: #454545;
	margin-top: 1px;
	color:#fff;
	text-decoration: none;
}
/*search styles*/

#componentnav
{
	margin-top:25px;
    background:transparent;
    display:block;
    position:relative;
    float:left;
    width:100%;
    text-align:left;
}

#componentsearch{
    background:transparent;
    display:block;
    position:relative;
    padding-right:10px;
    text-align:left;
    
}

#searchlabel{
    float:left;
    display:block;
    text-align:left;
    color:#8D8D8D;
}

#componentsearch .inp{
    float:left;
}
#componentsearch .btn
{
	display: inline;
	border: #f3a120 1px solid;
	padding-left: 5px;
	font-weight: bold;
	background: #fff;
	margin-left:20px;
	width: auto;
	color: #f3a120;
	height: 20px;
	text-align:left;
}
#componentsearch #clearsearch,
#componentsearch #search{
    width:80px;
    margin-left:3px;
    clear:none;
    position:relative;
    color:#8D8D8D;
    border:1px solid #8D8D8D;
}
#searchterm{
    width:195px;
    border:1px solid #8D8D8D;
    margin:0px 0px;
    float:right;
    color:#8D8D8D;
}
#newsearch
{
	width:100%;
}
#newsearch #searchon{
    width:195px;
    border:1px solid #8D8D8D;
    margin:0px 0px;
    color:#8D8D8D;
}
#componentsearch #search{
    margin-left:38px;
}
#componentpagesize{
    background:transparent;
    display:block;
    position:relative;
    float:left;
    width:50px;
    text-align:right;
    color:#8D8D8D;
}

#componentpagesize label{
    color:#8D8D8D;
    text-align:right;
    float:right;
    padding-bottom:5px;
    padding-right:32px;
}
#componentpagesize #pagesize{
    width:50px;
    color:#8D8D8D;
    float:left;
    background:transparent;
    margin-right:32px;
}
#componentpaging{
    font-weight:normal;
    background:transparent;
    display:block;
    position:relative;
    float:left;
    width:auto;
    text-align:right;
    color:#8D8D8D;
    padding-top:15px;
    padding-right:32px;
}


/*CONTACT PAGE STYLES*/
#details
{	
	position:relative;
	display:block;
	width:400px;
	float:left;
	clear:both;
}
#contact_img
{
	display:block;
	position:absolute;
	top:0px;
	left:300px;
}
#details img
{
	display:block;
	position:absolute;
	top:0px;
	left:300px;
}

#contacts
{
	display:block;
	position:relative;
	float:left;
	width:40%;
	margin-right:25px;
}
#map
{
	display:block;
	position:relative;
	float:left;
	width:50%;
}
#contactname {
	font: bold 17px Arial;
	color: Black;
}

#contactdetails {
	font:bold 13px Arial;
	color: black;
}
#contactjob {
	font:13px Arial;
	color: #666;
}

/*FAQs section*/
#answers ul, #questionlist ul {
	margin:0px;
    padding:0px;
}
#questionlist .faqmarker,
#answers .faqmarker{
	display:block;
	float:left;
	clear:left;
	font:bold 120% Arial, Helvetica, sans-serif;
    color:#033B58;
    margin-right:5px;
}
#questionlist{
    display:block;
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    border:#D4D4D4 1px solid;
    font:normal 110% Arial, Helvetica, sans-serif;
    color:#666;
	width:500px;
}

#questionlist ul li{
    font:normal 110% Arial, Helvetica, sans-serif italic;
    margin: 5px 0px 12px 0px;
    color:#666;
	list-style: none;
	margin-left:0px;
	padding-left:0px;
}



#answers{
    display:block;
    margin:20px 0px 0px 0px;
    padding:10px 10px 0px 10px;
    border:#D4D4D4 1px solid;
	width:490px;
    }
#answers ul li
{
	font:normal 110% Arial, Helvetica, sans-serif italic;
	color:#666;
	margin:0px 0px 25px 0px;
	list-style: none;
	width:100%;
	clear:right;
}    


#answers ul li p
{
	font:normal 110% Arial, Helvetica, sans-serif italic; 
	margin-left:21px;
}
html>body #answers ul li p {
    margin-left:20px;
} 
.textonly { display:none; }
.gfxonly { display:inline; }




