/****************** Main Page *****************/
* {
	margin: 0;
	padding: 0;
}

body {
background:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #222;
}

a {
text-decoration: none;
color: #040784;
}
a:hover {
text-decoration: underline;
color: #7fb9ff;
}

#wrap {
margin: 0 auto;
width: 800px;
background-color:#FFFFFF;
border-left: 2px solid #666666;
border-right: 2px solid #666666;
}

#header {
height: 62px;
background: #fff url(img/top.gif)  no-repeat;
}



.img {
padding: 0;
margin: 0;
position:relative;
}

h1 {
text-align:center;
line-height:25px;
font-size: 25px;
padding: 15px;
color: #040784;
}


 h2 {
font-size: 20px;
color:  #040784;
padding: 0 0 0 15px;
font-weight: 100;
}

h3 {
font-size:14px;
color:#7fb9ff;
}

/*************************Menue/Navigation*************************/

#menu {
height: 18px;
background-color:#040784;
width:670px;
text-align:center;
margin-left:auto;
margin-right:auto;
position:relative;
top:-29px;
}


#menu ul {
list-style-type: none;
padding-left: 30px;
}

#menu ul li {
display: block;
float: left;
}

#menu ul li a {
padding: 0 5px 10px 35px;
text-decoration: none;
font-weight: bold;
font-size: 17px;
color: #fff;
}

#menu ul li a:hover {
color: #999999;
text-decoration: underline;
}

#menu ul li a:active {
color: #999999;
}

/**************************Content**************************/

#content ul { 
margin: 5px 15px 5px 15px;
list-style-type:none;
}

#content p {
margin: 5px 15px 5px 15px;
text-align:justify;
}


/************************Elements for a list of links ***********************/

#content .linklist { 
width:300px;
float:left; 
padding-top:10px;
}

#content .linklist ul{
color: #444;
background-color: #e4f0ff;
padding-bottom:15px;
border:double 3px #040748;
}

#content .linklist h2 {
height: 26px;
line-height: 26px;
background: #bfbfbf;
color: #040784;
font-size: 18px;
border-bottom:solid 1px #a5bcd8;
border-left:solid 1px #a5bcd8; 
border-right:solid 1px #a5bcd8;
}

#content .linklist ul li {
margin:10px 0;
text-align:left;
}

#content .linklist ul li a {
color:#444;
font-size: 14px;
padding:10px;
text-decoration: none;
font-weight: 500;
margin-top:15px;
}

#content .linklist ul li a:hover {
text-decoration:underline;
}

/*************************content colum**********************/

#right {
float:left;
width: 450px;
margin: 0 10px;

}

#right h2 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 26px;
line-height: 26px;
background-color: #bfbfbf;
}

#right h2 a {
text-decoration: none;
color: #040784;
}

#right h2 a:hover {
color: #111;
}

#right img {
margin:10px 10px 5px 0;
float:left;
}

#content #right p {
text-align:justify;
margin: 10px 10px 5px 0;
}




/**************************richt colum ************************/

#rightcol {
float:left;
width:165px;
height:250px;
}

#rightcol p {
margin: 10px 10px 5px 10px;
text-align:left;
color:#040784;
font-weight:bold;
font-size:11px;
}

#rightcol h2 {
margin-top: 40px;
color: #040784;
font-size:18px;
text-align:left;
background-color:#ccc;
padding: 5px 10px;
}
/************************* left colum *************************/

#left {
display:inline;
float: left;
width: 165px;
height:250px;
}

#left h2 {
margin-top: 40px;
color: #040784;
font-size:18px;
text-align:left;
background-color:#ccc;
padding:5px 10px;
}


#left ul {
padding-bottom:15px;
margin-top:10px;
list-style-type:none;
font-weight:bold;
}

#left ul li {
margin: 0px 15px 15px 0px;
}

#left ul li a {
color:#040784;
font-size: 16px;
text-decoration: underline;
}

#left ul li a:hover { text-decoration:underline;
}


/**************** handbook elements *****************/

#content #book h2 {
text-align:center;
font-size: 20px;
color:#040784;
margin: 30px 0;
padding-top:10px;
text-decoration:underline;
}

#content #book p {
margin: 15px 35px 0 35px;
color: #444;
}

#content #book ul {
margin: 15px 35px 0 35px;
color: #444;
list-style-type: none;
}

#content #book ul.num li {
list-style-type: decimal;
margin: 15px 35px 0 35px;
}

#content #book ul.let li {
list-style-type:upper-alpha;
margin: 15px 35px 0 35px;
}

#content #book ul.bul li {
list-style-type:disc;
margin: 5px 35px 0 35px;
}

#content #book h3 {
color: #7fb9ff;
margin: 10px 15px;
}

/******************* bottom/footer *********************/


#footer {
text-align:center;
color:#ccc;
margin-top:25px;
}

/************************ individual elements **************/
.centered{
width:400px;
text-align:center;
margin-left:auto;
margin-right:auto;
padding:0px;
}

.bold {
font-weight:bold;
}

.boldunderline {
font-weight:bold;
text-decoration:underline;
}


/****************** calendar ********************/
#calendar {
width: 900px;
padding: 0;
margin: 0;
border: solid 2px #040784;
font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #040784;
text-align: center;
background-color: #fff;
}

#calendar td {
border: 1px solid #040784;
width: 125px;
height: 125px;
text-align:left;
vertical-align:top;
background-color:#F0F0F0
}
 
#calendar td h4 {
padding-left: 5px;
}

#calendar td ul {
margin-top: 5px;
}
 
#calendar td ul.small li {
font-size:11px;
list-style-type:none;
padding-left: 7px;
}

/****************** roster table *********************/

#rostertable { 
width:300px;
text-align:center;
margin-left:auto;
margin-right:auto;
border:double 3px #040784;
background-color:#e4f0ff;
}

#rostertable tr {
text-align:left;
}

#rostertable tr td {
padding:5px;
color:#444;
font-size:14px;
}

#rostertable h2 {
text-align:center;
background-color:#bfbfbf;
padding: 5px 0;
font-size:16px;
}