/*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-blue.gif);  background-repeat:repeat-x; background-color: #00649A;  color: #333333; font-family:  Helvetica, Times, serif;  text-align: center;}

.header {position:relative; background-image: url(star-header-2);  background-repeat:repeat-x; background-color: #333333; color: #ffffff; font-family:  Helvetica, Times, serif;  text-align: left;   padding:20px 0 20px 10px}

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







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

     }


.mid {background-color: #ffffff;  color:#333333; 
	float: left;
	width: 530px;
	padding: 20px 20px;
	font-size: 95%;}

.right {background-color: #444444;  color:#ffffff; 
	float: right;
	width: 160px;
	padding: 0;
	font-size: 95%;}



.sidebar {
	float: right;
	background: #fff;
	width: 190px;
	padding-top: 20px;
	font-size:small;
	font-size:10px;
	font-family: Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#444;
	margin-right: 10px;
}

.sidebar h2 
{
	font-size:1.2em;
	color:#000;
	font-variant:small-caps;

	margin-bottom:0.5em;
        text-align: left;
}


.sidebar a {
	color: #365D95;

}
.sidebar a:hover 
{
	color:#444;
	background-color: #ffffff;
	font-weight:normal; 
	text-decoration:underline;
}

.clear
{
	clear:both;
}





.bodytext {margin-left: 80px; margin-right:80px;}

.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%;}


/*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: #ffffff } 
a:visited img   { border-color: #ffffff} 
a:hover img   { border-color: #ffffff} 
a:active img   { border-color: #ffffff} 





/*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 }



div#navcontainer {background-color: #800000; 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: #E9AB17;
color: #111111;
}
div#navcontainer ul li a:active
{
background-color: #FFFFEF;
color: #333333;
}


div#navcontainer2 {background-color: #333333; 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;
}







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

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