@charset "utf-8";
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #ECF7F7 url(images/bg_page.jpg) repeat-x; ; margin: 0; padding: 0; text-align: center; color: #000000; }

/*generic text styles*/
h1 { font-size: 1em; font-weight: normal; background: #1D68A2 url(images/bg_intro.jpg) repeat-y; color: #fff; padding: 8px 150px 8px 20px; margin: 0; }
h2 { font-size: 1.2em; font-weight: bold; }
h3 { font-size: 0.9em; font-weight: bold; color:#339999; margin: 1.1em 0 0.3em 0;}
h4 { font-size: 0.8em; font-weight: bold; color:#339999; }
p, li { font-size: 0.8em; line-height: 1.3em; margin: 0; padding: 0; }
em { font-style: italic; }
ul { list-style: disc; }
a:link { color: #0072C6; text-decoration: none; font-weight:bold; }	
a:visited { color: #0072C6; text-decoration: none; }		
a:hover { color: #53AC1E; text-decoration: underline; }
a:active { color: #53AC1E; text-decoration: none; }		

/*header and footer*/
#container { width: 960px;  background: #FFFFFF; margin: 0 auto; text-align: left; } 
#header { padding: 26px 10px 0 157px; background: url(images/bg_header.jpg) repeat-x; height: 78px; } 
#logo { background: url(images/logo.gif) no-repeat; height: 43px; }
#footer { background: url(images/bg_footer.jpg) repeat-x; height: 56px; text-align: center;  } 
#footer p { margin: 0; padding: 36px 0 10px 0; color:#339999; font-size: 0.7em; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; font-weight: normal; }

/*left-hand panel*/
#sidebar1 { float: left; width: 210px; background: #00ADC6 url(images/diagram.jpg) no-repeat; margin: 20px 0 20px 0; padding: 390px 0 0 0; color: #fff; }
#sidebar1 h4 { color: #fff; padding: 0 10px; margin: 0 0 0.5em 0; }
#sidebar1 p { margin: 0 0 0.4em 0; font-size: 0.7em; }
#sidebar1_foot { background: url(images/sidebar1_foot.jpg) repeat-x; height: 64px; }
#list1, #list2, #list3, #list4, #list5, #list6 {padding: 0 0 2px 22px; margin: 0 0 0.4em 10px; }
#list1 { background: url(images/list1.gif) no-repeat; }
#list2 { background: url(images/list2.gif) no-repeat; }
#list3 { background: url(images/list3.gif) no-repeat; }
#list4 { background: url(images/list4.gif) no-repeat; }
#list5 { background: url(images/list5.gif) no-repeat; }
#list6 { background: url(images/list6.gif) no-repeat; }

/*central content area*/
#main { margin: 0 0 0 210px; } 
#homepic { background: url(images/pic_people.jpg) no-repeat; height: 206px; margin: 0; }
#content { margin: 20px 0 10px 20px; width: 550px; }
#content p { margin-bottom: 0.8em; }

/*right-hand panels*/
#sidebar2 { float: right; margin: 0 10px 10px 0; width: 150px; color: #004646; } /*this div contains the features and contacts panels*/
#sidebar2 h4 { padding: 3px 10px; margin: 0; }
#features { background: #e3f7f9; border: 1px solid #B0DFDD; margin: 20px 0 10px 0; padding: 0 0 10px 0; }
#features h4 { background: #A3DCDB; }
#features ul { margin: 5px 10px 5px 14px; padding-left: 10px; }
#features li  { font-size: 0.7em; margin: 0 0 0.4em 0; list-style-image: url(images/bullet.gif); }
#contact { background: #CEEFF4; border: 1px solid #A3DCDB; margin: 10px 0 50px 0; padding: 0 0 10px 0; }
#contact p { font-size: 0.7em; margin: 5px 10px; }
#contact h4 { background: #00ADC6; color:#FFF; }

#content ul {list-style-image: url(images/bullet.gif);}
