body {padding:10px 0px 0px 0px; margin:0px; background-color:#a3a8ae;}

/*reset whitespace*/
*{margin: 0; padding: 0;}

#Shell { width:880px; margin:auto; position:relative; background-color:#f5f5f5; background-image: url(../images/gradient_left.jpg); background-repeat: repeat-y; background-position: left top; }
#Shell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#Shell {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #Shell {height: 1%;} 
#Shell {display: block;} 
/* End hide from IE-mac */

#LeftPanel {float:left; width:290px;}
#LeftPanel:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#LeftPanel { display:inline-block; background-image: url(../images/gradient_left.jpg); background-repeat: repeat-y; background-color: #F5F5F5; background-position: left top; } 
/* Hides from IE-mac \*/ 
* html #LeftPanel {height: 1%;} 
#LeftPanel {display: block;} 
/* End hide from IE-mac */

#RightPanel {float:right; width:590px;}
#RightPanel:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#RightPanel {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #RightPanel {height: 1%;} 
#RightPanel {display: block;} 
/* End hide from IE-mac */

#Logo {width:290px; height:200px; float:left; border-bottom:8px solid #ffc422;}

#NewsPanel { width:250px; float:left; background-color:#0c0c0c; background-image:url('../images/newsPanelBG.jpg'); padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 25px; }
#NewsPanel p { color: #FFFFFF; }
#NewsPanel a { color: #FFC324; text-decoration: underline; }
#NewsPanel h3 { text-transform: uppercase;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 0.7em; }


#BottomSide {width:290px; float:left; }

#MainNavigation {width:590px; height:80px; float:left;  background-color:#000000;  position:relative;}

#HomeFlash {width:590px; height:347px; float:left;  background-color:#eeeeee;  }

#SubNavigation { width:570px; float:left; background-color:#878787; background-image:url('../images/subNavBG.jpg'); background-repeat:repeat-x; padding:10px; }

#MainContent { width:530px; float:left; background-image: url(../images/contentBg.jpg); background-repeat: repeat-x; background-position: left top; background-color: #F5F5F5; padding-top: 30px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; }

#Footer { width:840px; padding:10px 20px 5px 20px; height:20px; float:left; background-color:#000000; background-image: url(../images/gradient_left.jpg); background-repeat: repeat-y; background-position: left top; }

#HeaderImg  {width:590px; height:170px; float:left;  background-color:#eeeeee;  }
#HeaderImgAdmin  {width:590px; height:77px; float:left;  background-color:#eeeeee;  }



#Nav1 {width:196px; height:40px; position:absolute;  top:0px; left:0px;}
#Nav2 {width:197px; height:40px; position:absolute;  top:0px; left:197px;}
#Nav3 {width:197px; height:40px; position:absolute;  top:0px; right:0px;}
#Nav4 {width:196px; height:41px; position:absolute;  top:41px; left:0px;}
#Nav5 {width:197px; height:41px; position:absolute;  top:41px; left:197px;}
#Nav6 {width:197px; height:41px; position:absolute;  top:41px; right:0px;}


.SideNavigation a {
	height: 22px;
	display: block;
	background-image: url(../images/sideNavBtn_bg.jpg);
	background-repeat: repeat-x;
	background-color: #4C4C4C;
	background-position: left top;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 0.75em;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.SideNavigation a:hover {
	background-image: url(../images/sideNavBtn_bgHover.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	background-position: left top;
	text-decoration: none;
	color: #FEC422;
	
}


.borderwhite1px { border: 1px solid #FFFFFF; }
h1 {font-family: Arial, Helvetica, sans-serif;	text-transform: uppercase;	font-size: 1.2em;	line-height:26px;}
.h1Sub {text-transform: capitalize;	color: #4e4d4d;	font-size: 0.95em;}


h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 0.8em; font-weight: bold; color: #DFA304; }
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin-top: 0.8em;
	font-weight: bold;
	color: #4c5b7a;
}
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; margin-bottom: 3px; color: #DFA304; }


.yellow {color:#dfa304;}

p.newsPanel {font-size:0.70em; font-family:Arial; color:#ffffff; margin: 0px 0px 20px 0px; text-align:left;}
.newsPanel a:link {font-family:Arial; color:#ffffff; text-decoration:none;}
.newsPanel a:visited {font-family:Arial; color:#ffffff; text-decoration:none;}
.newsPanel a:hover {font-family:Arial; color:#dfa304; text-decoration:underline;}

p.footerText {font-size:0.70em; font-family:Arial; color:#ffffff; margin: 0px 0px 20px 0px; text-align:left; padding-left: 20px;}
.footerText a:link {font-family:Arial; color:#ffffff; text-decoration:none;}
.footerText a:visited {font-family:Arial; color:#ffffff; text-decoration:none;}
.footerText a:hover {font-family:Arial; color:#dfa304; text-decoration:underline;}


ul { font-family:Arial; color:#141414; font-weight:normal; font-size: 11px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; }
ol { font-family:Arial; color:#141414; font-weight:normal; margin: 0px 0px 20px 20px; }
li { font-family:Arial; color:#141414; font-weight:normal; margin-top: 5px; margin-right: 0px; margin-left: 10px; }
ul a { color: #000000; text-decoration: none; }


p { margin-top: 0.75em; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.4em; margin-bottom: 0.75em; }
a { color: #336699; }
a:hover { color: #000000; text-decoration: underline; }




p.SubNavigationText {font-size:0.70em; font-family:Arial; color:#000000; margin: 3px 0px 0px 0px; text-align:center; font-weight:bold;}
.SubNavigationText a:link {font-family:Arial; color:#000000; text-decoration:none;}
.SubNavigationText a:visited {font-family:Arial; color:#000000; text-decoration:none;}
.SubNavigationText a:hover {font-family:Arial; color:#ffffff; text-decoration:underline;}





.staffTitle { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-transform: capitalize; background-image: url(../images/sideNavBtn_bg.jpg); background-repeat: repeat-x; background-position: left top; padding: 3px; font-weight: bold; color: #FFFFFF; float: left; width: 515px; }
.propertyBox {	width:500px;	border: 1px solid #CCCCCC;	padding: 10px;	margin-top: 15px;	margin-bottom: 5px;	float: left;	background-color: #FFFFFF;	background-image: url(../images/psearchBg.jpg);	background-repeat: repeat-y;	background-position: left top;}
.propertyBox .image {	float: left;	width: 90px;		padding-right:10px;}
.propertyBox .image2 {	float: right;	/*width: 120px;*/	padding-right:10px;}
.propertyBox .content2 {	float: right;	width: 340px;	padding-left:10px;}
.propertyBox .content .dets {	float: right;	width: 110px;	padding-top: 5px;}
.propertyBox h4 {	font-size: 0.9em;	font-weight: bold;	color: #003366;	font-family: Arial, Helvetica, sans-serif;}


.imageBoxNew {
	background:#fff;
	padding: 2px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.imgLibraryBox {float:left; width:130px; padding-left:0px; padding-right:56px; padding-top:5px; padding-bottom:5px;}
.imgLibraryBox .imgLibraryTxt {width:120px; padding:5px; font-size:100%}


.imgLibraryBox2 {float:left; width:100px; padding-left:0px; padding-right:26px; padding-top:5px; padding-bottom:5px;}
.imgLibraryBox2 .imgLibraryTxt {width:70px; padding:5px; font-size:100%}


/*-------------- ADMIN CSS -- */

#adminTable{
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#adminTable th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #666666;
	margin: 0px;
	background-image: url(../images/sideNavBtn_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#adminTable td {
	background-color: #CCCCCC;
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}


#adminHeader {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #565656;
}
#controls .kcentre {
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	width: 180px;
}
#controls  li {
color: #FFFFFF;
}

#controls ul {
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#adminHeader h2 {
	margin: 0px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: #FFFFFF;
}
.clear {
	clear: both;
}
#adminHeader h1 {
	color: #FFFFFF;
	text-transform: capitalize;
	font-size: 12px;
}
#adminHeader a {
	color: #dfa304;
	text-transform: capitalize;
	font-size: 11px;
}
#adminHeader #loginDetails {
	float: right;
}
#adminHeader #loginDetails p {
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#adminHeader #controls {
	margin-top: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-color: #6A6A6A;
	border: 1px solid #343434;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin-top: 0.8em;
	font-weight: bold;
	color: #4c5b7a;
}
/*-------------- END OF ADMIN CSS --*/