/*1152 x 864*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-color: #fff;
	scrollbar-face-color:#F0F8FF;
	scrollbar-highlight-color: #0022ff;
	scrollbar-3dlight-color: #0033ff;
	scrollbar-arrow-color: #0033ff;
	scrollbar-darkshadow-color: #566B4C;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	/*color: #6b935e;*/
	text-align: center; //for IE5 that applies this to the wrapper instead.
	
}

h1{
	font-size: 16px;
	color:#566B4C;
	margin-top: .4em;
	margin-bottom: .4em;
	margin-left: 1em;
}

h2{
	font-size: 13px;
	color:#566B4C;
	margin-top: 10px;
	margin-bottom: 3px;
}

h3{
	font-size: 15px;
	color:#566B4C;
	margin-top: .2em;
	margin-bottom: 0;
	
}
h5{/*Used to change page when more information is provided than can fit on one page*/
	font-size: 13px;
	color:#566B4C;
	margin-top: 3px;
	
	
}

ul
{
list-style-image:url("webdev/images/redsquare.gif");
margin-left: 2em;
margin-top: 1em;
}


p{font-weight: normal; font-size: 13px; margin-top: .3em; margin-left: 11px;}
/*hr {color: #ffffde; height: 5px;}*/

a{font-size: 13px; text-decoration: none;}
a:hover{font-size: 14px;  color: #3300ff; border-bottom: 2px solid #66ccff;}

#wrapper{
	width: 1132px;
	margin: 0px auto 1% auto;
	text-align: left;
	background: url('/webdev/images/wrapper-bkgnd.jpg');
	background-repeat:repeat;
	/*border-right: 20px solid #0033ff;
	border-left: 20px solid #0033ff;*/
}

#supertop{width: 1132px; height: 30px; margin: 0 auto; background: url("/webdev/images/footer1152.jpg");}
#supertop h3{color: #566B4C; margin-bottom: 5px;}
#lefthk{font-size: 60%; position: absolute; left: -400px; visibility: hidden;}

#right-header{position: static; width: 550px; height: 90px; margin: 15px 120px auto auto;}


	#right-header h1{	
		font-size: 13px;
		color: #3300ff;
		font-weight: bold;
		font-family: Tahoma, Arial, sans-serif;
		margin-top: 7px;
		
	}
	

#bottom{position: static; width: 60%; margin-top: 25px; border-top: 5px solid #eeeeee; margin: 0 auto; width: 100%; background-color: #eee; clear: both;}
#bottom table{margin: 0 auto;}
#header{
	position: static;
	width: 1132px;
	height: 100px;
	margin: -10px auto 0 auto;
	border-top: 10px solid #566B4C; 
	background: url("/webdev/images/headerLogo1152.jpg");

}

/*===================Display============================================*/
#displays{position: static; width: 1132px; height: 165px; background-color: #dadbfe;}
#displays img{height: 165px; width: auto;}
#displays table{margin-right: auto; margin-left: auto;}

#rightcol{position: static; width:160px; height: 550px; float: right; padding: 5px;}
#rightcol table{width: 100%; margin-right: 5px;}
/*#rightcol{position: static; width:150px; height: 550px; float: right; padding: 5px; background: url("/webdev/images/colsbkgnd.jpg"); repeat: repeat-y; */ }
#rightcol h3{margin-top: 5px; margin-left: 2px;}
#rightcol p{margin-top: 5px;}

#rightcol h3{color: #fff; background-color:#3300ff;}
#rightcol h3 a{color: #fff; background-color:#3300ff;}
.gradient {
	position: static;
	float: right;
	width: 160px; 
	background-color: #dadbfe;/* for non-css3 browsers */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5356fd', endColorstr='#dadbfe'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#5356fd), to(#dadbfe)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #5356fd, #dadbfe);/* for firefox 3.6+ */
	}
        
/*#leftcol{position: static; width: 150px; height: 550px; background: url("/webdev/images/colsbkgnd.jpg"); repeat: repeat-y; float: left; padding: 5px;}*/

#leftcol{position: static; width: 160px; height: 550px; float: left; padding: 5px;}
#leftcol table{width: 100%; margin-left: 0px;}
#leftcol h3{color: #fff; background-color:#3300ff;}
#leftcol p{margin-top: 5px;}
/*===================Center Part============================================*/


/*A DIV that holds the leftcol, the conwrap and the rightcol*/
#middleblock{
	position: static; 
	width: 1122px; 
	height: 520px; 
	border-top: 10px solid #566B4C; 
	margin: 0px auto 0px auto; 
	background-color: #fff; }
#middleblock h3{

	font-size: 13px;
	color:#566B4C;
	margin-top: 10px;
	margin-bottom: 0;

}
/*===================Center Part============================================*/
/*===================A div that holds conwrap and sectiont============================================*/
#centerblock{position: static; height: 550px; padding: 0px; margin: 10px 180px 0px 180px; border: 5px solid #566B4C;}
#mailblock{position: static; width: 68%;  margin: 0px auto; padding-top: 2%; padding-left: 30%; border: 2px solid #566B4C; background-color: #ffffff;}

#conwrap{position: static; width:400px; height: 520px; margin-top: 5px; margin-left: 25px; margin-right: 25px;  background-color: #fff; float: left;}

#conwrap h3{

	font-size: 12px;
	color:#566B4C;
	margin-top: 10px;
	margin-bottom: 0;
	background-color: #eee;
}

#conwrap p{margin-top: .5em; margin-left: .6em; line-height: 1.2em;}
#conwrap ul li{margin-top: 5px; margin-left: 5px;}
#conwrap dl dt{margin-top: 5px; margin-left: 3px;}
#conwrap dl dd{margin-top: 5px; margin-left: 10px;}


#stretched{position: static; width:640px; background-color: #fff;}/*bottom part of the middle block - does not necessarily exists - stretches under sections*/

/*===========================================================================================*/
#section{position: static; width:240px; height: 350px; float: right; background: url("/webdev/images/sectionWork1152.jpg");background-repeat: no-repeat;}


#service-container{position: static; width:240px; height: 350px;}


.sectionh31{position: static; width:240px; height: 25px; float: right; margin-top: 18px; margin-left: 5px;}
.sectionh31 h1, .sectionh31 h1 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 15px auto auto 7px;}
.sectionh31 h1 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

#bottom-container{position: static; width:200px; float: right; }




.sectionh32{position: static; width:200px; height: 25px; float: right; margin-top: 4px; margin-left: 5px;}
.sectionh32 h3, .sectionh32 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh32 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh33{position: static; width:200px; height: 25px; float: right; margin-top: 4px; margin-left: 5px;}
.sectionh33 h3, .sectionh33 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh33 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh34{position: static; width:200px; height: 25px; float: right; margin-top: 4px; margin-left: 5px;}
.sectionh34 h3, .sectionh34 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh34 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh35{position: static; width:200px; height: 25px; float: right; margin-top: 6px; margin-left: 5px;}
.sectionh35 h3, .sectionh35 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh35 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh36{position: static; width:200px; height: 25px; float: right; margin-top: 4px; margin-left: 5px;}
.sectionh36 h3, .sectionh36 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh36 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh37{position: static; width:200px; height: 25px; float: right; margin-top: 6px; margin-left: 5px;}
.sectionh37 h3, .sectionh37 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh37 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh38{position: static; width:200px; height: 25px; float: right; margin-top:4px; margin-left: 5px;}
.sectionh38 h3, .sectionh38 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh38 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh39{position: static; width:200px; height: 25px; float: right; margin-top: 4px; margin-left: 5px;}
.sectionh39 h3, .sectionh39 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh39 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

.sectionh40{position: static; width:200px; height: 25px; float: right; margin-top: 4px; margin-left: 5px;}
.sectionh40 h3, .sectionh40 h3 a{color: #3300ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; position: static; float: left; margin: 5px auto auto 5px;}
.sectionh40 h3 a:hover{font-size: 1.2em; color: #3300ff; border-bottom: 2px solid #66ccff;}

/*===========================================================================================*/

#footer{position: static; margin: 10px auto; color: #566B4C; width: 1132px; border-top: 10px solid #566B4C; clear: both; background: url("/webdev/images/footer1152.jpg"); background-repeat:no-repeat; }
#footer a{font-size: 11px; font-weight: bold; color: #566B4C; text-decoration: none; margin: 3px auto;}
#footer a:hover{color: #6b935e;background-color: #ffffde;	border-bottom: 1px solid #566B4C;}
#footer h3{color: #566B4C;}

.imgleft{float: left;}
.firstletter{	
		font-size: 250%;
		color: #566B4C;
		font-weight: bold;
		font-family: algerian, courier;
		float: left;
		width: 0.7em;
		line-height: 80%;
	}