body {
  background-color: #ccffff;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  color: #000033;
  margin: 0 0 0 0;
  padding: 0;  
  font-size: 10pt;
  width: 100%;
}

.topmenu {
    margin: 0 0 0 210px;
}

.topmenutabs {
    display: inline;
    float: left;
}

.logo {
	display: inline;
	float: right;
	margin: 10px 10px 0 0;
	border: none;
}

.topmenu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.topmenu img {
	padding: 0; 
	margin: 0;
	border: 0;
}

.topmenu .imgspacer {
    display:block;
}

.topmenu li {
	display: inline;
	float: left;
	margin: 25px 4px 0 0;
	text-align: center;	
}

.topmenu a {
	text-decoration: none;
	display:block;
	float:left;
	line-height:1em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(images/gradc.png);
	background-repeat: repeat-x;*/
	margin: 0;
	cursor: hand;
	text-align: center;
	font-weight: bold;
	width: 100px; 
	height:110px; 
	padding: 0px 10px 0px 10px;
}

/* pre-load images */
.hiddenPic1{display: none; background-image: url(images/tm_link.jpg); background-repeat: no-repeat;}
.hiddenPic2{display: none; background-image: url(images/tm_hover.jpg); background-repeat: no-repeat;}
.hiddenPic3{display: none; background-image: url(images/tm_active.jpg); background-repeat: no-repeat;}

.topmenutabs a:link {background-image: url(images/tm_link.jpg); background-repeat: no-repeat; }
.topmenutabs a:visited {background-image: url(images/tm_link.jpg);background-repeat: no-repeat;}
.topmenutabs a:hover {background-image: url(images/tm_hover.jpg); background-repeat: no-repeat;}
.topmenutabs a:active {background-image: url(images/tm_link.jpg);background-repeat: no-repeat;}
.topmenutabs a:focus {background-image: url(images/tm_link.jpg); background-repeat: no-repeat;}





/* replace this page with focus for mozilla ? */
.topmenu a.thispage:link, a.thispage:visited, a.thispage:hover, a.thispage:active {background-color: #008080;}

.topmenu .midtabimg {
	display: block;
	clear:both;
	margin: auto;
	margin-top: 5px;
}

.topmenu .midtabposition {
	display: block;
	float: left;
	/*font-size: 1em;*/
	font-weight: bold;
	width: 120px;
}

.topmenu .midtabalign {
	display: block;
	text-align: center;

}

div.submenu {
    /*background-color: #008080;*/
    background-image: url(images/gradj.jpg);
    width:100%;
    height:2em;
    color: #fff;
    /*border-top: solid 1px #008080; 
    border-bottom: solid 1px #008080;*/
	clear: both;
}

a.submenu {
	text-decoration: none;
	/*font-weight:bold;*/
	padding: 0 20px 0 20px;
	line-height:2em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	cursor: hand;
	margin: 0 0 0 0;
	/*border-left: solid 2px white;
	border-right: solid 2px white;*/
	display: block;
	float: left;
	text-align: center;
	border-right: solid 1px #008080;
}


a.submenu:visited {
    /*font-weight: bold; */
    color: #fff;
    background-image: none; 
}

a.submenu:hover {
    /*font-weight: bold; */
    color: #fff;
    background-image: url(images/gradh.jpg); 
    background-repeat: repeat-x;
}

a.submenu:active {
    /*font-weight: bold; */
    color: #fff;
    background-image: url(images/gradh.jpg); 
    background-repeat: repeat-x;
}	

a.submenu:focus {
    /*font-weight: bold; */
    color: #fff;
    background-image: url(images/gradh.jpg); 
    background-repeat: repeat-x;
}


div.textsize {
    display: inline; 
    float:right; 
    margin-right:150px;
    /*line-height:2em;*/
    height: 100%;	
    padding-top:0.25em;
}

div.textsize input 
{
	/*border: solid 1px #008080;*/
	font-weight:normal;
	padding: 0 5px 0 5px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align:middle;
}



.topbar1 {
	background-color: #003366;
	width:100%;
	height: 20px;
}

.topbar2 {
	background-color: #eee;
	width:100%;
	height: 20px;
}

.topbar2 .tbl {
	display: inline;
	float: left;
	border-left: solid 1px #003366;
}

.topbar2 .tbm {
	background-color: #003366;
	display: inline;
}

.topbar2 .tbr {
	display: inline;
	float: right;
	border-right: solid 1px #003366;
	background-image: url (images);
}

.topbar1 .tbl {
	display: inline;
	float: left;
	border: none;
}

.topbar1 .tbm {
	background-color: #003366;
	display: inline;
}

.topbar1 .tbr {
	display: inline;
	float: right;
	border: none;
}

div.pagecontent {
	background-color: #fff;
	/* use javascript to adjust this to the available height */
	margin: 0px;
	display: inline;
	float: left;
	width: 100%;
}



.topbarpc {
	background-color: #fff;
	width:100%;
	height: 20px;
}

.topbarpc .tbl {
	display: inline;
	float: left;
	border: none;
}
 
.topbarpc .tbm {
	background-color: #fff;
	display: inline;
}

.topbarpc .tbr {
	display: inline;
	float: right;
	border: none;
}

/**/
.topbargal {
	background-color: #008080;
	width:100%;
	height: 20px;
}

.topbargal .tbl {
	display: inline;
	float: left;
	border: none;
}

.topbargal .tbr {
	display: inline;
	float: right;
	border: none;
}

.topbargal2 {
	background-color: #fff;
	width:100%;
	height: 20px;
}

.topbargal2 .tbl {
	display: inline;
	float: left;
	border-left: solid 1px #008080;
}

.topbargal2 .tbr {
	display: inline;
	float: right;
	border-right: solid 1px #008080;
}  
  
div.gallery {
background-color: #008080;  /*  why does some show in ie but not ff*/
margin: 0;
display: inline;
float: left;
width: 100%;
}

div.gallerypics {
	border: none;
}

/**/
div.stoppress {
background-color: #cacaca;
height: 30%;
margin: 0;
display: block;
float: left;
width: 100%;
}

.searchbox {
	margin-top: 1px;  
	/*border: solid 1px #003366; 
	padding: 1; */
	width: 106px; 
	margin-right: 14px;
}

.logocell 
{
	width: 144px;
}


/* quick links */

div.quicklinks {
	margin: 0px;
	padding: 0px
	width: 202px;
}

div.quicklinks a
{
	text-decoration: none;
	color: #003366;
	width: 100%;
	font-weight: normal;
}

div.quicklinks a:visited {font-weight: normal; font-style: normal;}
div.quicklinks a:hover {font-style: italic; font-weight: bold;}
div.quicklinks a:active {font-weight: bold; font-style: normal;}
div.quicklinks a:focus {font-weight: bold; font-style: normal;}

.qltl, .qltr, .qlbl, .qlbr  {
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
    background-image: url(images/circleql.gif);
    background-position: top left;
    background-repeat: no repeat;
    line-height:10px;
    }
 
 .qltl {
    background-image: url(images/circleql.gif);
    background-position: top left;
}
.qltr {
    background-image: url(images/circleql.gif);
    background-position: top right;
}
.qlbl {
    background-image: url(images/circleql.gif);
    background-position: bottom left;
}
.qlbr {
    background-image: url(images/circleql.gif);
    background-position: bottom right;
}
    
.qlmid {
    display: inline; 
    float: left; 
    background-color:#003366; 
    height: 20px; 
    width: 130px;
}

.qlmainpart {
    display:block; 
    clear: both; 
    margin:0; 
    width: 168px; 
    background-color:#eee; 
    border-left: solid 1px #003366; 
    border-right: solid 1px #003366; 
    color: #003366;
}
   
.qltoppadding {
    line-height: 0.25; 
    display: block; 
    clear: both;
} 

.qllist {
	padding: 0px;
	margin: 0px;
}

.qllistitem {
    margin: 0; 
    padding: 0; 
    text-align: center; 
    list-style: none;
	font-size: 1.1em;
	line-height: 1.5em;
	width: 100%;
}


/*  gallery  */
div.gallery {
	margin: 0px;
	padding: 0px
	width: 144px;
}


.gallerytl, .gallerytr, .gallerybl, .gallerybr  {
    display: inline;
    float: left;
    height: 20px;
    width: 20px;
    background-image: url(images/circleql.gif);
    background-position: top left;
    background-repeat: no repeat;
    line-height:1px;
	font-size: 1px;
}
.gallerytl {
    background-image: url(images/circlegall.gif);
    background-position: top left;
}
.gallerytr {
    background-image: url(images/circlegall.gif);
    background-position: top right;
}
.gallerybl {
    background-image: url(images/circlegall.gif);
    background-position: bottom left;
}
.gallerybr {
    background-image: url(images/circlegall.gif);
    background-position: bottom right;
}
.gallerymid {
    display: inline; 
    float: left; 
    background-color:#008080; 
    height: 20px; 
    width: 104px;
	font-size: 1px;
}
 
 .gallerycell {
 	width: 144px;
	vertical-align:top;
}

.pctl {
    background-image: url(images/circlepc.gif);
    background-position: top left;
	width: 20px;
	height: 20px;
	display: inline;
	float: left;
}
.pctr {
    background-image: url(images/circlepc.gif);
    background-position: top right;
	width: 20px;
	height: 20px;
	display: inline;
	float: right;
}

#dropmenu {list-style-type:none; margin:0; padding:0; font-size: 10pt;}
#dropmenu li {float:left; padding:0; margin:0; position:relative; width:159px; height:2em;; z-index:100;}
#dropmenu li dl {position:absolute; top:0; left:0;}
#dropmenu li a, #dropmenu li a:visited {text-decoration:none;}
#dropmenu li dd {display:none;}
#dropmenu li:hover, #dropmenu li a:hover {border:0; background-color: #003366;}
#dropmenu li:hover dd, #dropmenu li a:hover dd {display:block;}
#dropmenu table {border-collapse:collapse; padding:0; margin:-1px;}
#dropmenu dl {width: 159px; margin: 0; padding: 0; text-align:center; cursor:pointer; height: 2em;}
#dropmenu li dt {margin:0; padding: 0px; display: block; height: 100%;  height: 2em;}
#dropmenu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}
.droplist dt a {display:block; color:#fff;  height: 100%; padding-top: 3px;}
.droplist dd a {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; background-color: #008080; width:134px;}
.droplist dd a:hover {background: url(images/arrow.gif) no-repeat 11px 10px; color:#fff;}
.subdropmenu {background-color:#008080;}