body { 
background-color: #003762;
margin:0px;
text-align: left;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color:#b3c3d0;
}
p { margin:0px; margin-bottom:10px;}
h1{
margin: 0px;
margin-bottom:10px;
font-size: 16px;
font-weight: normal;
}
h2{
margin: 0px;
margin-bottom:10px;
margin-top: 20px;
font-size: 14px;
font-weight: bold;
}

td { }
a:link, a:visited { color:#7795ac; text-decoration: none; }
a:hover, a:active { color:#ffffff; text-decoration: none; }
a:focus { outline: none;}
.headline{
font-size: 14px;
line-height: 16px;
color: #ccd7e0;
}
.subhead{
font-size: 14px;
line-height: 18px;
display:block;
color: #ccd7e0;
font-weight: bold;
width:100%;
border-bottom:1px solid #7795ac;
}

.small{
font-size: 10px;
line-height: 12px;
color: #ccd7e0;
}

/******************************************************************************* STARTPAGE ***/

#start_btn{
position:absolute;
top:135px;
right:30px;
width:60px;
height:20px;
display:block;
background-image: url(nav/start_n.gif);
}

#start_btn:link, #start_btn:visited{ background-image: url(nav/start_n.gif); }
#start_btn:hover, #start_btn:active{ background-image: url(nav/start_h.gif); }

.dottedLine{
position:relative;
top:144px;
width:100%;
height:3px;
background:url(nav/dot_1.gif) repeat-x;
}

#logoBlock{
position:absolute;
float:right;
display:block;
top:45%;left:40%;
width:60%;
height:200px;
background:url(nav/logo_b.gif) no-repeat;
}
.bgImg{
position:relative;
float:left;
height:100%;
left:20%
}

/******************************************************************************* CONTENTPAGE ***/
#topNav{
position:relative;
width:100%;
height:150px;
}
#logoHead{
position:absolute;
display:block;
top:20px;
left:100px;
width:204px;
height:102px;
background:url(nav/logo_s.gif) no-repeat;
}

.dottedLine_s{
position:relative;
top:102px;
width:100%;
height:3px;
background:url(nav/dot_2.gif) repeat-x;
}
#bottomNav{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:42px;
color:#7795ac;
}
#container{
position:relative;
overflow: auto;
float:left;
left:170px;
width:80%;
height:500px;
background:#0d416a;
}

.dotSpot{
position:relative;
float:left;
top:8px;
margin-left:4px;
width:18px;
height:10px;
background:url(nav/dot_2.gif) repeat-x
}
.subNavH:link, .subNavH:visited { color:#ffffff; font-weight: bold; text-decoration: none; }
.subNavH:hover, .subNavH:active { color:#ffffff; font-weight: bold; text-decoration: none; }

/******************************************************************************* CLOISTER MENU ***/
.clmenu{
position:relative;
display:block;
float:left;
width:140px;
height:140px;
margin-right:10px;
}
.cl1:link, .clmenu .cl1:visited{ background-image: url(nav/cl1_n.jpg); }
.cl1:hover, .clmenu .cl1:active{ background-image: url(nav/cl1_h.jpg); }
.cl2:link, .clmenu .cl2:visited{ background-image: url(nav/cl2_n.jpg); }
.cl2:hover, .clmenu .cl2:active{ background-image: url(nav/cl2_h.jpg); }

.cl3:link, .clmenu .cl3:visited{ background-image: url(nav/cl3_n.jpg); }
.cl3:hover, .clmenu .cl3:active{ background-image: url(nav/cl3_h.jpg); }

.cl4:link, .clmenu .cl4:visited{ background-image: url(nav/cl4_n.jpg); }
.cl4:hover, .clmenu .cl4:active{ background-image: url(nav/cl4_h.jpg); }


/******************************************************************************* EVENTPAGE ***/

.events_body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#b3c3d0;
margin-bottom:5px;
}

.events_head{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
color:#ccd7e0;
margin-bottom:5px;
}

.events_month{
position: relative;
width:100%;
height:16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#003762;
line-height:16px;
background-color:#809bb1;
margin-top:20px;
margin-bottom:20px;
padding-left:10px;
}

.events_line{
position:relative;
width:100%;
height:1px;
display: block;
border-bottom:1px solid #809bb1;
margin-top:20px;
margin-bottom:10px;
}

/******************************************************************************* PRESS IMGS ***/
.pressImg{
position:relative;
float: left;
border: 1px solid #b3c3d0;
margin-right: 10px;
}

/******************************************************************************* CMS STYLES ***/
.pictleft{
position: relative;
float: left;
clear:left;
margin: 5px;
margin-right: 10px;
margin-left: 0px;
border: 1px solid #b3c3d0
}

.pictright{
position: relative;
float: right;
clear:right;
margin: 5px;
margin-right: 0px;
margin-left: 10px;
border: 1px solid #b3c3d0
}

.fleft{
position: relative;
float: left;
clear:none;
margin: 5px;
margin-right: 10px;
margin-left: 0px;
border: 1px solid #b3c3d0
}

.fright{
position: relative;
float: right;
clear:none;
margin: 5px;
margin-right: 10px;
margin-left: 0px;
border: 1px solid #b3c3d0
}

.nopeleft {
margin: 0 20px 5px 0;
clear: left;
margin-bottom: 10px;
}
.noperight {
margin: 0 0 5px 20px;
clear: right;
margin-bottom: 10px;
}
.clearAll {
float:none;
margin: 0 0 5px 20px;
clear: both;
margin-bottom: 10px;
}

.frame {
clear:left;
float:none;
border-style: solid;
border-color: #FCCD8C;
border-width: 1px;
margin-bottom: 10px;
}

.noframe {
clear:left;
float:none;
margin-bottom: 10px;
}

.linkno {
position:relative;
float:left;
}

.linkclear {
position:relative;
float:left;
clear:both;
margin-bottom:20px;
}

.colBox{
position:relative;
width:180px;
top:0px;
left:0px;
float:left;
margin-right:50px;
}

.ePict{
position: relative;
float: left;
margin: 5px;
margin-right: 7px;
margin-left: 0px;
border: 1px solid #b3c3d0
}

/* //////////////////////////////////////////////////////////////////////////////////////////// */

.nLink:link, .nLink:visited{ color:#f8e204 }
.nLink:hover, .nLink:active{ color:#fff }