/*background image repeating*/

body {
	background-image: url(../images/bgrep.gif);
	background-repeat: repeat-x;
	background-color: #ECE8E9;
}


/*body alignment*/
body {
margin: 0;
padding: 0;
text-align: center; 
}
/*main container of webpage*/
#container {
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: left;
	height: auto;
} 

/*header container*/
#header {
height: 100%;
padding-bottom: 50px;
background: #FFF url(../layout/header_gradient.gif) repeat-x bottom;
}

/*main area container*/
#marea {
	height: 100%;
	width: 729px;
	padding-bottom: 50px;
	padding-top: 10px;
	background-color: #FFF;
	
	background-position: center bottom;
	margin:0 auto;
}




/*logo image position*/
#logo {
position: relative;
top: 15px;
left: 27px;
} 

/*position of solution image*/
#solution {
position: relative;
top: 15px;
left: 200px;
} 

/*position of main image*/
#mainimage {
position: relative;
top: 34px;
left: 16px;
} 
/*horzontal menu position*/
#navcontainer {
position: relative;
top: 30px;
left: 0px;
text-align:center;
background-color: #FFFFFF;
} 

/*horizontal buttons positions*/
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;

}

/*criss cross line top*/
#criss {
position: relative;
top: 10px;
left: 16px;
} 



/* left content area*/
#left {
top: 410px;
width: 295px;
float: left;
background-image: url(../images/dots.gif);
background-repeat: repeat-y;
background-color: #ffffff;
}

/*bigmain content area*/
#bigmain {
	top: 410px;
	width: 700px;
	margin: 0 0px 00px;
	float: left;
	background-image: url(../images/dots.gif);
	background-repeat: repeat-y;
	background-color: #f5f1f2;
}

/*main content area*/
#main {
	top: 410px;
	width: 219px;
	margin: 0 0px 00px;
	float: left;
	background-image: url(../images/dots.gif);
	background-repeat: repeat-y;
	background-color: #f5f1f2;
}

/*right content area*/
#right {
	top: 410px;
	width: 183px;
	float: right;
	background-color: #ece8e9;
	right: 16px;
	background-image: url(../images/dots.gif);
	background-repeat: repeat-y;



}
.middleboxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 10px;
}
.menutext {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.greenheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #008B71;
	padding: 15px;
	text-align: left;
}
.smallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}


/*------------------------------------- footer------------------------------------*/


/*footer*/
#footer {
margin-top: 30px;
height: 24px;
margin: 0 auto 0 auto;
text-align:center;
background-color: #FFFFFF;
}

/*criss cross line bottom*/
#criss2 {
position: relative;
top: 10px;
left: 0px;
} 
/*undercriss container*/
#undercriss {
	height: 8px;
	background: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
}

/*minileftfooter*/
#ml_footer {
	margin-top: 0;
	height: 8px;
	text-align:left;
	background-color: #FFFFFF;
	float: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 200px;
}

/*minirightfooter*/
#mr_footer {
	margin-top: 0;
	height: 8px;
	text-align:right;
	background-color: #FFFFFF;
	float: right;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 200px;
}
.righttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}





.smallgreylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}
.greenfootertext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #008B71;
	padding: 15px;
}
.boxborder1 {
	border: 1px solid #999999;
	padding: 2px;
}
a.menutext:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #008B71;
	font-weight: bold;
	text-decoration: none;
}
.arrowtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #008B71;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	vertical-align: bottom;
	list-style-type: disc;
	
}
.smallgreentext {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008B71;
}

.style1 {color: #018C72}
.style2 {color: #000000}
.style4 {color: #666666}                                                       
.greenbartext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #008B71;
	background-repeat: repeat-x;
	width: 500px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}