/* CSS Document */
/* Body is control the whole board, incluidng background color, text font, text color, et al */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image:url(images/bg.jpg); background-repeat: repeat-x; background-color: #B8B8B8; color: #000000; text-align:justify; margin:0px;}
/* a:link defines the default of what a link looks like, including text-decoration (add a space at the colon to see how it defines), color and border */ 
a:link { text-decoration: none; color:#3399FF; border: none;}
a:active { text-decoration: none; color : #3399FF; border: none;}
a:visited { text-decoration: none; color : #3399FF; border: none;}
/* a:hover controls how the link looks like when you put the mouse on the link, #FF0000: red; */
a:hover	{color:#FF0000; border: none; text-decoration:underline; cursor:pointer; /*cursor: crosshair;*/ } 
/* #wrap defines the second layer of the frame inside the body, including the header, central body and footer. */
/* margin: distance between the wrap to the body; Padding: distance between the content inside the wrap to the wrap (top, right, bottom, left); */
#wrap {margin: 0px auto; background-color:#ffffff/*#ECEEFF*/; padding: 0px 0px 0px 0px; width:840px; border-left:#aaaaaa 1px solid; border-right:#aaaaaa 1px solid; height:100%; }
/* top defines the header of the webpge*/
#top { height:100px; background:url(images/top.gif); margin: 0px 0px 0px 0px; padding: 0 0 0 0px; clear:both; }
/*#subtop { height:75px; background:url(images/top-2.gif) repeat-x; margin: 0px 0px 0px 0px; padding: 0px 0 0 0px; clear:both; } */
/* navigator defines the content index of the webpage*/
#navigator {/*background-image:url(images/navigator_back.gif);*/ color:#3399ff; height:30px; text-shadow:Silver; background-color: #FFFFFF; border-top: 2px solid #95B0DF; border-bottom: 2px solid #95B0DF; margin: 0px 0px 0px 0px; padding: 0px 0 0 0px; font-size:14px; font-weight:bold; }
#footer {/*background-color: #CFD6FE;*/ background-image:url(images/footer_back.gif); text-align:center; line-height:20px; color:#333333; /*background-color:#cccccc;*/ margin: 0px; padding: 5px 0px 5px 0px; clear:both; }
/* h1 defines the title of all frames*/
h1{ background-image:url(images/h1_back.gif); font-size:14px; height:20px; color: #003366; padding:10px 0px 5px 15px; /*background-color:#CCCCCC;*/ border-bottom: 0px solid #aaaaaa; margin: 0 0 0 0;}
/*h2 is only used for the index page */
h2{ /*background-image:url(images/h1_back.gif);*/ font-size:14px; height:20px; color: #003366; padding:10px 0px 5px 15px; background-color:#F4F7F7; border-bottom: 1px solid #FFFFFF; margin: 0 0 0 0;}
/* . indicates the following line is a class; mid: middle frame; left: left frame; right 1: topper right frame; right 2: bottom right frame; */
.mid { background-color:#ffffff; line-height: 12px; margin: 10px  0px 10px 20px; padding:  0px 0px 0px  0px; border:0px solid #aaaaaa; width: 800px; }
.left { background-color:#F4F7F7;/*#F4F7F7*/ line-height: 12px; margin: 10px  0px 10px 20px; padding:  0px 0px 0px  0px; border:0px solid #aaaaaa; float: left;  width: 245px; height:530px; }
.right1{background-color:#F4F7F7;/*#F4F7F7*/ line-height: 12px; margin: 10px 20px  0px  0px; padding:  0px 0px 0px  0px; border:0px solid #aaaaaa; float: right; width: 540px; height:322px;}
.right2{background-color:#F4F7F7;/*#F4F7F7*/ line-height: 12px; margin: 10px 20px 10px  0px; padding:  0px 0px 0px  0px; border:0px solid #aaaaaa; float: right; width: 540px; height:198px; }
/* discription_cover defines the text style in the Home page */
.discription_cover{padding-top:5px; line-height:16px; margin:10px 10px 10px 10px;}
.discription_cover_left{padding-top:0px; line-height:13px; margin:10px 10px 10px 10px;}
/* discription deines the text style in all pages except Home page*/
.discription{line-height:16px; padding-top:10px; margin:0px 20px 10px 20px;}
/* portraittitle difines the text style of the title in each frame */
.portraittitel{font-size:12px; color:#000033; font-weight:bold; margin-bottom:15px;}
/* member_discription seperates group members */
.member_discription{ border-bottom:1px dashed #666666;}

.month_news{font-size:12px; color: #003366; font-weight:bold;}
