@charset "utf-8";
/* CSS Document */

html, body {
	color:#333333;
	padding:0px;
	margin:0px;
	text-align:center /* only for centralised layouts */
}

h1, h2, h3, div {
	padding:0;
	margin:0;
}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:none;
}

a {
	color:#666666;
	text-decoration:underline;
}


/* BASIC SITE SECTIONS */
/* 
	sections that are not in use should be made hidden:
	display: none;
	visibility: hidden;
*/

div#container {
	width:760px;	/* usually 760 for zippy websites */
	margin:0 auto;
}

div#container_gradient_wrap {	/* usually in use when the design calls for a gradient background */

}

div#header {
}

div#logo {
	text-align:left;
	margin-top:15px;
}

div#banner {
	width:760px;
	/*margin-right:5px;
	margin-left:5px;*/
	
}

/* STYLES FOR NAVIGATION */

div#navi {
	background-image:url(images/navi_backing.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	height:30px;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
}

div#navi ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

div#navi li {
	display:inline;
	border-left:1px solid #333333;
	padding-left:18px;
	padding-right:18px;
}

div#navi li:first-child, div#navi li.first-child {
	border-left:0px;
	padding-left:0px;
}

div#navi a {
	text-decoration:none;
	color:#333333;
}

div#navi a:hover {
	text-decoration:underline;
}

/* END OF STYLES FOR NAVIGATION */


/* STYLES FOR MAIN BODY AREA */

div#body_background {
	background-color:#ebecec;
}

div#body_canvas {	
	padding-left:20px;
	padding-right:20px;
}

div#content_panel {
	float:left;
	width:540px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:35px;
}

	#content_panel h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#003366;
		margin-bottom:10px
	}

	#content_panel h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#003366;
		font-weight:bold;
		margin-top:10px;
		margin-bottom:5px;
	}
	
div#sub_panel {
	width:150px;
	margin-left:565px;
	padding-top:35px;
}

	#sub_panel h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#003366;
		font-weight:bold;
		font-size:16px;
		text-align:left;
	}
	
	#sub_panel h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#003366;
		font-weight:bold;
		margin-top:10px;
		margin-bottom:5px
	}
	
div#body_base {
	height:45px;
	clear:both;
	border-bottom:2px solid #CCCCCC;
}

/* END OF STYLES FOR MAIN BODY AREA */

div#footer {
	clear:both;
	margin-top:3px;
}

div#footer_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	float:left;
	font-size:10px;
	padding-left:15px;
	margin-top:5px;
	color:#666666;
}

div#zippy_mark {	/* for placing of the zippy mark, typically 110 x 29 pixels */
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

/* END OF BASIC SITE SECTIONS */

/* OTHER SITE- OR PURPOSE- SPECIFIC STYLES GO HERE */

.warning {
	color:#FF0000;
}

div.frame_left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

div.frame_right {
	float:right;
	padding-left:15px;
	padding-bottom:10px;
}

div.aboutus_imgbox {
	float:left;
	padding-right:25px;
}

div.index_imgbox {
	float:left;
	padding-right:25px;
}

div.profile_caption{
	text-align:center;
	line-height:20px;
}

.index_text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#003366;
}

div.testimonial_imgbox {
	height:100px;
	width:120px;
	float:left;
	padding-right:15px;
}