body {margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; background-color:#1c7eb2; background-image:url(../images/PageBg.jpg); background-repeat:repeat-x;}
#OuterWrapper {background-color:#ededec;} /* provide grey background between header and footer */
#Container {width:930px; border-top:none;margin:auto; background-image:url(../images/ContainerBg.jpg); background-repeat:repeat-y;padding:15px 35px 20px 35px;}
#Top {height:166px; background-image:url(../images/TopBg.jpg); background-repeat:no-repeat; background-position:center;}
#Banner { width:1000px; margin:0 auto 0 auto;height:135px; }
#Login {width:260px; height:42px; position:relative; left:692px;top:55px; color:#fff; font-size:90%;line-height:150%;}
.NavBar {height:30px; width:937px;margin:0 auto 0 auto;position:relative;top:0px;left:0px; overflow:hidden;}
#TopBar {height:14px; padding-top:1px; font-size:90%; font-weight:bold;}
#Lhs {float:left; display:inline;margin:0px 20px 0 7px;width:599px; background-image:url(../images/LhsBg.jpg); background-repeat:no-repeat;padding:10px; font-size:90%;}
#Footer {height:126px; background-image:url(../images/FooterBg.jpg); background-repeat:repeat-x;}
#FooterContent {width:960px; margin:0 auto 0 auto;padding-top:30px;height:100px;color:#2cc1f9;font-size:90%;}
.FooterBox {width:280px;height:80px; float:left; display:inline;margin-left:28px;}

/* Right Hand Column */
#Rhs {float:left; display:inline; width:280px; padding:0; }
.RhsBlue {background-image:url(../images/RhsBg.jpg);background-color:#1c7eb2; position:relative; background-position:bottom; background-repeat:no-repeat; margin:0 0 15px 0;width:padding-bottom:10px;height:442px;}
.BlueTop { height:10px; background-image:url(../images/BlueTopBg.jpg); background-repeat:no-repeat;margin-bottom:10px;}
.RhsBox {width:227px; height:184px; margin:0 0 10px 11px; background:url(../images/RhsBoxBg.jpg);no-repeat;padding:3px 15px 10px 15px;font-size:90%;overflow:hidden;}
.RhsBox h2 {margin:0px 0 18px 0; font-size:14px; font-weight:bold;color:#006699;}
.RhsBox strong {color:#006699;display:block;font-size:110%;}
.RhsBox a.red {color:#cc0033; display:block;margin:10px 0 0 0;border-top:1px solid #2cc1f9;padding:3px 0 0 0;}
.RhsBox a.view {color:#cc0033; font-size:11px;}
.RhsBox a:hover {text-decoration:underline;}
#LatestJobs strong {display:inline;}
#LatestJobs a.red {color:#cc0033; display:block;margin:2px 0 5px 0;border-bottom:1px solid #2cc1f9;border-top:none;padding: 0 0 3px 0;}
#LatestJobs a.view {color:#cc0033; font-size:11px;}
#Celebrate {height:170px; margin-left:-9px;  background:url(../images/Celebrate.jpg); no-repeat; text-align:center; padding-top:9px;display:block; }
#Celebrate h1 {font-size:12px;color:#997d08;margin:0;}
#Advert {text-align:center;}


/* Homepage */
#HomePanel {margin:20px 0 0 0;}
#SpecialOffer {width:270px; height:95px;margin:0 13px 0 0; background-color:#e8e8e8; background-image:url(../images/SpecialOfferBg.jpg); background-repeat:no-repeat;padding:35px 10px 10px 10px; float:left; display:inline;}
#SpecialOffer strong {color:#1c7eb2; }
#SpecialOffer img {float:right; border:1px solid #1c7eb2;margin-left:10px;}
#SpecialOffer a {color:#d27b14;}

#GalleryBox {width:290px; height:211px;margin:12px 13px 0 0; position:relative;overflow:hidden; float:left;display:inline;}
#GalleryBoxTop {height:45px;width:290px; background:url(../images/GalleryBoxTop.png); no-repeat; position:absolute; z-index:1000; }
#GalleryBoxBot {height:45px;width:290px; background:url(../images/GalleryBoxBot.png); no-repeat; position:absolute;bottom:0px; z-index:1000;}
.HomeGallery {margin-top:6px;}
#Join {width:271px;height:150px; background:url(../images/JoinBg.gif); no-repeat;margin:12px 0 0 0;float:left;display:inline; padding:50px 10px 10px 10px;color:#fff;}
#Join a {color:#FFF; text-decoration: underline;}
#Join a:hover {text-decoration:underline;}

*:first-child+html #Join {float:none;display:block;}

/* Navigation */
.NavBar a {display:block;height:21px; border:0px solid #0000FF;padding:8px 8px 0px 8px; text-align:center; float:left; color:#fff;margin:0 0px 0 0px; color:#a78d22; font-weight:bold; }
.NavBar a:hover {background-color:#d27b14; color:#fff5c9;}
a {text-decoration:none;}
.FooterBox a {color:#2cc1f9;}
.FooterBox a:hover {color:#fff;}

/* Miscallanious */
.Right {float:right;}
.Left {float:left;}
.Top {position:absolute; left:0px top:0px;}
.TenPadder {padding:10px;}
#Lhs h3 {color:#2cc1f9;}
form {margin:0;}
#Login input {height:12px; width:120px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#333;}
#Login .LoginBtn {position:absolute;left:200px;top:-1px; width:50px;height:40px; background-color:#e0cc67; color:#a55e09;font-size:110%; font-weight:bold; cursor:pointer; border:1px solid #a55e09;}
.LoginSubmit{position:absolute;left:200px;top:-1px; width:50px;height:40px; background-color:#e0cc67; color:#a55e09;font-size:110%; font-weight:bold; cursor:pointer; border:1px solid #a55e09;}
.Clear {float:none; clear:both; height:1px; overflow:hidden;padding:0;}

/* Search */
#SearchBox{background-color:#F4D757; height:40px;}
.SearchButton{width:50px; cursor:pointer; background-color:#1D7EB3; border:solid 1px #1D7EB3; color:#FFFFFF; font-family:Verdana; font-size:11px;}
.SearchText{width:120px; height:15px; font-family:Verdana; font-size:11px;}
.SearchText2{width:150px; height:15px; font-family:Verdana; font-size:11px;}
.SearchText3{width:60px; height:15px; font-family:Verdana; font-size:11px;}
.SearchLocation{font-family:Verdana; font-size:11px; height:20px; width:125px;}

#SearchResult{background-color:#E8E8E8;  margin:3px 5px 0px 5px;padding:5px;}
#SearchResult .SearchDate{float:right; padding-top:4px;}
#SearchResult .SearchTitle{float:left; color:#5F5F5F; padding-top:4px;width:400px;border:0px solid #000;}
#SearchResult .SearchDescription{position:relative;border:1px solid #e8e8e8;display:block;margin-top:3px; }
#SearchResult .SearchClick{color:#FF0000; font-size:11px;}
#SearchResult .ResultText{margin:0px 5px 0px 5px;}
#SearchResult .Black{color:#5F5F5F; font-family:Verdana; font-weight:bold;}
#SearchResult .Blue{color:#4561C5; font-family:Verdana; font-weight:bold;}

.Blue12{color:#187BB4; font-size:12px; font-weight:bold; font-family:Verdana;}
.Blue11{color:#187BB4; font-size:11px; font-weight:bold; font-family:Verdana;}


/* Members */
#MemberLogin{line-height:18px;}
#MemberLogin a{text-decoration:none; color:#FFF;}
.EntryText{width:300px; height:17px; font-family:Verdana; font-size:11px;}
.EntryText2{width:275px; height:17px; font-family:Verdana; font-size:11px;}
.DropDown{font-family:Verdana; font-size:11px;}
.Required{color:Red;font-size:11px;}
.Required2{color:Red;font-size:15px;}
.Normal{color:#000;}

/* Links */
#LinkBox{background-color:#C8B557; height:25px; text-align:center; padding-top:10px;}
#LinkBox a{color:#4561C5; font-weight:bold;}
#LinkBox a:selected{color:#FFFFFF; font-weight:bold;}
#LinkBox .selected{color:#FFFFFF; font-weight:bold;}
.Title {font-size:11px; color:#2cc1f9; font-weight:bold;}
.Description{line-height:16px;}
.url{color:#000; text-decoration:none;}


/* Gallery */
#Gallery 
{
	margin:0px 5px 0px 5px;
	position:relative;
	min-height:400px;
}
* html div#Gallery { 
   height: expression( this.scrollHeight < 400 ? "400px" : "auto" ); /* fix for IE6 */
}
.GalleryBox 
{
	width:120px;
	height:110px;
	margin:10px;
	border-top:1px solid #2DBFFB;
	border-right:1px solid #2DBFFB;
	border-bottom:1px solid #2DBFFB;
	border-left:1px solid #2DBFFB;
	text-align:center;
	position:relative;
	float:left;
	overflow:hidden;
	color:#9c0505;
	font-weight:bold;
}
.GalleryBox img 
{
	display:block;
	margin:0 0 10px 0;
	border:none;
	height:110px;
}

#CategoryBox{background-color:#C8B557; height:45px;}
#CategoryBox .Category{float:left; padding-top:8px; padding-left:15px;}
#CategoryBox .CategoryDrop{font-family:Verdana; font-size:11px; height:20px; width:auto;}
#CategoryBox .Paging{float:left; padding-top:8px; padding-left:30px;}
#CategoryBox .LocationDrop{padding-top:10px; padding-left:30px; position:absolute;}
#CategoryBox .Logo{float:right; padding-right:10px;}

#ViewBox{background-color:#E8E8E8; height:30px; margin-top:2px;}
#ViewBox .Item{text-align:center; padding-top:7px;}
#ViewBox .Blue{color:#187BB4; font-size:12px; font-weight:bold; font-family:Verdana;}
#ViewBox .Black{color:#5F5F5F; font-weight:bold; font-family:Verdana;}

#ContactHeaderBox{height:30px; background-color:#F4D654;}
#ContactHeaderBox .HeaderText{color:#d27b14; font-size:12px; font-weight:bold; position:relative; top:7px; left:8px;}

#ContactBox{background-color:#EDEDEC;}
#ContactBox .Blue{color:#1C7EB2; font-weight:bold;}
#ContactBox .Orange{color:#DB4E3C; font-weight:bold;}