/*General font: */ 

font	{ font-family: Helvetica, Times, serif; color: #333333; font-size: 100%;}

/*General properties of the body: Background color, -picture, margins. */ 

body {background-image: url(bg-grey.png);  background-repeat:repeat-x; background-color: #ECECEC; font-family:  Helvetica, Times, serif;  text-align: center;}

.header {position:relative; background-image: url(star-header-64.jpg);  background-repeat:repeat-x; background-color: #00649A; color: #ffffff; font-family:  Helvetica, Times, serif;  text-align: left;   padding:5px 0 5px 0px; }

.header h1   {  font-size: 100%; font-weight:bold; text-align:center; color: #ffffff; margin-top:30px; font-family: Helvetica, Verdana, Times, serif; }

.center-div {
     margin-left: auto;
     margin-right: auto;
     width: 468px;
     text-align: left;
background-color: #ECECEC;

     }

.center-div-2 {
     margin-left: auto;
     margin-right: auto;
     width: 300px;
     text-align: left;
background-color: #ffffff;
     }
.mid {background-image: url(bg-grey.png);  background-repeat:repeat-x; background-color: #FFF7EC; background-color: #ECECEC; font-size:90%; color:#333333; padding: 10px 80px 10px 80px}

.bodycontent {width: 60px; text-align: left}
.bodytext {margin-left: 10px; margin-right:10px;}

.top {background-image: url(star-rising.jpg);  background-repeat:no-repeat; background-position: right; background-color: #000000; font-size:90%; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-weight:bold; text-align: left;  padding: 3px 10px 3px 80px}

.top a:link {color:#ffffef; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #000000; font-size:90%;}

.top a:visited {color:#ffffef; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #000000; font-size:90%;}

.top a:hover { background-color: #ffffff; color: #000000; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:90%;}

.top a:active {color:#ffffef; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; background-color: #000000; font-size:90%;}

.featured {background-color: #ffffff; border-color:#999999; border-width:1px; border-style:solid; padding: 20px;  font-size: 90%;}

.premier {background-image: url(bg-grey.png);  background-repeat:repeat-x; background-color: #ECECEC; border-color:#004165; border-width:0px; border-style:solid; padding: 20px 10px 20px 10px;  font-size: 90%;}

/*Links: */

a:link 	{color: #00639C; font-weight:normal; text-decoration:none; font-family: Helvetica, Arial, sans-serif;}
a:visited 	{color: #00639C; font-weight:normal; text-decoration:none; font-family: Helvetica, Arial, sans-serif;} 
a:hover     { background-color: #00639C; color: #FFFFFF; font-weight:normal; text-decoration:none; font-family: Helvetica, Arial, sans-serif;}
a:active	{color: #00639C; font-weight:normal; text-decoration:none; font-family: Helvetica, Arial, sans-serif;}
a:link img   { border-color: #333333 } 
a:visited img   { border-color: #B8860B } 
a:hover img   { border-color: #800000 } 
a:active img   { border-color: #B8860B } 

.copy {background-color: #000000;}
.copy2 {background-color: #000000; font-size:70%; color:#ffffff; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-align: left;  padding: 8px 10px 8px 20px;}


.dateChooser td {
    cursor:default;
    text-align:center;color: #000;
}
.dateChooser td.dateChooserActive:hover {
    color:#000;
    background:#0A246A;
}
.dateChooser td.dateChooserActiveToday {
    border: 1px solid red;
}
.dateChooser th {
    background: #aaa;
    color: #000;
    width: 18px;
    border: none;
		font-size:10px;
}
.dateChooser option, .dateChooser select {
    font-size:10px;
}
.dateChooser {
    border: 2px outset #aaa;
    background: white;
    padding: 1px;
		color:#000;
}
.dateChooser table {
    width:160px;color:#000;
}



/*Headers:*/


h1        {  font-size: 140%; font-weight:bold; text-align:center; color: #333333}

h2	{ font-size: 120%;  font-weight: bold; text-align:center; color: #333333 }

h3	{ font-size: 110%; font-weight: bold; text-align:left; color: #333333}

h4	{font-size: 110%; font-weight: bold; text-align:left; color: #333333 }

h5	{font-size:110%; text-align:center }

/*Properties for special highlight:*/
.special	{font-size: 150%; 	font-weight: bold;	color: #333333; 	text-align:center }
.special2	{font-size: 150%;	color: #333333; 	text-align:center }
.special3	{font-size: 120%;	color: #333333; font-weight: bold; 	text-align:left }
.special4	{font-size: 120%;	color: #333333; 	text-align:left }
.special5	{font-size: 120%;	color: #333333; 	text-align:center }
.special6	{font-size: 100%;	color: #333333; 	text-align:center }
.special7	{font-size: 120%;	color: #00639C; 	text-align:left }
.special8	{font-size: 100%;	color: #333333; 	text-align:left }
.special9	{font-size: 100%;	color: #333333; 	text-align:right }
.special10	{font-size: 100%;	font-weight: bold;	color: #333333; 	text-align:right }
.specialh2	{ font-size: 150%;  font-weight: bold; text-align:left; color: #6D939B}

div#navcontainer {background-color: #004164; font-size:90%; color:#ffffff; font-family: Helvetica, sans-serif; font-weight:normal; text-align: center; margin:0}

div#navcontainer ul
{
font-family: Helvetica, sans-serif;
font-weight: bold;
color: #333333;
font-size:120%;
text-align: center;
margin: 0;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0px;
}
div#navcontainer ul li
{
display: inline;
}
div#navcontainer ul li a
{
padding: 3px 10px 3px 10px;
color: #ffffff;
text-decoration: none;
border-left: 0px solid #fff;
border-right: 0px solid #fff; /* the borders have the same size */
margin-right: -1px; /* the value has to be like the above but negative */
}
div#navcontainer ul li a:hover
{
background-color: #ffffff;
color: #222222;
}
div#navcontainer ul li a:active
{
background-color: #FFFFEF;
color: #333333;
}


div#navcontainer2 {background-color: #004164; font-size:80%; color:#ffffff; font-family: Helvetica, sans-serif; font-weight:normal; text-align: center; margin:0}

div#navcontainer2 ul
{
font-family: Helvetica, sans-serif;
font-weight: bold;
color: #333333;
font-size:80%;
text-align: center;
margin: 0;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0px;
}
div#navcontainer2 ul li
{
display: inline;
}
div#navcontainer2 ul li a
{
padding: 2px 10px 2px 10px;
color: #ffffff;
text-decoration: none;
border-left: 0px solid #fff;
border-right: 0px solid #fff; /* the borders have the same size */
margin-right: -1px; /* the value has to be like the above but negative */
}
div#navcontainer2 ul li a:hover
{
background-color: #ffffff;
color: #222222;
}
div#navcontainer2 ul li a:active
{
background-color: #FFFFEF;
color: #333333;
}





div#navcontainer3 {background-color: #004164; font-size:80%; color:#ffffff; font-family: Helvetica, sans-serif; font-weight:normal; text-align: center; margin:0}

div#navcontainer3 ul
{
font-family: Helvetica, sans-serif;
font-weight: bold;
color: #333333;
font-size:80%;
text-align: center;
margin: 0;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0px;
}
div#navcontainer3 ul li
{
display: inline;
}
div#navcontainer3 ul li a
{
padding: 2px 10px 2px 10px;
color: #ffffff;
text-decoration: none;
border-left: 0px solid #fff;
border-right: 0px solid #fff; /* the borders have the same size */
margin-right: -1px; /* the value has to be like the above but negative */
}
div#navcontainer3 ul li a:hover
{
background-color: #ffffff;
color: #222222;
}
div#navcontainer3 ul li a:active
{
background-color: #FFFFEF;
color: #333333;
}







/*Change distance between list items:*/
li  { margin-bottom: 5px;}

/*color of list:*/
li {color: #333333}
ul {color: #333333}