@charset "utf-8";

/* CSS Document for SBC, 2012*/



/********* body */

html	{background-color: #484846;}

body	{
	font-family: Calibri;
	font-size: 100%;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: centre;
	background:url(sbc_bg_tile.gif) repeat-y top center;
	font-weight: normal;
}

.anchor	{clear: both; font-size: 1%; display: block;}

.print	{display: none;}

img	{border: 0px;}



/*links*/

a	{
	color: #9C1C1D;
}

a:visited	{
	color: #9C1C1D;
}

a:hover	{color: #232222;}

a:active {color: #232222;}

#skiplinks	{display: none;}



/* headings*/

h1	{color: #232222; font-size: 150%}

h2	{color: #232222; font-size: 140%}

h3	{color: #9C1C1D; font-size: 130%}

h4	{color: #FFFFCC; font-size: 120%}

h5	{color: #FFFFCC; font-size: 100%}



/********* header */

#header-wrapper	{background:url(sbc_body_bg.jpg) no-repeat top center;}

#header	{
	width: 970px;
	text-align: left;
	height: 162px;
	vertical-align: bottom;
	padding: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
}



/* header top */

#header #top	{
	height: 0px;
	position: relative;
	font-size: 60px;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	font-family: Calibri;
	padding: 0px;
}

#header #top label	{color: #ffffff; font-weight: bold;}



/* header language selector */

#cy{color: #000000}

#cy p{ cursor:pointer; float: left; z-index: 1000; position: absolute; top: 7px; left: 125px; width: 150px; padding: 2px 5px 2px 5px; background: url(search_drop_down.gif) right no-repeat; background-color: #b4d17e; margin: 0px;}

#cy ul {position: absolute; top: 28px; left: 125px; padding:0px; margin: 0px; list-style:none; display: block; width: 160px;}

#cy ul a {display:block; padding: 3px 5px 3px 5px; color: #ffffff; text-decoration: none;}

#cy ul a:hover {background-color: #ffffff; color: #232222; }

#cy p.hv {background-color: #b4d17e;}

#cy li {margin:0px; padding:0px; background-color: #232222}

#cy.hd ul {display:none;}

#header #top input.go	{position: absolute; top: 8px; left: 290px; background: url(top_go_btn.gif) no-repeat top; height: 20px; width: 31px; color: #ffffff; font-weight: bold; border: 0px; text-transform: uppercase; text-align: center; padding: 2px 2px 2px 2px; cursor: pointer; font-size: 12px;}

#header #top input:hover.go	{background: url(top_go_btn.gif) no-repeat bottom; text-decoration: underline;}



/* header search */

#header #search {float: right; font-size: 110%;}

#header #search input.search	{background: url(top_search_btn.gif) no-repeat top; height: 20px; width: 63px; color: #ffffff; font-weight: normal; border: 0px; text-transform: uppercase; text-align: center; padding: 2px 2px 2px 2px; cursor: pointer; font-size: 12px;}

#header #search input:hover.search	{background: url(top_search_btn.gif) no-repeat bottom; text-decoration: underline;}

#header #search input	{background-color: #b4d17e; border: 0px; width: 200px; padding: 3px 5px 3px 5px; font-size: 11px; font-weight: bold;}





/* header h1*/

#header h1	{float: left; padding: 10px 0px 0px 0px; margin: 0px; width: 455px;}

#header h1 img	{ top: 0px; margin: 7px 0px 6px 0px;}

#header h1 span	{display: none;}



/* header language selector */

#header #language_selector	{float: right; width: 335px; text-align: right; background: url(line_01.gif) repeat-x bottom left; padding: 30px 0px 10px 0px;}

#header #language_selector ul	{margin: 0px; padding: 0px; list-style-type: none;}

#header #language_selector ul li	{display: inline; padding-left: 3px;}



/* header usernav*/

#header #usernav	{padding: 20px 0px 10px 0px; float: right; width: 460px; margin: 0px 0px 0px 0px; font-size: 90%; text-align: left; color: #ffffff;  text-align: right; line-height: 22px;}

#header #usernav ul {margin: 0px; padding: 0px; list-style-type: none;}

#header #usernav ul li {margin: 0px; padding: 0px 0px 0px 10px; display: inline; background: url(line_02.gif) top right no-repeat;}

#header #usernav ul li.title {background-image: none;}

#header #usernav ul li.last {background-image: none;}

#header #usernav ul li a{margin: 0px; color: #ffffff;  text-decoration: none;  padding: 0px 10px 0px 25px; background: url(arrow_05.gif) no-repeat top left;}

#header #usernav ul li a:hover	{text-decoration: underline;}







/********* left column */

#left_column	{width: 175px; float: left; margin: 0px 30px 0px 0px;}



/* sidenav */

#sidenav	{margin: 0px 0px 30px 0px; padding: 0px; font-size: 110%;}

#sidenav .title	{font-weight: bold; text-transform: uppercase;}	

{margin: 0px; padding: 0px;}

#sidenav ul	{margin: 10px 0px 0px 0px; padding: 0px; list-style-type: none; font-size: 85%; line-height: 16px;}

#sidenav ul	li {margin: 3px 0px 3px 0px; background: url(sidenav_arrow_01.gif) no-repeat left top; padding: 0px 0px 0px 15px;}

#sidenav ul	li a {color: #232222; text-decoration: none; width: 140px; display: block; padding: 2px 5px 2px 5px;}

#sidenav ul	li a:hover	{background-color: #232222; color: #ffffff;}



/* sidenav level 2 */

#sidenav ul	li.selected  ul {margin: 5px 0px 5px 0px; padding: 0px; list-style-type: none; font-size: 90%; line-height: 14px;}

#sidenav ul li.selected  ul li {margin: 1px 0px 1px 0px; background: none; padding: 0px 0px 0px 10px;background: url(sidenav_arrow_03.gif) no-repeat left top;}

#sidenav ul li.selected ul li a {color: #232222; text-decoration: none; width: 130px; display: block; padding: 1px 5px 1px 5px; }

#sidenav ul li.selected ul li a:hover {background-color: #9C1C1D; color: #ffffff;}

#sidenav ul li.selected  ul li {background: url(sidenav_arrow_04.gif) no-repeat left top;}

#sidenav ul li.selected ul li.selected a {color: #9C1C1D;}
#sidenav ul li.selected ul li a:hover {
    background: #9C1C1D;
    color: #fff;
}


/* sidenav selected */

#sidenav ul	li.selected {background: url(sidenav_arrow_02.gif) no-repeat left top;}

#sidenav ul	li.selected a {color: #9C1C1D; text-decoration: none; width: 140px; display: block; padding: 2px 5px 2px 5px;}

#sidenav ul	li.selected a:hover	{background-color: #ffffff; color: #9C1C1D}



/*feature*/

.feature {line-height: 16px; margin: 0px 0px 30px 0px; font-size: 110%;}

.feature  .feature_top	{background: url(left_feature_top.gif) no-repeat top; margin: 0px 0px 0px 0px; padding:0px; width: 164px; height: 17px; font-size: 1px;}

.feature  .title	{background: url(left_feature_title_tile.gif) repeat-y top;margin: 0px 0px 0px 0px; width: 164px; color: #ffffff; font-weight: bold; text-transform: uppercase;}

.feature  .title span	{padding: 0px 10px 10px 10px; display: block;}

.feature  .description	{background: url(left_feature_tile.gif) repeat-y top; margin: 0px 0px 0px 0px; padding:0px; width: 164px;}

.feature  .description span	{padding: 5px 10px 5px 10px; display: block;}

.feature  .description span a {color: #232222; text-decoration: none; font-size: 11px; font-weight: bold;}

.feature  .description span a:hover {color: #FFFFCC; text-decoration: underline;}

.feature  .feature_btm	{background: url(left_feature_btm.gif) no-repeat top; margin: -2px 0px 0px 0px; padding:0px; width: 164px; height: 45px; font-size: 1px;}



/* image feature*/

.image_feature	{margin: 0px; padding: 0px; font-size: 80%;}

.image_feature img	{border: solid 1px #999999; margin: 0px; padding: 4px; text-decoration: none; background-color: #ffffff;}

.image_feature a	{margin: 0px; padding: 0px; color: #232222; text-decoration: none;}

.image_feature a:visited	{color: #999999;}

.image_feature a:hover	{color: #FFFFCC; text-decoration: underline;}





/********* wrapper */

#wrapper	{
	width: 970px;
	text-align: left;
	margin: 0% auto;
	background: url(sbc_wrapper_bg.gif) repeat-y top left;
}

#wrapper_full	{width: 970px; text-align: left; margin: 0% auto;}

#wrapper_top	{width: 970px; text-align: left; margin: 10px auto 0% auto;}

#wrapper_btm	{width: 970px; text-align: left; margin: 0% auto; }



/********* main column */

#main_column	{width: 755px; float: right; position: relative;}

#wrapper_full #main_column	{width: 970px; position: relative;}

#middle_column	{width: 560px; float: left; margin: 0px 0px 0px 0px;}

#right_column	{width: 175px; float: right;}



/********* main column formatting*/

#main_column p	{text-align: justify; font-size: 100%; margin: 5px 0px 20px 0px; padding: 0px;}

#main_column h2	{
	background-color: #9C1C1D;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
}

#main_column ul	{margin: 0px; padding: 0px; list-style-type: none;}

#main_column ul	li {background: url(bullet_point.gif) no-repeat top left; padding: 2px 0px 2px 20px;}

#main_column ol	{margin: 0px; padding: 0px 0px 0px 30px;}

#main_column ol	li {padding: 2px 0px 2px 0px;}

#main_column .greenline	{background: url(dot_green.gif) repeat-x top; margin: 0px; padding: 0px; font-size: 1px;}



/********* main column image list 1*/

#main_column #imagelist1	{}

#main_column #imagelist1 ul	{margin: 0px; padding: 0px; list-style-type: none;}

#main_column #imagelist1	ul li {
	margin: 0px;
	padding: 0px;
	background: none;
	width: 270px;
	float: left;
}

#main_column #imagelist1	ul li.col1 {margin: 0px 20px 0px 0px;}

#main_column #imagelist1 ul li a {display: block; margin: 0px; text-decoration: none; color: #232222;}

#main_column #imagelist1 ul li a:hover {text-decoration: underline;}

#main_column #imagelist1 ul li a span {display: block;}

#main_column #imagelist1 ul li a span.image {border-bottom: solid 5px #ffffff;}

#main_column #imagelist1 ul li a span.title {
	font-weight: bold;
	color: #9C1C1D;
}

#main_column #imagelist1 ul li a:hover span.title {text-decoration: none;}

#main_column #imagelist1 ul li a span.description {display: block; font-size: 80%; line-height:16px; border-bottom: solid 20px #ffffff;}



/********* main column images*/

#main_column .floatright {float: right; margin: 0px 0px 10px 20px; width: 260px;}

#main_column .floatleft {float: left; margin: 0px 20px 10px 0px; width: 260px;}

#main_column .floatright img {border: solid 1px #d1d1d1; }

#main_column .floatleft img {border: solid 1px #d1d1d1;}

#main_column .floatright span {background-color: #d1d1d1; display: block; width: 232px; padding: 10px; margin: 0px; font-size: 90%; line-height: 14px;}

#main_column .floatleft span {background-color: #d1d1d1; display: block; width: 232px; padding: 10px; margin: 0px; font-size: 90%; line-height: 14px;}





/********* main column quotes*/

#main_column .quoteleft	{background: url(quote_top.gif) no-repeat top left; width: 180px; padding: 30px 10px 0px 10px; font-size: 110%; text-align: left; float: left; margin: 0px 20px 0px 0px;}

#main_column span.quote	{display: block; position: relative; z-index: 100; line-height: 20px;}

#main_column span.quotebtm	{background: url(quote_btm.gif) no-repeat top left; text-align: right; width: 80px; height: 56px; display: block; position: relative; right: 0px; bottom: 20px; margin: 0px 0px 0px 90px;}



#main_column .quoteright	{background: url(quote_top.gif) no-repeat top left; width: 180px; padding: 30px 10px 0px 10px; font-size: 110%; text-align: right; float: right; margin: 0px 0px 0px 20px;}

#main_column .quoteright .caption	{display: block;  z-index: 110; position: relative; font-size: 80%;}





/********* news */

#main_column .imagelist2	{clear: both; margin: 0px; padding: 0px;}

#main_column .imagelist2 ul	{margin: 0px; padding: 0px; list-style-type: none;}

#main_column .imagelist2 ul li	{margin: 0px; padding: 0px; background: none; background: url(news_bg_tile_default.gif) repeat-x top; position: relative;}

#main_column .imagelist2 ul li a	{text-decoration: none;  color: #232222; display: block; padding: 20px 10px 20px 10px; min-height:90px; height:auto !important; height:90px; position: relative;}

#main_column .imagelist2 ul li a span	{display: block;}

#main_column .imagelist2 ul li a span.image	{float: left; margin: 0px 20px 10px 0px; border: solid 1px #cccccc; padding: 5px;background-color: #eeeeee;}

#main_column .imagelist2 ul li a span.title	{font-weight: bold; display: inline;}

#main_column .imagelist2 ul li a span.date	{font-size: 80%; color: #FFFFCC;}

#main_column .imagelist2 ul li a span.description	{font-size: 90%;}

#main_column .imagelist2 ul li a:hover	{background-color: #eeeeee; }



/********* search result */

#main_column .list1	{clear: both; margin: 0px; padding: 0px;}

#main_column .list1 ul	{margin: 0px; padding: 0px; list-style-type: none;}

#main_column .list1 ul li	{margin: 0px; padding: 10px 0px 10px 0px; background: none;  position: relative; background: url(news_bg_tile_default.gif) repeat-x top;}

#main_column .list1 ul li a	{text-decoration: none;  color: #232222; display: block; padding: 10px 10px 10px 10px; position: relative;}

#main_column .list1 ul li a span	{display: block;}

#main_column .list1 ul li a span.title	{font-weight: bold; display: inline;}

#main_column .list1 ul li a span.description	{font-size: 90%;}

#main_column .list1 ul li a span.link	{font-size: 90%; color: #FFFFCC;}

#main_column .list1 ul li a:hover	{background-color: #eeeeee; }



/* news item*/

#main_column .newsitem	{margin: 0px; padding: 0px;}

#main_column .newsitem .title	{font-size: 120%; color: #FFFFCC; margin: 0px; padding: 0px 0px 10px 0px; font-weight: bold;}

#main_column .newsitem .date	{font-size: 90%;font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px;}



/* form table */	

#main_column .form table {width: 100%; font-size: 85%; border-collapse: collapse; margin: 0px 0px 20px 0px;}

#main_column .form table caption { font-size: 120%; font-weight: bold; text-align: left; padding: 10px 5px 10px 5px; margin: 0px; color: }

#main_column .form table caption span.small {font-size: 80%; font-weight: normal;}

#main_column .form table span {display: block;}

#main_column .form table label span.small {font-size: 80%;}

#main_column .form table input {font-size: 90%;}

#main_column .form table input.small {width:120px;}

#main_column .form table input.medium {width: 200px;}

#main_column .form table input.long {width: 260px;}

#main_column .form table select {font-size: 90%;}

#main_column .form table select.small {width:125px;}

#main_column .form table select.medium {width: 205px;}

#main_column .form table select.long {width: 265px;}

#main_column .form table textarea.long {width: 340px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 90%;}

#main_column .form table textarea.medium {width: 300px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 90%;}

#main_column .form table textarea.small {width: 250px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 90%;}

#main_column .form table th {width: 190px; padding: 5px 5px 5px 5px; vertical-align: top;}

#main_column .form table tr	{padding: 5px 5px 5px 5px; }

#main_column .form table td	{vertical-align: top;}

#main_column .form table tr.row1 {background-color: #ffffff;}

#main_column .form table tr.row2 {font-weight: bold; color: #e23102; font-size: 100%;}



/* form button*/

.formbutton1	{text-align: right;}

.formbutton1 input	{background: url(form_submit_btn.gif) no-repeat top; color: #ffffff; font-weight: bold; border: 0px; height: 25px; width: 93px; text-transform: uppercase;}

.formbutton1 input:hover	{background: url(form_submit_btn.gif) no-repeat bottom; text-decoration: underline;}





/* bottomn links*/

#main_column .bottom_links	{margin: 0px; padding: 0px;}

#main_column .bottom_links ul	{margin: 0px; padding: 0px; list-style-type: none;}

#main_column .bottom_links ul li	{margin: 0px; padding: 0px; background: none; background: none; display: inline;}

#main_column .bottom_links ul li a	{font-size: 80%; font-weight: bold; background: url(arrow_01.gif) no-repeat left; padding: 0px 20px 0px 10px; vertical-align: text-bottom;}



/********* pagination */ 

#main_column .pagination	{clear: both; margin: 20px 0px 10px 0px; padding: 0px; min-height:30px; height:auto !important; height:30px;}

#main_column .pagination span.showing	{float: right;  font-size: 80%;}

#main_column .pagination span.goto	{float: left; padding: 0px 10px 0px 0px; font-size: 80%;}

#main_column .pagination ul	{margin: 0px; padding: 0px; list-style-type: none;}

#main_column .pagination ul	li {margin: 0px; padding: 0px; background: none; display: inline;}

#main_column .pagination ul	li a {margin: 0px 4px 0px 0px; display: block; float: left; border: solid 1px #FFFFCC; text-decoration: none; padding: 0px 5px 0px 5px; font-size: 80%; font-weight: bold;}

#main_column .pagination ul	li a:hover {background-color: #FFFFCC; color: #ffffff;}

#main_column .pagination ul	li.inactive a {border: solid 1px #eeeeee; font-weight: bold; color: #eeeeee;}

#main_column .pagination ul	li.inactive a:hover {border: solid 1px #eeeeee; font-weight: bold; color: #eeeeee; background-color: #ffffff;}

#main_column .pagination ul	li.selected a {border: solid 1px #5b5a5a; font-weight: bold; background:url(pagination_selected.gif) repeat-x top; color: #ffffff;}

#main_column .pagination ul	li.selected a:hover {border: solid 1px #5b5a5a; font-weight: bold; background:url(pagination_selected.gif) repeat-x top; color: #ffffff;}



/********* filter */ 

.filter	{ margin: 0px; padding: 20px; font-size: 80%; background:url(filter_bg.jpg) no-repeat top right; border: solid 1px #eeeeee;background-color: #dfdfdf;}

.filter span.title	{font-weight: bold; float: left; margin: 4px 20px 0px 0px; text-transform:uppercase;}

.filter	input {font-size: 100%}

.filter	select {font-size: 100%; border: solid 1px #ffffff; color: #688929;}

.filter .month	{background-color: red;}

.filter input.go	{ background: url(filter_go_btn.gif) no-repeat top; height: 20px; width: 31px; color: #ffffff; font-weight: bold; border: 0px; text-transform: uppercase; text-align: center; padding: 2px 2px 2px 2px; cursor: pointer; font-size: 12px;}

.filter input:hover.go	{background: url(filter_go_btn.gif) no-repeat bottom; text-decoration: underline;}

.filter	.filter1 {float: left; margin: 0px 20px 0px 0px;}

.filter	.filter2 {float: left;  margin: 0px 20px 0px 0px;}

.filter	.filter3 { margin: 0px 20px 0px 0px;}



/********* serach again  */ 

.searchagain	{padding: 20px 20px 20px 20px; font-size: 100%; text-align: center; font-weight: bold;}

.searchagain	 input.search	{background: url(filter_search_btn.gif) no-repeat top; height: 20px; width: 63px; color: #ffffff; font-weight: normal; border: 0px; text-transform: uppercase; text-align: center; padding: 2px 2px 2px 2px; cursor: pointer; font-size: 12px;}

.searchagain input:hover.search	{background: url(filter_search_btn.gif) no-repeat bottom; text-decoration: underline;}

.searchagain	 input.keyword	{background-color: #dfdfdf; border: 0px; width: 200px; padding: 3px 5px 3px 5px; font-weight: bold; margin: 0px 10px 0px 10px; font-weight: normal}



/* widgits */

#main_column .widgit	{margin: 0px 0px 30px 0px;}

#main_column .widgit .title	{
	font-weight: bold;
	text-transform: uppercase;
	background-color: #9C1C1D;
	color: #ffffff;
	padding: 4px 5px 4px 5px;
}	

#main_column .widgit ul	{margin: 10px 0px 10px 0px; padding: 0px; list-style-type: none; font-size: 85%; line-height: 16px;}

#main_column .widgit ul	li {margin: 3px 0px 3px 0px; background: url(sidenav_arrow_01.gif) no-repeat left top; padding: 0px 0px 0px 15px;}

#main_column .widgit ul	li.image	{margin: 0px; padding: 0px;}

#main_column .widgit ul	li.image a	{margin: 0px; padding: 0px;}

#main_column .widgit ul	li.image a img	{border: solid 1px #FFFFCC; margin: 0px; padding: 4px; text-decoration: none; background-color: #ffffff;}

#main_column .widgit ul	li a {color: #232222; text-decoration: none; width: 140px; display: block; padding: 2px 5px 2px 5px;}

#main_column .widgit ul	li a:hover	{background-color: #232222; color: #ffffff;}



/* breadcrumb*/

#main_column #breadcrumb	{
	position: absolute;
	left: 0px;
	top: -22px;
	font-size: 70%;
	width: 550px;
}

#main_column #breadcrumb	ul {margin: 0px; padding: 0px; list-style-type: none;}

#main_column #breadcrumb	ul li {margin: 0px; padding: 0px; display: inline; background-image: none;}



/* main column address*/

#main_column .address {padding: 10px; font-size:100%; background-color: #232222; color: #ffffff; background:url(bg_tile_tall_01_grey.gif) repeat-x top;}

#main_column .address span	{display: block; font-weight: bold; position: relative;}

#main_column .address img {float: left; border: solid 2px #727272; margin: 0px 20px 0px 0px;}

#main_column .address a:hover {color:#ffffff;}

#main_column .address h3 {color:#ffffff; position: relative;}

#main_column .address .maplink a { margin: 10px 0px 0px 0px; display: block;}



/* main column map*/

.map	{margin: 10px 0px 10px 0px;}



/*********  homepage */

/* homepage flash*/

#main_column #homeflash	{width: 640px; float: left; margin: 0px; padding: 0px;}



/* homepage feature-left*/

#feature-left	{width: 320px; float: right; line-height: 14px;}

#feature-left ul	{margin: 0px; padding: 0px; list-style-type: none;}

#feature-left ul li	{margin: 0px; padding: 0px;}

#feature-left ul li	a {background-color: #e5e5e5; display: block; height: 84px; margin: 0px 0px 10px 0px; cursor:pointer; padding: 0px 10px 0px 0px; text-decoration: none;}

#feature-left ul li	a span.image {float: left; margin: 0px 10px 0px 0px;}

#feature-left ul li	a span.title {
	font-weight: bold;
	display: block;
	color: #9C1C1D;
	padding: 5px 0px 5px 0px;
}

#feature-left ul li	a span.text {color: #232222; font-size: 90%;}

#feature-left ul li	a:hover	{background-color: #f4f4f4;}

#feature-left ul li	a:hover span.title {text-decoration: underline;}



/* homepage feature blocks*/

#feature-blocks	{clear: both;}

#feature-blocks ul	{margin: 0px; padding: 0px;list-style-type: none;}

#feature-blocks ul li	{margin: 0px; padding: 0px;  border-left: solid 1px #ffffff; border-top: solid 1px #ffffff;  display: block; width: 192px; float: left;}

#feature-blocks ul li a	{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 24px;
	height: 114px;
}

#feature-blocks ul li a	span.title {
	padding: 0px 5px;
	font-size: 75%;
}

#feature-blocks ul li.block1 a	{background: url(block_bg_01.jpg) repeat-x top left;}

#feature-blocks ul li.block2 a	{background: url(block_bg_02.jpg) repeat-x top left;}

#feature-blocks ul li.block3 a	{background: url(block_bg_03.jpg) repeat-x top left;}

#feature-blocks ul li.block4 a	{background: url(block_bg_04.jpg) repeat-x top left;}

#feature-blocks ul li.block5 a	{background: url(block_bg_05.jpg) repeat-x top left;}

#feature-blocks ul li.block6 a	{background: url(block_bg_06.jpg) repeat-x top left;}

#feature-blocks ul li.block7 a	{background: url(block_bg_07.jpg) repeat-x top left;}

#feature-blocks ul li.block8 a	{background: url(block_bg_08.jpg) repeat-x top left;}

#feature-blocks ul li.block9 a	{background: url(block_bg_09.jpg) repeat-x top left;}

#feature-blocks ul li.block10 a	{background: url(block_bg_10.jpg) repeat-x top left;}

#feature-blocks ul li a:hover	{background: url(block_bg_hover.jpg) repeat-x top left;}

#feature-blocks ul li a:hover	span.title {text-decoration: underline;}



/********* footer */
#footerwrapper	{background: url(footer_bg.jpg) no-repeat top center; background-color: #3c3f46; padding: 0px 0px 30px 0px;}
#footerwrapperblank	{background: url(footer_bg_blank.jpg) no-repeat top center; background-color: #3c3f46; padding: 0px 0px 30px 0px;}
#footer	{width: 970px; text-align: left; margin: 0% auto; font-size: 90%; padding: 30px 0px 0px 0px; color: #ffffff;}
#extrafooter{width: 970px; text-align: left; margin: 0% auto; font-size: 90%; padding: 40px 0px 0px 0px; color: #a1a3a8;}
#extrafooter A{color: #a1a3a8; text-decoration: none;}
#extrafooter A:hover{color: #a1a3a8; text-decoration: underline;}
.FooterFirstDiv{float: left; width: 222px;}
.FooterSectionTitle{text-align: left; color: white; font-weight: bold; font-size: 14px; padding-bottom: 20px;}
.FooterLinkHolder{ border-bottom: 1px #a1a3a8 dotted; margin-bottom: 10px; margin-left: 20px; margin-right: 20px;}
.FooterLink{color: #a1a3a8; text-decoration: none;}
.FooterSecondDiv{float: left; width: 165px;}
.FooterThirdDiv{float: left; width: 223px;}
.FooterFourthDiv{float: left; width: 525px;}
.LogoHolder{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px #a1a3a8 solid;}
.LogoHolder IMG{float: left; padding: 0 5px;}
.OptionHolder{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px #a1a3a8 solid;}
.OptionHolder IMG{vertical-align: middle;}
#FooterBottomContainer{background-color: #1c1d21; height: 70px;}
#FooterBottom{width: 970px; text-align: left; margin: 0% auto; font-size: 90%; color: #91949a; padding-top: 7px;}
#FooterBottomLeft{float: left; width: 300px;}
#FooterBottomRight{float: left; width: 670px; text-align: right;}
#FooterBottomRight A{color: #a1a3a8; text-decoration: none;}
#FooterBottomRight A:hover{color: #a1a3a8; text-decoration: underline;}





/* footer accreditation*/

#accreditation ul	{margin: 0px; padding: 0px; list-style-type: none; float: right;}

#accreditation ul li	{margin: 0px; padding:0px; display: inline;}



/*custom from site map*/

#SiteMapMainTable{width: 100%;}

#SiteMapMainTable TR { vertical-align: top;}

#SiteMapMainTable TR  TD{ Width: 50%;}

#SiteMapMainTable TR  TD a{display: block; background-color: #000000; font-weight: bold; color: #ffffff; padding: 5px; font-size: 120%; width: 265px; margin: 3px 0px 3px 0px;}

#SiteMapMainTable TR  TD a:hover{background-color: #727968; color: #ffffff;}

#SiteMapMainTable TR  TD DIV{}

#SiteMapMainTable TR  TD DIV a{width: 255px; display: block; background-color: #CC0B00; font-weight: bold; color: #ffffff;  font-size: 100%; padding: 0px 0px 0px 20px; margin: 3px 0px 3px 0px;}

#SiteMapMainTable TR  TD DIV a:hover{width: 255px; display: block; background-color: #727968; font-weight: bold; color: #f6f6f6;  font-size: 98%; padding: 0px 0px 0px 20px;}



/* footer top*/

#footer-top	{width: 970px; margin: 0% auto; border-top: solid 1px #cccccc; position: relative; color: #232222; font-size: 90%;}



/* footer-top mainnav*/

#footernav	{width: 530px;}

#footernav	ul {margin: 15px 0px 0px 0px; padding: 0px; list-style-type: none;}

#footernav	ul li {margin: 0px; padding: 0px 15px 0px 0px; display: inline;}

#footernav	ul li a {color: #FFFFCC; text-decoration: none; padding: 0px; font-weight: bold;}

#footernav	ul li a:hover {color: #232222; text-decoration: underline;}



/* footer-top address*/

.address {margin: 15px 0px 0px 0px; width: 530px;}

.address span	{display: block;}

.address ul	{margin: 0px; padding: 0px; list-style-type: none;}

.address ul li {margin: 0px; padding: 0px 10px 0px 0px; display: inline;}

.address ul li a {color: #FFFFCC;}

.address ul li a:hover {text-decoration: none;}



/* footer-top accreditation*/

#accreditation	{position: absolute; top: 20px; right: 0px;}

#accreditation ul	{margin:0px; padding: 0px; list-style-type: none;}

#accreditation ul li	{margin: 0px; padding: 0px; display: inline;}



/*****************dropdown nav july 2010*/

/*topnav*/

ul#topnav {margin: 0% auto; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; position: absolute;z-index: 1000000; top: 145px; width: 970px; }

* html ul#topnav {position: relative; top: 3px; left: 0px;}

*+html ul#topnav {position: relative; top: 3px; left: 0px;}



/*level 1*/

ul#topnav li {float: left;margin: 0; padding: 0;position: relative;}

ul#topnav li span.left {background: url(nav_left.jpg) no-repeat top left; float: left; color: #ffffff; font-size: 110%; padding: 7px 2px; height: 22px;}

ul#topnav li span.right {background: url(nav_right.jpg) no-repeat top left; float: left; color: #ffffff; font-size: 110%; padding: 7px 2px; height: 22px;}

ul#topnav li a {
	float: left;
	color: #ffffff;
	font-size: 110%;
	text-decoration: none;
	padding: 7px 12px;
	height: 22px;
	font-weight: normal;
	background-image: url(nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

ul#topnav li.current span.left {background: url(nav_current_left.jpg) no-repeat top left; height: 23px;}

ul#topnav li.current span.right {background: url(nav_current_right.jpg) no-repeat top left; height: 23px;}

ul#topnav li.current a {background: url(nav_current_bg.jpg) repeat-x top left; color: #232222; height: 23px;}

ul#topnav li:hover a, ul#topnav li a:hover {
	color: #ffffcc;
}

ul#topnav li.current a:hover {
	background-color: #ffffff;
	color:#000000;
}



/*submenu*/

ul#topnav li .sub {

position: absolute;	

	top: 37px; left: 4px;

	background: #9C1C1D url(sub_bg.png) repeat-x;

	padding: 10px 15px 10px 15px;

	float: left;

	/*--Bottom right rounded corner--*/

	-moz-border-radius-bottomright: 5px;

	-khtml-border-radius-bottomright: 5px;

	-webkit-border-bottom-right-radius: 5px;

	/*--Bottom left rounded corner--*/

	-moz-border-radius-bottomleft: 5px;

	-khtml-border-radius-bottomleft: 5px;

	-webkit-border-bottom-left-radius: 5px;

	display: none;

}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}



/* level 2*/

ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0;width: 150px; float: left;}

ul#topnav li .sub ul.long{width: 200px;}

ul#topnav .sub ul li {width: 100%; color: #fff;}

ul#topnav .sub ul li h2 {padding: 0;  margin: 0; font-size: 110% ;font-weight: bold;}

ul#topnav .sub ul li h2 a {padding: 4px 0; background-image: none; color: #FFFFCC;}

ul#topnav .sub ul li a {float: none; text-indent: 0; /*--Reset text indent--*/height: auto; background: url(navlist_arrow.png) no-repeat 5px 12px; padding: 5px 5px 5px 15px; display: block; text-decoration: none; color: #fff;  font-size: 90%; font-weight: normal;}

ul#topnav .sub ul li a:hover { color: #FFFFCC; background-position: 5px 12px; text-decoration: underline;}





/*this is what we want the div to look like*/

div.botright{

display:block;



/*set the div in the bottom right corner*/

position:absolute;

bottom:0;

right:0;

width:100px;



/*give it some background and border*/

background:#eee;

border:1px solid #ddd;

}





/*Price List*/

.SectionTitle{

	padding: 5px;

	font-weight: bold;

	font-size: 15px;

	border: 2px #FFFFCC solid;

	xbackground-color: #cfe4a9;

}

#PriceList{

	width: 559px;

	background-color: #d0dfb4;

}

#PriceList TR TH{

	padding: 10px 0;

	background-color: #e2f1c6;

}

#PriceList TR TD{

	background-color: white;

	padding: 3px 5px;

}

.SmallText{

	font-size: 10px;

}

.CourseNameCell{

	width: 250px;

}

.LessonPerWeekCell{

	text-align: center;

	width: 150px;

}

.CourseNameCellNonEU{

	width: 200px;

}

.LessonPerWeekCellNonEU{

	text-align: center;

	width: 230px;

}



.CostPerWeekCell{

	text-align: center;

}



/*Accommodation Cost*/

#AccomodationPriceTable{
	width: 550px;
	background-color: #d0dfb4;
}
#AccomodationPriceTable TR TH{
	padding: 5px;
}

#AccomodationPriceTable TR TD{
	padding: 5px;
}

.AccomodationPriceOddCell{

	background-color: #eaf4d8;

}

.AccomodationPriceEvenCell{

	background-color: white;

}



/*Social Activity calender*/

#SocialActivityCalender{

	width: 560px;

	background-color: #556b25;

	font-size: 11px;

	text-align: center;

}

#SocialActivityCalender TR TH{

	width: 80px;

	font-size: 12px;

	background-color: #3a4b15;

	padding: 3px;

	color: white;

}

#SocialActivityCalender TR TD{

	background-color: white;

	padding: 3px;

}

.CalenderHighlightedCellText{

	color: #9c0703;

	font-weight: bold;

}

.CalenderHighlightedTitleText{

	color: #18fd00;

}



/*Academic calender*/

.MonthNameDiv{

	text-align: center;

	border: 1px #556b25 solid;;

	padding: 3px;

	font-size: 14px;

}

#AcademicCalenderTable{

	width: 560px;

	background-color: #556b25;

	text-align: center;

}

#AcademicCalenderTable TR{

	vertical-align: top;

}

#AcademicCalenderTable TR TH{

	width: 80px;

	background-color: #3a4b15;

	color: white;

	padding: 4px;

}

#AcademicCalenderTable TR TD{

	padding: 2px;

	height: 80px;

}

#AcademicCalenderTable TR TD DIV{

	font-size: 11px;

	font-weight: bold;

	background-color: #d0dfb4;

	border: 1px white dotted;

}

.CalendarDisableCell{

	background-color: #eeeeee;

	vertical-align: middle;

	color: #a8a8a7;

}

.CalendarCommonCell{

	background-color: white;

	font-size: 10px;

}

.CalendarHolidayCell{

	background-color: #c6e48d;

	font-size: 10px;

}

.CalendarCourseStartCell{

	background-color: #d8ff8f;

	font-size: 10px;

}

.CalendarExamCell{

	background-color: #acbd8b;

	font-size: 10px;

}

.CalendarExamCellInternal{

	background-color: #90b841;

	font-size: 10px;

}

.CalendarInfoDivider{

	margin: 0px;

	padding: 0px;

	color: grey;

}



#AcademicCalenderColorTable{

	width: 300px;

}

.GoTopDiv{

	padding-top: 7px;

	padding-bottom: 7px;

	text-align: right;

}
/*New price 2011-12*/
.PriceListContainer{background-color: #F1B1B1; padding: 5px;}
#NewPriceTable{background-color: none; width: 100%;}
#NewPriceTable TR{vertical-align: top;}
/*#NewPriceTable TR TH{background-color: #DD4444;	color: white; padding: 5px;}*/
#NewPriceTable TR TH{	color: white; padding: 5px;}
#NewPriceTable .TitleRow{background-color: #DD4444; font-weight: bold;}
#NewPriceTable .BlankRow{font-size: 0px; height: 3px; padding: 0;}
#NewPriceTable .BlankRow TD{font-size: 0px; height: 3px; padding: 0;}
#NewPriceTable .ValueRow{background-color: #ffffff;}
#NewPriceTable .ValueRow1{}
#NewPriceTable TD{padding: 3px;}
#NewPriceTable .TitleRow{}
.CourseCodeCell{width: 100px;}
.CourseCodeInfo{font-size: 10px; text-align: left; margin-top: 5px;}
.CourseDescriptionCell{width: 170px;}
.CourseDurationCell{width: 55px; text-align: center;}
.CollegeNameCell{background-color: #ffffff; width: 30px; font-size: 16px; font-weight: bold; text-align: center; line-height: 15px;}
.CourseNameCell{font-size: 10px;}
.BoldText{font-weight: bold; font-size: 13px;}
.ExtraTable{width: 100%;}

.EnglishCourseDescriptionCell{width: 225px;}
.EnglishCourseDurationCell{width: 205px;}
.EnglishCourseFeeCell{text-align: center;}

.One{border-right: 1px #DD4444 solid;}
.Two{border-right: 1px #DD4444 solid;}

TH.NewPriceListWeekCell{background-color: #9c1c1d;}
TD.NewPriceListWeekCell{Color: #000000;}
TH.Price15HrsPerWeek{background-color: #D82727}
TD.Price15HrsPerWeek{color: #000000}


/*************Custom (by Arif) ********************/
.BookOnlineLink{
	width: 160px;
	height: 25px;
	display: block;
	background: url('book_online_btn.png') no-repeat top;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.BookOnlineLink:hover{
	color: white;
	background: url('book_online_btn.png') no-repeat bottom;
	text-decoration: none;
}

.ColumnHolder{background: url(column_border.png) repeat-y 665px;}
.LeftColumn{width: 650px; float: left; padding-right: 15px;}
.RightColumn{width: 290px; float: left; padding-left: 15px;}

.PersonalDetailLeftColumn{width: 320px; float: left; padding-right: 7px;}
.PersonalDetailRightColumn{width: 320px; float: left;}

#CourseListUL A{font-size: 15px; text-decoration: none; color: black;}
#CourseListUL A:hover{text-decoration: underline;}

.ErrorMessage{color: red;}

.LabelDiv{font-weight: bold; margin-bottom: 10px;}
.LabelDivError{font-weight: bold; color: red; margin-bottom: 10px;}
.LabelDivLeft{font-weight: bold; margin-bottom: 10px; float: left; width: 150px;}
.LabelDivLeftError{font-weight: bold; margin-bottom: 10px; color: red; float: left; width: 100px;}
.InputDropDown{border: 1px grey solid; font-size: 12px;}
.InputText{border: 1px grey solid; font-size: 12px;}
.DOBInputText{border: 1px grey solid; font-size: 12px;}
.DatePicker{background: url(calender.gif); width: 18px; height: 20px; border: none;}
.InputTextarea{border: 1px grey solid; font-size: 12px; width: 300px; height: 80px;}

.RoghtPanelInfoDiv{padding-bottom: 6px; border-bottom: 1px grey dotted;}

.InfoColumnsHolder{padding-bottom: 2px; border-bottom: 1px grey dotted;}
.InfoColumnLeftDiv{width: 190px; float: left;}
.InfoColumnRightDiv{width: 90px; float: left; padding-left: 10px;}

.Required{color: red;}

.AccomodationDetailMainDiv{margin-top: 10px;}
.ArrivalDetailChkboxMainDiv{margin-top: 10px;}

.NextButton{background: url(form_submit_btn.gif) no-repeat top; width: 93px; height: 25px; border: none; color: white; font-weight: bold;}
.NextButton:hover{background: url(form_submit_btn.gif) no-repeat bottom; width: 93px; height: 25px; border: none;}

.BookButton{background: url(book_online_btn.png) no-repeat top; width: 160px; height: 25px; border: none; color: white; font-weight: bold;}
.BookButton:hover{background: url(book_online_btn.png) no-repeat bottom; width: 160px; height: 25px; border: none; color: white; font-weight: bold;}

.ConfirmationSectionTitle{font-size: 16px; font-weight: bold; border-bottom: 1px grey dotted; padding-bottom: 2px; margin-bottom: 10px;}

.ConfirmationInfoDiv{text-align: center; border: 5px #688b27 solid; padding: 30px; font-size: 20px;}

.CourseSectionHolder{border: 1px grey solid; padding: 1px; margin-bottom: 10px;}
.CourseSectionTitle{background-color: #5b781c; font-size: 18px; padding: 6px; color: #ffffff;}
.CourseSectionTextHolder{padding: 8px; color: #666666;}
.CourseSectionTextHolder A{font-size: 16px; font-weight: bold; color: #a20101; text-decoration: none;}
.CourseSectionTextHolder A:hover{text-decoration: none; border-bottom: 1px dotted;}
.CourseListInfo{font-size: 11px;}

.CourseDetailLeftColumn{float: left; width: 300px; padding-right: 7px;}
.CourseDetailRightColumn{float: left; width: 300px;}

.ConfirmationStudentID{
	font-size: 30px;
	font-weight: bold;
	color: #FFFFCC;
}
.PayButton{background: url(book_online_btn.png) no-repeat top; width: 160px; height: 22px; border: none; color: white; font-weight: bold; margin-right: 27px; display: block; text-decoration: none; text-align:center; padding-top: 3px;}
.PayButton:hover{background: url(book_online_btn.png) no-repeat bottom; width: 160px; height: 22px; border: none; color: white; font-weight: bold;}

/*********English dept quick link***********/
.EnglishQuickLink	{width: 175px; float: right; line-height: 14px;}
.QuickLinkHolder {border: 1px green solid; height: 39px; margin: 0px 0px 3px 0px;}
.QuickLinkHolder	a {background-color: #e5e5e5; display: block; height: 35px; margin: 0px 0px 3px 0px; cursor:pointer; padding: 0px 10px 0px 0px; text-decoration: none; border: 2px #ffffff solid;}
.QuickLinkHolder	a span.image {float: left; margin: 0px 10px 0px 0px;}
.QuickLinkHolder	a img{vertical-align: middle;}
.QuickLinkHolder	a span.link {font-weight: bold; font-size: 118%; display: block; color: #607f23; padding: 10px 0px 5px 0px;}
.QuickLinkHolder	a span.text {color: #232222; font-size: 90%;}
.QuickLinkHolder	a:hover	{background-color: #f4f4f4;}
.QuickLinkHolder	a:hover span.link {text-decoration: underline; color: #607f23;}