/*****************/
/* TAG LEVEL CSS */
/*****************/
* {padding:0px;margin:0px;}

body {
   font-family:Arial,sans-serif;
   font-size:12px;
   color:black;
   background-color:white;
}

/*Default link behaviour*/
a {color:#2489A2;font-weight:bold;text-decoration:none;border:0px;}

p.errorDisplay {text-align:center;margin:20px 0;font-size:14px;color:#AE1115;}

/****************/
/*PAGE STRUCTURE*/
/****************/
#contentHolder {
   margin:0 auto;
   width:1000px;
   padding-top:1px;
}

/*HEADER*/
#header {
   height:139px;
	  width:1000px;
	  background:url(../images/header.png) transparent no-repeat;
	  color:white;
}

#header #logo {
   position:relative;
   float:left;
   top:14px;
   left:30px;
}

#header #links {
   float:right;
   padding:18px;
   font-size:16px;
   font-weight:normal;
   text-align:right;
}

#header #links a {padding:0 8px;text-decoration:none;color:white;}
#header #links a:hover {text-decoration:underline;}

#header #searchContainer {
   width:330px;
   float:right;
   clear:right;
   margin-top:30px;
   margin-right:20px;
   background:url(../images/searchTextBox.png) transparent no-repeat 90px 1px;
}

#header #searchContainer #searchTitle {float:left;font-size:16px;line-height:27px;}
#header #searchContainer form {float:right;width:230px;}

#header #searchContainer form input#searchTerm {
  float:left;
  position:relative;
  width:175px;
  top:6px;
  margin-right:25px;
  border:transparent;
}

#header #searchContainer #searchImageButton {padding-top:1px;}



/***********************************************************************************************************/
/*NAV BAR*/
ul#mainNav {
position:relative;
list-style-type:none;
margin-left:2px;
background-color:transparent;
margin-top:-1px;
height:35px;
z-index:0;
}

ul#mainNav li.topLevel {
   float:left;
   width:142px;
   height:35px;
   line-height:27px;
   text-align:center;
   background:url(../images/navTab.png) transparent no-repeat;
}

ul#mainNav li.topLevel:hover {}

ul#mainNav a.topLevelLinks {
display:block;
height:35px;
width:142px;
color:#336633;
font-size:12px;}

ul#mainNav a.topLevelLinks:hover {}

ul#mainNav a.topLevelLinks:hover + div.subnav,  ul#mainNav li.topLevel:hover div.subnav {display:block;}

ul#mainNav div.subnav {
	display: none;
	position: absolute;
	padding-top:45px;
	margin-top:-32px;
	width:989px;
	left:2px;
	top:32px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:10px solid #cccccc;
	background-color:#f4fff0;
	z-index:-1;
}

ul#mainNav ul.subnavContent {
	list-style: none;
}

ul#mainNav ul.subnavContent li {
	clear: both;
	height: auto;
	padding:6px;
}

ul#mainNav div.subnav dl {
	float: left;
	width: 187px;
	margin:0px 2px;
	text-align:left;
}

ul#mainNav div.subnav dl a {line-height:15px;color:black;}
ul#mainNav div.subnav dl dt {background-color:#ccc;font-weight:bold;}
ul#mainNav div.subnav dl dd ,ul#mainNav div.subnav dl dt {padding-left:8px;}

/**************************************/
/*           NAVIGATION               */
/**************************************/
ul#navBar {
list-style-type:none;
background-color:transparent;
z-index:300;
position:relative;
}

ul#navBar li.topLevel{position:relative;float:left;}




ul#navBar li.topLevel div.navBarSubList {
	/*width:989px;*/
        display: none;
	position: absolute;
	left:-2px;
	top:28px;
	width:550px;
	/*border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:10px solid #cccccc;*/
	/*background-color:#184854;*/

	z-index:-1;
}
ul#navBar li.topLevel div.navBarSubListRight {
	/*width:989px;*/
        display: none;
	position: absolute;
	right:-5px;
	top:28px;
	width:550px;
	/*border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:10px solid #cccccc;*/
	/*background-color:#184854;*/

	z-index:-1;
}
/*Auto Display - Only used when javascript disabled. This line is disabled when js on @ jquery.js line 41*/
ul#navBar li.topLevel:hover .navBarSubList {display:block;}
ul#navBar li.topLevel:hover .navBarSubListRight {display:block;}
ul#navBar li.topLevel:hover .link .left{background-image:url("../images/version2/highlightLeft.jpg");}
ul#navBar li.topLevel .link .left{height:37px;width:4px;float:left;}
ul#navBar li.topLevel:hover .link .right{background-image:url("../images/version2/highlightRight.jpg");}
ul#navBar li.topLevel .link .right{height:37px;width:4px;float:left;}
ul#navBar li.topLevel:hover .link .fill{background-color:#1a5a68;}
ul#navBar li.topLevel .link .fill{float:left;height:37px;}
ul#navBar a.topLevelLinks:hover + div.navBarSubList{display:block;}
ul#navBar a.topLevelLinks:hover + div.navBarSubListRight{display:block;}

ul#navBar ul.navBarSubListContent {
	list-style: none;margin-top:5px;padding-top:10px;line-height:17px;
}

ul#navBar ul.navBarSubListContent li {
	height: auto;
 clear: both;
	padding:6px;
}

ul#navBar div.navBarSubList dl {
	width: 170px;
 float: left;
	margin:0px 2px;
	text-align:left;
}
ul#navBar div.navBarSubListRight dl {
	width: 170px;
 float: left;
	margin:0px 2px;
	text-align:left;
}

.navBarSubListTopLeft{width:540px;display:block;background-image:url(../images/version2/dropdown.gif);background-position: top left;}
.navBarSubListTopRight{width:540px;margin-left:20px;display:block;background-image:url(../images/version2/dropdown.gif);background-position: top right;}
.navBarSubListBottomLeft{width:540px;/*margin-top:0em;*/display:block;height:30px;background-image:url(../images/version2/dropdown.gif);background-position: bottom left;}
.navBarSubListBottomRight{width:536px;margin-left:2.0em;display:block;height:30px;background-image:url(../images/version2/dropdown.gif);background-position: bottom right;}


ul#navBar div.navBarSubList dl a.sublink:hover, {text-decoration:underline;}
ul#navBar div.navBarSubList dl a.sublink, {font-size:12px;line-height:15px;color:white;font-weight:bold;text-decoration:none;}
ul#navBar div.navBarSubList dl dt a.sublink:hover{text-decoration:underline;}
ul#navBar div.navBarSubList dl dt a.sublink{font-size:12px;line-height:15px;color:white;font-weight:bold;text-decoration:none;}
ul#navBar div.navBarSubList dl dd a.sublink:hover{text-decoration:underline;}
ul#navBar div.navBarSubList dl dd a.sublink{font-size:12px;line-height:15px;color:white;font-weight:normal;text-decoration:none;}
ul#navBar div.navBarSubList dl dd ,ul#navBar div.navBarSubList dl dt {padding-left:8px;}

ul#navBar div.navBarSubListRight dl a.sublink:hover, {text-decoration:underline;}
ul#navBar div.navBarSubListRight dl a.sublink, {font-size:12px;line-height:15px;color:white;font-weight:bold;text-decoration:none;}
ul#navBar div.navBarSubListRight dl dt a.sublink:hover{text-decoration:underline;}
ul#navBar div.navBarSubListRight dl dt a.sublink{font-size:12px;line-height:15px;color:white;font-weight:bold;text-decoration:none;}
ul#navBar div.navBarSubListRight dl dd a.sublink:hover{text-decoration:underline;}
ul#navBar div.navBarSubListRight dl dd a.sublink{font-size:12px;line-height:15px;color:white;font-weight:normal;text-decoration:none;}
ul#navBar div.navBarSubListRight dl dd ,ul#navBar div.navBarSubList dl dt {padding-left:8px;}


/*FLASH CONTENT*/
img#flashContent{margin-top:20px;margin-left:4px;}

#midleft2
{
    float: left;
	width: 230px;
}

#midleft
{
    float: left;
    padding: 5px 5px 5px 5px;
	width: 360px;
}

#midlefta
{
    float: left;
    padding: 5px 5px 5px 5px;
	width: 335px;
}

#midleft1
{
    float: left;
	margin-top:4px;
	width: 115px;
}

#midright
{
    float: right;
	overflow: auto;
    position: relative;
	width: 615px;
}

#DetailsImage
{
    float: left;
	padding: 5px 5px 5px 5px;
	width: 290px;
}

#DetailsOuter
{
    float: left;
        padding: 5px 5px 5px 5px;
        width: 220px;
        min-height: 250px;
}

.ReviewGeneral
{
    float: right;
    border: 0px;
    padding: 5px 5px 5px 5px;
    width: 208px;
    text-align: left;
    h1.font-size:13px;
    color:#ffffff;
    p.text-size:11px;
    p.text-align: left;
}

#none
{
    padding: 0px 5px 0px 5px;
}

#white
{
    color:white;
    background-color:rgb(24, 72, 84);
    padding: 0px 5px 0px 5px;
}

#white a
{
    color:white;
}

#blue
{
    color:#184854;
}

#blue a
{
    color:#184854;
}

.ReviewGeneral .topR{width:208px;height:6px;background-image:url(../images/version2/topbar.jpg);}
.ReviewGeneral .bottomR{width:208px;height:6px;background-image:url(../images/version2/botbar.jpg);}
.ReviewGeneral .fillR{text-align:left;width:208px;height:auto;background-image:url(../images/version2/midbar.jpg);background-color:white;}
.ReviewGeneral .fillR table{text-align:left;}

#DetailsGeneral
{
	color: #184854;
	text-align: left;
    float:left;
    border: 0px;
	padding: 5px 5px 5px 5px;
	width: 230px;
	text-align: right;
	h1.font-size:14px;
	font-size:13px;
}

#DetailsMain
{
    clear: both;
    float: left;
	padding: 5px 5px 5px 5px;
	width: 540px;
}

#PicsOuter
{
    float: left;
	padding: 5px 5px 5px 5px;
	width: 290px;
	min-height: 250px;
}

#PicsInner
{
	min-height: 250px;
	border: 4px solid rgb(36, 137, 162);
	background-color: #ffffff;
	text-align: center;
}

#ScrollArea
{
	font-size:13px;
	min-height: 30px;
	border: 0px;
	background-color: #2489a2;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#rightScrollBtn
{
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#leftScrollBtn
{
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#widget
{
    float: right;
    overflow: auto;
    position: relative;
	padding: 5px 5px 5px 5px;
	width: 165px;
	min-height: 210px;
	background-color: rgb(161, 194, 203);
	margin:5px;
}

#askqstn
{
    clear right;
	float: right;
    overflow: auto;
    position: relative;
	padding: 5px 5px 5px 5px;
	width: 540px;
	min-height: 60px;
	background-color: rgb(161, 194, 203);
	margin:5px;
}
.featuredDropClass
{
	font-weight: bold;
}

#Qcol1
{
    float: left;
    position: relative;
	padding: 5px 5px 5px 5px;
	width: 175px;
    nin-height: 200px;
}

#Qcol2
{
    float: left;
    position: relative;
	padding: 5px 5px 5px 5px;
	width: 175px;
    nin-height: 200px;
}

#Qcol3
{
    float: left;
    position: relative;
	padding: 5px 5px 5px 5px;
	width: 175px;
    nin-height: 200px;
}

#Qbreak
{
	clear: both;
    float: left;
    position: relative;
	padding: 5px 5px 5px 5px;
	width: 700px;
}

.bodytopleftimage
{
  float:left;
  width:610px;
  height:325px;
  border:1px solid #59585d;
  background-color:#000000;
}

.bodytopleftimage img
{
  width:100%;
  height:100%;
  border:0px;
}

.bodytopleftimage a
{
	border:0px;
}

.bodytopleftinfo
{
  background-image:url("images/mainbodyimagebox.jpg");
  background-repeat:no-repeat;
  height:224px;
  width:180px;
  margin-left:10px;
  margin-top:20px;
  padding: 10px;
}

.bodytopleftinfo p
{
 margin-top:10px;
 font-size:15px;
}

.bodytopleftinfo p.colour
{
 margin:0;
 font-size:28px;
}

.bodytopleftinfo p.subtitle
{
 color:#ffffff;
 font-size:18px;
}

.bodytopleftscroller
{
  float:left;
  width:610px;
  height:53px;
  background-color:#1c1c1c;
  border:1px solid #59585d;
}

.bodytopleftscroller ul li
{
  display: inline-block;
  width:93px;
  height:51px;
  margin-right:8px;
  float:left;
}

.bodytopleftscroller a
{
	border:0px;
}

.bodytopleftscroller img
{
  width:100%;
  height:100%;
  border:0px;
}

/*HOME PAGE BLOCKS*/
#homePageBlocks {position:relative;min-height:620px;margin-right:0px;top:-3px;margin-left:0px;padding:0px;font-size:13px;text-align:justify;}
#homePageBlocks #left {background:url(../images/homePageBlockDrawings.png)  no-repeat;width:271px;margin-right:17px;}
#homePageBlocks #center {background:url(../images/homePageBlockBlueSky.png) no-repeat;width:272px;margin-right:17px;}
#homePageBlocks #right {background:url(../images/homePageBlockBricks.png)   no-repeat;width:271px;}
#homePageBlocks #text {padding:5px;color:#2489a2;}
#homePageBlocks #search {padding:7px;}
#homePageBlocks #search #result_report {text-align:center;}
#homePageBlocks #search #other_pages {text-align:center;}
#homePageBlocks #search .description {font-size:12px;}
#homePageBlocks #search #yoursearch {font-weight:bold;text-align:center;font-size:16px;}
#homePageBlocks #search .url {font-size:11px;}
#homePageBlocks #block{font-size:12px;color:#2489a2;width:560px;margin-left:auto;margin-right:auto;}
#homePageBlocks #block a{color:#2489a2;font-weight:bold;text-decoration:none;}
#homePageBlocks #block p{margin-bottom: 1em;}

/*HOME PAGE BLOCKS*/
#footer {clear:both;background:url(../images/footern1.png) transparent no-repeat bottom;height:37px;line-height:37px;text-align:center;color:white;}
#footer a {color:white;}

/**************************************/
/*         DYNAMIC CONTENT            */
/**************************************/
div.dynamicContent{float: right;min-height:150px;margin:10px auto;width:750px;}
/*FCK Styling - Must be mirrored*/
div.dynamicContent p {margin:10px 0px;}
div.dynamicContent h1 {text-align: center;}

/**************************************/
/*         DESTINATION CONTENT            */
/**************************************/
#destContent{position:relative;float: right;min-height:150px;top:-23px;width:615px;text-align:justify;}}
/*FCK Styling - Must be mirrored*/
#destContent p {margin:10px 0px;font-size:13px;text-align:justify;}
#destContent h1 {margin:10px 0px;font-size:18px;text-align:center;}
#destContent h2 {margin:10px 0px;font-size:15px;text-align:left;}
#destContent h3 {margin:10px 0px;font-size:14px;text-align:left;}
#destContent h4 {margin:10px 0px;font-size:13px;text-align:left;}

#textoverlay{z-index:+1;position:relative;float: right;height:20px;width:615px;text-align:left;}
#textoverlay h1 {margin:15px;color:white;font-size:28px}

#textoverlay1{z-index:+1;position:relative;float: right;height:20px;width:615px;text-align:left;}
#textoverlay1 h1 {margin:15px;color:#184854;font-size:28px}

/*********************************/
/*            FORMS             */
/*********************************/

form.mainForm {margin:20px auto;width:550px;clear:both;}
form.mainForm p {padding:3px !important;min-height:22px;line-height:22px;clear:both;}  /*Seperate things out a bit - Apply high specficity to override line 431*/
form.mainForm p.title {font-size:16px;font-weight:bold;text-decoration:underline;}
form.mainForm p label{display:block;float:left;width:200px;text-align:left !important;padding-right:3px;}
form.mainForm input[type="text"],
form.mainForm input[type="password"],
form.mainForm input[type="file"],
form.mainForm textarea {padding:2px;width:250px;display:block;float:left;}

form.mainForm textarea {width:450px;height:75px;}

form.mainForm select  {padding:2px;display:block;float:left;width:258px;}
form.mainForm input.dateField {width:68px;text-align:left;}