/* CSS Document */
html {background:#7AC5CD}

body {color:#000; font-size:14px; font-family: "Lucida Sans", Arial, "Times New Roman", Times, sans-serif; margin-top:0}
body {background:#7AC5CD;}
body {scrollbar-face-color: #858558; scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #FFFFFF; scrollbar-track-color: #999966;}

#header {height:100px; margin-left:12px; margin-right:auto; width:94%; margin-top:0px}

#content {background:#fff; margin-left:12px; margin-right:auto; width:97%; border-top:12px;}

#content div {margin:10px;}

#footer {background:#7AC5CD; margin-left:12px; margin-right:auto; width:97%; text-align:center}

h1 {font-size:24px}

h1.header {font-size:28px; font-family: "Lucida Sans", Arial; color:#000; font-weight:700;   margin-top:0px; line-height: 32px; text-align:center;}

h2 {font-size:18px ;border-left:5px solid #7AC5CD; padding-left:5px; margin-top:10px; margin-bottom:10px}

h1 {/*margin-left:50px;*/ font-weight:normal}
h2 {margin-left:50px; font-weight:normal}

code {display:block;margin-left:25px;padding-bottom:20px}

ol {margin:8px 0 0 10px}

ol li {display:inline;margin-right:5px}

ul {margin-left:10px;margin-top:10px; list-style:disc;}

ul li {margin-right:9px;margin-top:10px; list-style:disc;}

img {border:0;}

.img-left {float:left;}

.img-right {float:right;}

p {margin-left:100px; margin-right:100px;}

p.header {margin-left:0px; margin-top:0px}

p.table {margin-left:10px; margin-right:10px;}

table.store {width:500px; border:1px solid #996}

pre {white-space:normal}

/*#header,#menu,#content,#footer {padding:10px 0;font-size:.9em}*/

.bold {padding:10px;background:#fff;border:1px dotted #666}

.highlight {background-color:#ffc}

br.header {line-height: 22px}

ul li {display:inline;}

li a {list-style: circle outside;}


/*******************************************************************/
body {min-width:740px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 20px}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  
#header {overflow:hidden;display:inline-block}*/
#header,#menu,#footer {width:97%} /* safari and opera need this */

/********************TEXT STYLE CLASSES*****************************/

.text {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bolder; color: #990000}
.titlecenter {  font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bolder; color: #990000; text-align:center}
.subtitle     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999966}
.whitesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; text-align:center; margin-bottom:10px ; margin-top:10px}
.menulink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px ; color: #7AC5CD; text-decoration: none}
.menutext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px ; color: #7AC5CD}
.beigesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCC99 }
.heretext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none;}
.beigetext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCC99 ; line-height: 20px}
.redtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #990000; line-height: 14px }
.redsubtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000}
.textsmall { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000;text-decoration: none;}
.textsmaller { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none;}
.fltlft { float: left;	margin-right: 10px;	margin-bottom: 10px;}
.fltrt { float: right;	margin-left: 10px;	margin-bottom: 10px;}
.center {text-align:center;}

/********************LINK STYLES*****************************/

a,  a:link { color: #196ECC; font-weight: normal; text-decoration: none;}
a:visited {	color: #000080;	font-weight: normal; text-decoration: none;}
a:hover { color: #000;	text-decoration: underline;}
a:focus { color: #13399D;}
a:active { color: #13399D;}

/*****************TOP MENU STYLES***************************/

div#menu       {
	height: 20px;
	margin: 0;
	padding: 3px 0px 0px 0px;
	text-align:center;
	background:#7AC5CD;
}
div#menu ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 20px;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
}
div#menu li {
	list-style-type: none;
	display: inline;
}
div#menu li a {
	text-decoration: underline;
	padding: 5px 5px;
	color: #000;	
}
div#menu li a:link {
    color: #FFF; 
	}
div#menu li a:visited {
	color: #000;
	background-color: #CC9;
}
div#menu li a:hover {
	color: #000;
	background-color: #CC9;
}

/********************OTHER SPECIAL STYLES*****************************/

#time { /*height:60px;*/ text-align:center;}

#NewsWindow {margin:0; width:400px; height:25px; text-align:center; padding-bottom:10px;}

.hff {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background:#FFF;
	width:97%;
	text-align:center;
	margin-left: 10px;
	}