body{font: 78% arial,sans-serif;text-align:center;
         background:url('images/CellBg.gif');}
p{margin:0 10px 10px}
img {border:1px solid #CCC; margin:4px 8px; padding:2px;}
#header p{padding:0; margin:0;}

div#content p{line-height:1.5em;}
a{display:inline; padding:0 2px;}

a:link, a:active, a:visited { color: #1144BB; text-decoration:none; font-weight:bold;}
a:hover { color: #5588EE; text-decoration:underline;}
a:visited { font-weight:normal; }

h1{ font-size:150%; color: 666;}
#content h1{color: #FD9308;border-bottom:0px dashed #FD9308}

#nav a:link  , #nav a:active , #nav a:visited, 
#nav2 a:link , #nav2 a:active, #nav2 a:visited
   { Color: #336699; padding: 4px 10px;}
#nav a:hover { Color: #5588DD; border-bottom: 2px solid #4477BB; 
                  border-Top: 2px solid #5588DD; text-decoration:none;}
#nav a.activePage, #nav a.activepage:hover {Color:#888; text-decoration:none; border:0;}
#nav2 a.activePage, #nav2 a.activepage:hover {Color:#888; text-decoration:none; border:0;}

#nav2 a:hover { Color: #5588DD; text-decoration:none;  }

                  
/* Colors */
/* Main BG:  FFF     (white)
   Main Text: 5A6571 (grey)
   Main Highlight : FD9308 (orange)
   
   Header Text: FD9308
   Extra BG:  #C9D0D6 (light blue grey)
   Navigation (Dark): 
   link color: 85A2BB (light blue)  hover: 

/* Layout Style */

html,body{margin:0;padding:7px 0 ;}

#container{text-align:left; border:1px solid #CCC;}
#container{width:775px;margin:0 auto;  background:#FFF;}

#content{float:left;width:500px; color: #5A6571; padding:10px;}

#topLine { height:30px;line-height:30px; margin:0; background:#FD9308; padding:0;
                color: #FFF; border-bottom:2px solid #CCC;}
#topLine h1{ padding:0 10px; display:inline; color:#FFF;}
#topLine p{ display:inline; margin:0; color:#EEE;}

#header { position:relative; height:175px;/* line-height:175px*/;margin:0; 
            background: #EEE ; 
            background-image:url('images/HomePage_Pic1.jpg');
            background-repeat:none;
            background-position:top left;
            color: #666; padding:0 30px;}
#header div {  position:absolute; top: 30px; left:10px;
               width:400px; height:110px;
               padding:10px;}


#nav{height: 40px; line-height:40px; margin:0; border-top:1px solid #AAA;border-bottom:1px solid #AAA;
   padding-left:20px;
   background-image:url('images/NavBar_BG.png');
   backround-repeat:repeat-x;color: #EEE;}

#nav2 {height: 20px; line-height:20px; /*border-bottom:1px solid #AAA;*/
            padding-left:40px; color:#888;
            background: #AAA; display:none;}
           

   
#extra{ border-left:1px solid #AAA;}
#extra{float:right;clear:right;width:250px; padding:8px 0 0;}

#footer{clear:both;width:100%; text-align:center; padding:5px;}
#footer{background: #333;color: #FFF}
#footer p{margin:0;padding:5px;}
#footer div{padding:5px 0;}
#footer a:hover { color:#CCC;}
#footer a{color:#FFF; padding: 4px 10px;}

/* Content Boxes */
div.box{ width: 90%;margin:10px auto;
            border: 1px solid #BBB; }
div.box h2 { line-height:30px; font-size: 130%;
            border-bottom:2px solid #FD9308;
            background: #666699; color: #FFF;
            padding: 0 5px; margin:0 0 3px 0;}

.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}


/* Lists */
#content ul, ul {
               list-style: square;
	          }
#content ul li, ul li{ padding: 0 0 7px 0;} 

/* Forms */
form { margin:8px 4px;padding:4px;}
form label {font-weight:bold; display:block;}
.form-item {padding:5px 0; }
.form-item select{font-size:80%;}

.contact-form{ margin: 10px; padding:5px;}
.contact-form label { text-align:right; color:#666;}
.contact-form td { padding:3px 0;}