/* CSS Document - Save this as layout1.css */
body
{
	margin: 0;
	padding: 0;
	background-color: #FFF; /*-- Short form hexadecimal colour --*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1,h4
{
	color: #999900;
}
h2,h3,h5
{
	color: #C53D42;
}
a, a:link, a:visited
{
	color: #006600;
}
a:hover
{
	color: #990000;
}

/*------------------------------- Header rules start ----------------------------*/
#shell
{
	position: relative;
	border: solid 1px #ccc;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 800px;
	padding: 0;
}
#header
{
	height: 130px;
	/*background-color: #236298;*/
	background-image: url(/images/header_bg_blue.jpg);
	background-repeat: repeat-x;

}
#header .logo
{
	float: left;
	margin-left: 15px;
	margin-top:10px;
	border: 0;
}
	
#header .phone
{
	float: right;
	margin-top: 5px;
	margin-right: 6px;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
}
	
#header .slogan
{
	float: right;
	margin-right: 45px;
	margin-top: 45px;
	margin-bottom: 1px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}
/*------------------------------- End of Header rules ----------------------------*/
	
/*------------------------------- Navigation rules Start -------------------------*/
#nav
{
	/*position: absolute;  uncomment if shell is used */
	width: 100%;
	margin-top: 2px;
	padding: 5px 0 5px 0;
	background-color: #6B9A36;
}
#nav a:link, #nav a:visited
{
	margin-left: 0;
	margin-right: 50px;
	border-right: 0 solid #FFF;
	padding: 5px 25px 5px 25px;
	font-weight: bold; 
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
}
#nav a:hover
{
	background-color: #8BAB60;
	color: #FFFF00;
}
/*------------------------------- Navigation rules End---------------------------*/

/*------------------------------- Wrapper ---------------------------------------
The role of wrapper is to contain content and footer as position them relatively. 
This way we can control anything within wrapper without having to worry about their
positioning with respect to the outside of wrapper. Try to take out 
the <div id="wapper"> and it closing tag in the web page and see what happens.
---------------------------------------------------------------------------------*/
#wrapper
{
	/*position: absolute; uncomment if shell is used*/
	top: 155px;
	width: 100%;
	padding: 0 0 0 0;
	margin-bottom: 0;
}

/*left*/
#left
{
	position: relative;
	diplay: block;
	margin-top: 20px;
	padding: 0 10px 10px 10px;
	height: 400px;
	float: left;
	width: 200px;
	border-right: 1px solid #ccc;
}
/*------------------------------- Content rules Start ---------------------------*/
#content
{
	position: relative;
	margin-right: 0;
	margin-left: 0;
	padding: 8px 0 0 0;
	left: 0;
	
}
#content .topnews
{
	margin-right: 0;
	width: 450px;
	padding: 5px;
	left: 0;
	color: #177B2F;
	font-weight: bold;
	font-size: 0.8em;
	background-color: #C4DF9B;
	border: dashed 1px #86AA5E;
}

.newsheading
{
	color: #CC0000;
	margin: 2px;
	font-weight: bold;
	font-size: 1em;
}
#tilteband
{
	padding: 5px 5px 5px 15px;
	font-weight: bold;
	font-size: 14px;
	color: #00538D;
	
}
.maintext
{
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

/*-- Home thumbnails start --*/
#thumbswrapper
{
	display: block;
	margin-top: 20px;	
	height: 100px;
	width: 790px;
	margin-bottom: 40px;
	margin-left: 0;
	padding: 0;
}
#thumbnails
{
	list-style-type: none;
	position: relative;
	margin: 0;
	padding-left: 15px;
	padding-right: 5px;
	
}
#thumbnails li
{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 0;
	color: #666666;
	font-size: 10px;
}
.thumbnailtxt
{
	width: 110px;
	padding-top: 2px;
}
#thumbnails img
{
	display: block;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	
}
a.thumbnails, a.thumbnails:visited
{
	text-decoration: none;
}

a.thumbnails span {display:block; position:absolute; left:0; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
a.thumbnails:hover {white-space:normal; border:1px solid #fff;}
a.thumbnails:hover img {border:1px solid #000; z-index:100;}
a.thumbnails:active img, a.thumbnails:focus img {border:1px solid #000; z-index:50;}

a.thumbnails:hover span {display:block; position:absolute; width:402px; height:290px; top:39px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100;}
a.thumbnails:active {border:1px solid #eee;}
a.thumbnails:active span, a.thumbnails:focus span {display:block; position:absolute; width:402px; height:290px; top:39px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}







/*-- Home thumbnails end --*/

/*------------------------------- Content rules End -----------------------------*/

/*------------------------------- Footer rules Start ----------------------------*/
.clear
{
	clear: both;
}
#footer
{	
	position: relative;
	width: 100%;
	margin: 0;
	border-top: solid 2px #00A650;
	background-color: #EDEEDB;
	
	
}
#footer p
{
	margin-bottom: 0;
	text-align: center;
	padding: 2px 0 8px 15px;
	font-size: 10px;
	line-height: 15px;
}
/*------------------------------- Footer rules Start --------------------------------*/
	
	

/*-- Misc rules --*/
/*-- Contact Page rules start --*/
#contact
{
	position: relative;
	margin-right: 0;
	margin-left: 250px;
	padding: 8px 0 0 0;
	left: 0;
	
}
#contact p
{
	padding-left: 5px;
	padding-right: 25px;
}
.contactboxheading
{
	background-color: #D6D9C5;
	padding: 2px 2px 2px 5px;
	font-size: 12px;
	font-weight: bold;
}
.smallcontactbox
{
	padding: 5px;
	border: 1px solid #ccc;
}
.contactbox
{
	padding: 5px;
	border: 0 solid #ccc;
	margin: 0 5px 0 5px;
	width: 495px;
}
/*--- Contact form ---*/
.fieldTitles
{
	font-weight: bold;
}
.errorMessage
{
	color: #CC0000;
}
.registerform
{
	padding: 0;
	float: left;
	width: 95%;
}
.registerform textarea
{
	width: 250px;
	border: 1px solid #C9C9C9;
	min-height: 100px;
	height: 100px;
	color: #330099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form fieldset
{
	width: 410px;
	font-weight: bold;
	color: #006666;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #E1ECFF;
}
form .formrow
{
	/*border: 2px solid #e7e7e7;*/
	clear: left;
	padding: 2px;
	margin-top: 5px;
	font-weight: normal;
	color: #666666;
	font-size: 10px;
}
form label	
{
	float: left;
	clear: left;
	width: 200px;
	margin-top: 2px;
	color: #000;
	font-weight: normal;
	vertical-align: middle;
}
input.text, input.password
{
	width: 200px;
	border: 1px solid #C9C9C9;
	color: #330099;
}
input.short
{
	width: 70px;
	border: 1px solid #C9C9C9;
	color: #330099;
}
form select
{
	border: 1px solid #C9C9C9;
}
input.button
{
	border: 1px solid #504a4b;
}
.formerrorbox
{
	padding: 0 5px 5px 5px;
	width: 510px;
	background-color: #fff;
	border: 2px dashed #D2282F;
}
.formsentbox
{
	padding: 5px;
	width: 88%;
	background-color: #F4F3F3;
	border: 1px solid #3884AC;
}
/*-- Contact Page rules end --*/

/*-- iNEEK watermark starts --*/
.ineek
{
	color: #C7B299; 
	text-decoration: none; 
	text-align: right; 
	font-size: 10px; 
	padding-bottom: 2px;
	margin: 2px 5px 0 2px;
}
.ineek a, .ineek a:link, .ineek a:visited
{
	text-decoration: none;
}
/*-- iNEEK watermar ends --*/




/*--------- Image gallery -----------*/
#info {position:relative; background:#fff url(pic1b.gif) 175px 44px no-repeat;}
#scrollbox {width:400px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:0;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:110px; height:90px; margin:3px; float:left;}
a.slidea {background:url(/images/homepics/thumbs/1.jpg);}
a.slideb {background:url(/images/homepics/thumbs/2.jpg);}
a.slidec {background:url(/images/homepics/thumbs/3.jpg);}
a.slided {background:url(/images/homepics/thumbs/4.jpg);}
a.slidee {background:url(/images/homepics/thumbs/5.jpg);}
a.slidef {background:url(/images/homepics/thumbs/6.jpg);}



a.gallery span {display:block; position:absolute; left:0; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:0 solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; top: 4px; left: 0;width:402px; height:290px; padding-left: 0;padding-top:4px; font-style:italic; color:#000; background:#fff; z-index:100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:290px; top:4px; left:0; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}
#thumbs {width:840px; height:60px;}
#pad {height:310px; width:100px;}