﻿/* colors   background #eef
            dk blue     #006
            yellow      #ff9
            med blue    #99f
            lt blue     #ccf
            green       #cfc
*/
body {
	background: #999;
    margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: black;
	text-decoration: none;
	line-height: 1.3;
}
#iStar_page_editor {
	background: white;
	width: 994px;
	margin: auto;
}
table {
	text-align: left;
}
tr {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
th {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}
td,input,select,textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
}
td img {
	display:block;
}
img {
	border: none;
}
.heading {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: blue;
}
.bright  { color: blue }
.heavy   { color: black }
.boxfill { color: white }
.small   { font-size: 8pt }
.noprint { }
.dark	 { background: #bbbbff }
.right	 { text-align:right }

a:link    { color: blue; background: inherit; }
a:visited { color: blue; background: inherit; }
a:active  { color: blue; background: inherit; }
a:hover   { color: black; background-color: #ff9; }

a.image:link, a.image:visited, a.image:active, a.image:hover {
	color:blue; background:inherit;
	}

input:focus, textarea:focus, select:focus { background-color:#add8e6; }

img { border:0px; }

.tixbutton {
	font-weight: bold;
	text-align: center;
	font-size:8pt;
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align:text-bottom;
}
.tixbutton a {
	padding: 1px;
	text-decoration: none;
	display: block;
	color: #224059;
	background-color: #b5c9e2;
	border-top: 2px #cce3ff solid;
	border-left: 2px #cce3ff solid;
	border-bottom: 2px #31557f solid;
	border-right: 2px #31557f solid;
}
.tixbutton a:hover {
	background-color: #99aabf;
	border-top: 2px #31557f solid;
	border-left: 2px #31557f solid;
	border-bottom: 2px #cce3ff solid;
	border-right: 2px #cce3ff solid;
}

/* ----- main menu ----- */

#mainmenu, #mainmenu ul { /* all lists */
	display: inline;
	font-family: Helvetica, sans-serif;
/*	position: absolute;*/
/*	float: left;*/
/*	width: auto;*/
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: outside;
	line-height: 22px;
	z-index: 100;  /* above parents and other links */
}

#mainmenu li a {
	display: block;  /* fill the containing li frame */
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: blue;
	background-color: #FFFFFF; /*00b5e4;*/
	padding: 4px 7px 4px 6px;
	width: auto;  /* rqrd if "li float:left" above (ul width - padding) */
}

#mainmenu li li li a {
	display: block;  /* fill the containing li frame */
/*	border-left: 1px solid black;*/
}

#mainmenu li a:hover {
	display: block;  /* fill the containing li frame */
	color: white;
	background-color: #123C84; /*f4cc00;*/
}

#mainmenu li { /* all list items */
	display: block;
	font-weight: bold;
	float: left;  /* without this, ie forgets to hover */
	width: auto; /* width needed or else Opera goes nuts */
}

#mainmenu li ul { /* second-level+ lists */
	line-height: 1.2;
	display: block;
	position: absolute;
/*	background-color: #000000;*/
	width: auto;
	top: -999em; /* using top instead of display to hide menus because display: none isn't read by screen readers */
/*	border-bottom: none;*/
}

#mainmenu li ul li {
	display: block;  /* fill the containing li frame */
	clear: left;
	width: 100%;
}

#mainmenu li ul ul { /* third-and-above-level lists */
	margin: -1.3em 0 0 90%;
/*	background-color: #52a5b4;*/
}

#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	top: -999em;
}

#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul { /* lists nested under hovered list items */
	top: auto;
}

/**********************************************************  Original *****/

/**********************************************************  Rightside (in center column) *****/
div#rightside {
	float:right; clear:none;
    width:230px;  color:#ff0; background:inherit;
    text-align:center;
    font-size:13px;
    }
div#rightside img {
	float:right; padding:3px;
	}
div#rightside * {
	color:#ff0 !important; background:inherit; margin:0px; padding:0px;
	}
div#rightside h3 { border-top: 4px solid black; margin-top:12px;
	padding: 6px 0px 15px;
	}
div#rightside h5 { text-decoration:none; font-weight:bold; font-size:1.0em;
	text-align:center;
	margin-top:3px;}
/*********************************************************************************/
/**********************************************************  Main Navigation *****/
#nav, #nav ul{
    margin: 0px;
    height:20px;
    padding: 0 0 0 0;
    text-transform: uppercase;
    font-size:12px; width:770px; color:black;
    background:#ccf; list-style:none;
    text-align:center; font-weight:bold;
    }

/* to stretch the container div to contain floated list */
#nav:after
    {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: left;
    }
#nav li {
    display:block; float:left; padding:0px 4px; margin:0px;
    border-right: 2px solid #006;
	color:black; background:#ccf;
    }
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}
#nav li ul li {
    border-bottom: 1px solid #006;   border-left: 2px solid #006;
    border-right:2px solid #006;  border-top: 1px solid #006;
    width:10em;
    }
#nav li a {
    padding:.2em .2em; text-decoration:none; color:black; background:#ccf;
     display:block; width:auto;
    }
/* using javascript to create sfhover class to simulate hover on the li element for IE */
#nav li.sfhover, #nav li.sfhover a, ul#nav li ul li.sfhover a {
	color: #000; 	background: #99f;
	border-color: green;
}
#nav li:hover, #nav li:hover a, ul#nav li ul li:hover a {
	color: #000; background:#99f;
	}
#nav li.active {
	color:black; background: #cfc;
	}
#nav li:hover li a, #nav li.sfhover li a {
	color:#000; background:#ccf;
	}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/*********************************************************************************/
/*************************************************************** Footer menu *****/
/*
.footer {
    color:white; background:#006;
}
div#footlinks ul {
	text-transform: uppercase;
    font-size:12px;  color:black;
    background:#006;
    list-style:none;
    font-weight:bold;
}
div#footlinks li {
    display:block; float:left; padding:2px 3px; margin:0px;
}
div#footlinks li a {
    padding:.2em .2em; text-decoration:none; color:black; background:#99f;
	display:block; width:auto;
	border: 2px #009 solid;
}
div#footlinks li#active a {
	background: inherit; color: #000;
}
div#footlinks li a:hover, 	div#nav ul li#active a:hover {
	color: #000; background: #cfc;
	border-color: green;
}
*/
#copy, #privacy {
    text-align:center; font-size:1em;
}
#privacy a:link, #privacy a:visited, #privacy a:active  {
    color:#ff9 !important;  background-color: inherit;
}
#privacy a:hover { color: black !important; background:#ff9; padding:.2em .2em; }
/************************************************************************************/
/****************************************************** Main Content Areas **********/

div#contents {
    color:black; background:#cfc;
    }
div#left {
    float:left; width:150px;  color:black; background:#00b5e4;
    padding: 0px 0px;
    margin: 0px 10px 0px 0px;
	height: 100%;
    }
div#left2 {
	float:left; color:black; background:#00b5e4;
    padding: 0px 0px; border-right: 1px solid #005;
    margin: 0px 10px 0px 0px;
    }
div#right {
    color:black; background:#eff; float: right; padding: 10px 10px 40px;
    width: 210px; margin: 0px;
    }
div#center0 {
    color:black; background:#fff;  padding:5px 10px 40px;
    font-weight: normal;     margin: 5px 20px;
    font-size: 13px; border-left: 1px solid #005;
    }
div#centerpic {
    color:black; background:#fff;  padding:5px 0 40px;
    font-weight: normal;     margin: 5px 3px;
    font-size: 13px;
    }
div#centerpic img { margin:0; padding:0; }
div#center li { margin-left:20px; }
/*
td#center {
    background:#fff; vertical-align: top;
	height:100%;
    }
*/
div#center {
    color:black; background:#fff; padding:5px 10px 0px;
    font-weight: normal; border-left: 1px solid #005;
    font-size: 13px;
    }
div#center p {
	margin: auto 20px 1em 20px;
    }
div#center2 {
    color:black; background:#fff; padding:5px 10px 0px;
    font-weight: normal; border-left: 1px solid #005;
	font-size: 13px;
    }
div#ad { margin: 120px auto 0; border-top:2px solid #cfc; padding-top: 50px;}

/*********************************************************************************/
/******************************************************* left side announce  *****/
div#left2  div.announce {
    margin: 0px;
    padding: 5px 4px;
    font-size:14px; color:black;
    background:#ccf;
    text-align:left;
    }
/*********************************************************************************/
/***************************************************** left side navigation  *****/
ul#vnav1 {
	margin: 0px;
    padding: 0;
    font-size:12px;
    background:#ccf; list-style:none;
    text-align:left; font-weight:bold;
    border-bottom: 2px solid black;
    }
/* to stretch the container div to contain floated list
#vnav1:after
    {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
    }
*/
#vnav1 li {
    display:block; padding:4px;  margin:0px;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
	background:#b2e0f0;
    }
#vnav1 li a {
    padding:.2em .2em; text-decoration:none;
	color:#04003a;/*581c14;*/
    display:block; width:95%;
    }
#vnav1 li.over, li.over a {
	text-transform: uppercase; font-weight: bold; color: #04003a !important;
	}
#vnav1 li.under, li.under a {
		padding: 4px 4px 4px 10px; margin: 0px;
	}
/*
#vnav1 li.over a, #vnav1 li.under a{
    padding:.2em .2em; text-decoration:none;
    color:black; background:#ccf;
    display:block; width:95%;
    }
*/
#vnav1  li.active a, #vnav1 li.active {
	background: #00b3eb !important; color: black;
	}

div#left ul#vnav1 li:hover, div#left ul#vnav1 li:hover a {
	color: #000; background: #ff9; border-color: #33c;
	}

/*********************************************************************************/
/********************************************************** right side  **********/

div#right ul {
	margin:0; padding:0px;
	margin-left:20px;
	}
div#right h4 {
	margin: 8px 0 0 0;
	}

/*********************************************************************************/
/******************************************************** Page style *************/

h1 	{
	font-size:1.4em; border-bottom:2px #00b5e4 solid;
	color:black; background:inherit;
    margin:0px; padding:0px;
	text-align:center; margin-bottom:5px;
    font-weight: bold;
    text-decoration: none;
    }
h2,h3,h4,h5,h6 {
    font-weight: bold; font-size: 1.3em;
    text-decoration: none; text-align:center;
    margin:0px; padding:0px; margin-bottom:5px;
    color:black;  background-color:inherit;
    }
h2.title { font-size:1.2em; border-bottom:2px #00b5e4 solid; margin:0px 0px 5px;
	padding: 10px 0 0 5px; text-align:left; color:black; background:inherit;
	}
h3  {
	font-size:1.2em; text-align:left;
	}
h4	{
	font-size:1.1em; text-align:left;
	}
h5,h6 {
	text-decoration:none; text-align:left;
	font-size:1.1em;
	}
h6  {
	font-size:1.0em;
	}
img.floatright { float:right; padding-left:5px; padding-bottom:10px; }
img.floatleft  { float:left;  padding-right:5px; padding-bottom:10px;}

/*********************************************************************************/
/*********************************************************************************/

div#submenu {
    color:black; background:#00b5e4;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    padding: 4px 5px;
    margin: 4px 0 15px;
    }
div#submenu a {
    color:black; background:inherit;
    padding: 0 20px;
    }
div#center0 td p.pictitle { font-size:18px; margin-bottom:10px; font-weight:bold;}

