/* general css : Mainly Layout */
body
{
	margin: 0;
	padding: 0;
	background-color: #FFF; /*-- Short form hexadecimal colour --*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	text-align: center;
	
}
ul
{
	list-style-type: circle;
}
	
h1,h4
{
	color: #C53D42;
}
h2,h3,h5
{
	color: #C53D42;
}
h3.orange
{
	color: #F26522;
	font-family: Tahoma, Arial, Verdana;
}
.bold
{
	font-weight: bold;
}
.boldred
{
	font-weight: bold;
	color: #CC0000;
}
.boldblue
{
	font-weight: bold;
	color: #003399;
}
.underline
{
	text-decoration: underline;
}
acronym
{
	cursor: help;
	text-decoration: none;
	border-bottom: 1px solid #555555;
}
hr
{
	background: #46b1f2;
	border-style: none;
	height: 1px;
}
a, a:link, a:visited
{
	color: #006600;
}
a:hover
{
	color: #990000;
}
input
{
	border: 1px solid #3C6C9D;
}
input.checkbox
{
	border: 0;
	vertical-align: middle;
}
textarea
{
	border: 1px solid #3C6C9D;
}

.boxedmessages
{
	background-color: #EBF0F3;
	font-style: italic;
	border: 1px #c9c9c9 solid;
	margin-top: 4px;
	padding: 5px;
}
.boxednotice
{
	background-color: #fff799;
	margin-top: 4px;
	border: 1px #f7941d solid;
	padding: 5px;
}
.boxednotice h4
{
	margin-top: 4px;
	margin-bottom: 4px;
	color: #FF3300;
}
.docicons
{
	vertical-align: middle;
	border: 0;
}

/*------------------------------- Header rules start ----------------------------*/
#shell
{
	position: relative;
	border: solid 1px #99B4CC;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
	margin-top: 10px;
	width: 800px;
	padding: 0;
	text-align: left;
	
}
#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: 7px 0 7px 0;
	border-top: 3px solid #F3790C;
	font-smooth: 12px;
	background-color: #3C6C9D;
}
#nav a, #nav a:link, #nav a:visited
{
	margin-left: 0;
	margin-right: 15px;
	border-right: 0 solid #FFF;
	padding: 6px 5px 6px 5px;
	font-weight: bold; 
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
}
#nav a:hover
{
	background-color: #BBCCDC;
	color: #3C6C9D;
}
.firstbutton
{
	margin-left: 98px;
}
.homebutton
{
	margin-left: 1px;
	margin-right: 0;
	padding-right: 1px;

}

#pagenavtitle
{
	margin-top: 1px;
	padding: 3px;
	background-color: #F17621;
	color: #fff;
	text-align: center;
}
/*------------------------------- Navigation rules End---------------------------*/
/* ------------------------------- crumbs start ---------------------------------*/

#crumbs
{
	margin-top: 2px;
	padding: 2px;
	margin-left: 0;
	text-align: right;
	margin-bottom: 0;
	color: #3C6C9D;
}
#crumbs .page
{
	color: #00A650;
}
#crumbs li
{
	list-style-type: circle;
	display: inline;
	margin-right: 2px;
	margin-left: 5px;
	
}
#crumbs a, a:link, a:visited
{
	text-decoration: none;
	color: #000099;
}
#crumbs a:hover
{
	color: #FF3300;
}

/* ------------------------------- End of crumbs --------------------------------*/



/*------------------------------- 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: 0 0 50px 0;
	padding: 0 0 0 0;
	float: left;
	width: 160px;
	/*border-right: 1px solid #ccc;*/
}
#left ul
{
	list-style-type: none;
	margin: 1px 0 0 0;
	padding: 0;
	background-color: #fff;
}
#left li
{

	display: block;
	border-bottom: 1px dotted #A5B5C6;

}
#left ul li a
{
	display: block;
	margin: 0;
	padding: 7px 7%;
	background-color: #fff;
		/*font: bold 0.8em /1.5 arial, sans-serif;		 If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #3C6C9D;
	font-weight: 300;
	text-decoration: none;
	width: 86%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
}
#left ul li a:hover
{
	background-color: #e7e7e7;
	color: #f00;
}
.bullet
{
	border: 0;
	margin-right: 5px;
	vertical-align: middle;
}

#left .extraboxheading
{
	padding: 4px;
	line-height: 1.9em;
	background: #d2deec;
	margin: 30px 0 0 0;
	color: #0351b5;
	text-align: center;
	border-top: 1px solid #1a94aa;
	border-bottom: 1px solid #1a94aa;
}
#left .extrabox
{

	margin: 0 auto;
	padding: 5px;
	background: #cddff0;
	color: #004cad;
	border: 0 solid #1a94aa;
}


#right
{
	position: relative;
	diplay: block;
	margin-top: 20px 0 5px 0;
	padding: 10px 10px 10px 10px;
	height: 500px;
	float: right;
	width: 150px;
	border-left: 1px solid #ccc;
}
/*------------------------------- Content rules Start ---------------------------*/
#content
{
	position: relative;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	left: 0;
	
}
#content2col
{
	position: relative;
	margin-right: 0;
	margin-left: 160px;
	padding: 0;
	left: 0;
	
}
#content1col
{
	position: relative;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	left: 0;
	
}
#contentwrapper
{
	padding: 10px 15px 50px 15px;
	border-left: 1px solid #ccc;
	min-height: 350px;
}
#content2col ul
{
	list-style-type: circle;
	padding: 0;
	margin-left: 20px;
}
#content2col li
{
	margin: 0 5px 10px 4px;
}
#content2col ul ul
{
	list-style-type: none;
	padding: 0;
	margin-left: 20px;
}
#content2col.indent
{

	text-indent: 300px;
	
	
	
}
/*------------------------------- Home news rules start  ------------------------*/
#homenewsmainwrapper
{
	background-color: #E3EAF4;
	border-top: 1px solid #3C6C9D;
	padding: 10px 0;
	width: 800px;
}

.newsblockleft
{
	width: 400px;
	margin: 0 40px 0 10px;
	float: left;
}
.newsblockright
{
	width: 300px;
	margin: 0;
	float: left;

}
/*.newsblockmiddle
{
	width: 31%;
	margin: 0 0 0 255px;
	position: relative;
	
	
}*/
.rightarroworange
{
	vertical-align: middle;
	margin-right: 8px;
}
/*------------------------------- Home news rules ends --------------------------*/

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

/*------------------------------- Footer rules Start ----------------------------*/
.clear
{
	clear: both;
}
#footer
{	
	position: relative;
	border-top: solid 1px #336799;
	background-color: #F5F8FB;
	padding: 1px;
}
#footer p
{
	text-align: center;
	font-size: 10px;
	margin: 8px;
	background-color: #F5F8FB;
}
/*------------------------------- Footer rules end --------------------------------*/
	
	
	
/*------------------------------- Misc rules --------------------------------------*/

/*--- some costmetic rules ---*/
.pdflink
{
	background: url(/images/core/icons/pdf_doc_icon.gif) no-repeat left center;
	padding-left: 23px;
}
/*--- end of cosmetic rules ---*/
/*--- Contact form ---*/
.fieldTitles
{
	font-weight: bold;
}
.errorMessage
{
	color: #CC0000;
}




.registerform
{
	padding: 0;
	width: 95%;
}
.registerform textarea
{
	width: 200px;
	border: 1px solid #C9C9C9;
	min-height: 100px;
	height: 100px;
	color: #330099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


form fieldset
{
	width: 510px;
	font-weight: bold;
	color: #006666;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #EFA360;

}

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;
}