/***********************************************/
/* HTML tag styles                             */
/***********************************************/

* {
	margin: 0px;
	padding: 0px;
}


body {
    background: #009999;
    font-family: Verdana,Arial,sans-serif;
	color: #666666;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
    text-align:center;
}

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

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

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

a:hover {
	color: #009999;
	text-decoration: underline;
}

h1 {
 font-size: 130%;
 font-weight: bold;
 color: #009999;
 margin: 20px 0 5px 0;
 padding: 0px;
}

h2 {
 font-size: 105%;
 font-weight: bold;
 color: #009999;
 margin: 0px 0 5px 0;
 padding: 0px;
}

h3 {
 font-size: 95%;
 color: #009999;
 margin: 0px;
 padding: 0px;
}

h4 {
 font-size: 80%;
 font-weight: bold;
 color: #009999;
 margin: 0px;
 padding: 0px;
}

h5 {
 font-size: 75%;
 font-weight: bold;
 color: #009999;
 margin: 0px;
 padding: 0px;
}

p {
  font-size:80%;
  margin:0 0 1em 0;
}

blockquote {
  font-size: 80%;
  margin:-10px 0 10px 30px;
  padding:0 0 0 0;
}

hr {
    border: 0;
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    width: 100%;
    text-align: left;
    margin:3px 0 6px 0;
    padding:0;
}

/***********************************************/
/* PAGE LAYOUT                                 */
/***********************************************/

#container {
    width:828px;
    background: #FFFFFF;
    padding:2px;
    margin:8px 0 0 0;
    text-align:left;
    }

#pagearea{
    width: 828px;
    background: #FFFFFF;
    border-top:2px solid #FFFFFF;
    border-bottom:2px solid #FFFFFF;
    text-align:left;
    }

#hero {
    width: 828px;
    height: 149px;
    text-align: center;
    padding: 0;
    margin:0;
    }

#hero h1 {
    font-size:200%;
    font-weight:nomal;
    color:#FFFFFF;
    margin:0;
    padding:20px 200px 0 220px;
    }

#singlecolumn {
    float:none;
    width:560px;
    margin: 0 0 0 245px;
    padding:0 20px 0 0;
    }

#middlecolumn {
    float:none;
    margin:0 0 0 245px;
    }


#rightcolumn {
    float:right;
	width:209px;
	margin:15px 5px 0 5px;
	padding:5px;
    background: transparent;
	}

#rightcolumn .column-in {
	margin:0;
	padding:8px;
	}

#leftcolumn {
    float:left;
    height:auto;
    width:209px;
    padding:0 0 0 17px;
    /*background:#CCCCCC;*/
    }


/* ------------- HEADER -------------------- */

#masthead {
	padding: 0;
    margin:0;
	width: 828px;
    height:107px;
    background:#FFFFFF url(../images/bg_header.jpg) top left repeat-x;
    text-align: left;
    /*background:#6AB4FF;*/
    }

#masthead p {
	padding: 0 0 0 20px;
    margin:0;
    font-size:85%;
    font-weight:bold;
    color:#009999;
    }


#logopanel{
    /*float:left;*/
    width:412px;
    height:51px;
    padding:10px 0 0 10px;
    margin:0;
    }

#headright {
	float:right;
    width:140px;
	height:105px;
	margin:0;
	padding:0;

	}

/* ------------- TOPNAV -------------------- */

#topnav{
    float:left;
    padding:0;
    margin:15px 0 0 0;
    width:660px;
    height:28px;
    /*background:#6AB4FF;*/
    }

#tabs {
    float:left;
    width:660px;
    font-size:10pt;
    font-weight:bold;
    line-height:normal;
    margin:0 0 0 5px;
    padding:0;
    }

#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#tabs li {
    /*display:inline;*/
    float:left;
    width:107px;
    height:22px;
    background: url("../images/tab.jpg") no-repeat left top;
    margin:0;
    padding:8px 0 0 0;
    text-align:center;
    }
#tabs a {
    float:none;
    display:block;
    margin:0;
    padding:0;
    text-decoration:none;
    }

#tabs a:hover {
    color:#009999;
    text-decoration: underline;
    }



/***********************************************/
/* SIDENAV                                     */
/***********************************************/

#sidenav {
    width:209px;
    margin:15px 0 0 0;
    }

#sidenav ul {
    width:209px;
    list-style: none;
    }

#sidenav li {
    width:209px;
    height:30px;
    list-style: none;
    background: url(../images/btn_sidenav.gif) left center no-repeat;
    padding:10px 0 0 12px;
    }

#sidenav a {
    color: #666666;
    font-weight: bold;
    font-size:80%;
    padding:10px;
    text-decoration: none;
    }

#sidenav a:hover {
    color: #009999;
    text-decoration: underline;
    }

/***********************************************/
/* PANELS                                      */
/***********************************************/

#listpanel {
    background: url(../images/panel_fill.jpg) bottom left repeat-x;
    width:208px;
    margin:0;
    padding:0;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-top:0;
    border-bottom:0;
    }

#listpanel ul {
	padding:0;
    margin:0 0 0 25px;

	}

#listpanel li {
    font-size:75%;
    color: #999999;
    list-style:url(../images/bullet.gif);
    font-weight:bold;
	padding:0 0 6px 0;
    margin:0;
    }


#listpanel2 {
    /*float:left;*/
    background: url(../images/page_panel.gif) top left no-repeat;
    width:341px;
    height:228px;
/*border:1px solid #FF00FF ;*/
    }

#listpanel2 ul {
	padding:0;
    margin:0 0 0 42px;
	}

#listpanel2 li {
    font-size:90%;
    color: #FFFFFF;
    list-style:url(../images/tick.gif);
    font-weight:bold;
	padding:0 0 3px 0;
    margin:0;
    }

#listpanel2 p {
  color:#ffffff;
  font-weight:bold;
  width:250px;
  margin:0 5px 0 25px;
  padding:15px 0 5px 0;
}


#rightpanel {
    width:190px;
    background: url(../images/panel_mid.gif) center left repeat-y;
    text-align:center;
    font-size:80%;
    color:#FFFFFF;
    margin:0;
    padding:0 0 5px 0;
    }

#rightpaneltop {
    margin:8px 0 0 0;
    width:190px;
    height:16px;
    border:0;
    background: url(../images/panel_top.gif) top left no-repeat;
    }

#rightpanelbot {
    margin:0;
    width:190px;
    height:22px;
    border:0;
    background: url(../images/panel_bot.gif) bottom left no-repeat;
    }

#rightpaneltext {
    width:170px;
    padding:0 0 0 6px;
    margin:0;
    }

#rightpaneltext h2 {
    font-size:80%;
    font-weight:bold;
    color:#FFFFFF;
    }

.rightpanelimg {
  border:1px solid #FFFFFF;
    }


#rightpaneltext2 {
    width:350px;
    padding:0 0 0 6px;
    margin:0;
    text-align:left;
    }

#textpanel {
  float:right;
  width:220px;
  margin:16px 190px 0 0 ;
/*border:1px solid #FF00FF ; */
    }

/***********************************************/
/* PAGE ELEMENTS                               */
/***********************************************/

.bullets {
    /*float:left;*/
    padding:10px 0 0 0;
    margin:0 0 15px 20px;
	}

.bullets li {
    font-size:80%;
    color: #666666;
    list-style-image: url(../images/bullet.gif);
    font-weight:bold;
	padding:0 0 6px 0;
    }

.alert {
	color:#CC0000;
	font-weight:bold;
	font-size:75%;
	}

.floatright {
  float:right;
  text-align:center;
  width:125px;
}


.whitetextsmall {
  color: #FFFFFF;
  font-size:10px;
}


.photo {
    margin:0;
    padding:2px;
    border:1px solid #CCCCCC;
	}

#map {
    margin:0;
    padding:2px;
    border:1px solid #CCCCCC;
	}

.photoinline {
	margin: 0 0 15px 15px;
	}

.formtable {
    float:left;
    font-size:75%;
    }

.datatable {
  padding:2px;
  background:#FFFFFF;
  border:solid 1px #cccccc;
}

.datatable td {
  padding:2px;
  background:#EFEFEF;
  font-size:70%;
}

.caption {
    font-size:60%;
    color:#999999;
    padding:3px 0 5px 0;
    }

.smalltext {
    font-size:60%;
    color:#666666;
    }

.links a {
    font-size:80%;
    font-weight:bold;
    background: url(../images/btn_arrow.gif) left center no-repeat;
    padding:0 0 0 12px;
    text-decoration:none;
    }

.links a:hover {
    background: url(../images/btn_arrow_over.gif) left center no-repeat;
    padding:0 0 0 12px;
    text-decoration:underline;
    }

/***********************************************/
/* BUTTONS */
/***********************************************/
.btn {
    width:88px;
    height:37px;
    margin:40px 5px 0 0;
    padding:0;
    }

.btn2 {
    width:88px;
    height:37px;
    margin:15px 5px 0 0;
    padding:0;
    }

/*  ------------ PADDING AND SPACING  ------------ */

.pad {
    margin:8px;
    }


.clear {
    clear:both;
    }



/***********************************************/
/* FOOTER                                      */
/***********************************************/

#footer {
	/*clear:both;*/
	width:799px;
    text-align:left;
    margin:10px 0 0 0;
	}

#footer p {
    padding:10px 15px;
    margin:0;
    text-align:left;
    font-size:70%;
    color:#666666;
    }

#footer ul {
    list-style: none;
    width:100%;
    margin:0 10px 0 15px;
    padding:5px 0 5px 0;
    background:#FFFFFF;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    }

#footer li {
    display:inline;
    margin:5px 10px 5px 0;
    padding:0 5px 0 0;
    border-right: solid 1px #CCCCCC;
    }

#footer li a{
    font-size:80%;
    color:#999999;
    text-decoration: none;
    }

#footer li a:hover{
    color:#009999;
    text-decoration: underline;
    }

/***********************************************/
/* COPYRIGHT                                   */
/***********************************************/
#copyright {
    width:828px;
    margin:10px 0;
    padding:0 0 20px 0;
	}

#copyright span {
    float:left;
    width:650px;
    font-size:70%;
    color:#99CCCC;
    text-align:left;
    }


#credit {
    float:right;
    width:auto;
    text-align:right;
    color:#99CCCC;
    font-size:10px;
    }

#credit a {
	color:#99CCCC;
	text-decoration:none;
	}

#credit a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}