/**
Colors:
00495c = Dark Blue; Titles, links
f88118 = Orange;
b9d4de = light blue background color for titles

Fonts: Default Arial.
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;

Text:eader
	Standard
			font-size: 14px; 
			line-height: 20px;
	H3 titles:
		font-size: 12px; 
		line-height: 26px;

**/

body { 
	font: small serif;
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif; 
   font-size: 14px; 
	line-height: 200px;
	text-align: left;
   margin: 0px; 
	padding: 0px; 
	}

p {
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;
	font-size: 14px; 
	line-height: 20px;
	text-align: left; 	 
	margin: 0px; 
	padding: 0px;
	}
	
h1, h2, h3 {
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;
	font-weight: bold; 	 
	text-align: left; 
	}

a:link { 
	color: #00495c;
	font-weight: bold;
	text-decoration: none;
	}

/** reset visited as unvisted links **/	
a:visited {
	color: #00495c;
	font-weight: bold;
	text-decoration: none;

}

/** when over a link go green und underline **/ 
a:hover, 
a:active,
a:visited:hover { 
	text-decoration: underline; 
	color: #f88118;
	}

#container { 
	width: 700px; 
	position: relative;   
	margin: 0px auto 0px auto; /** center **/
	padding: 0px 0px 0px 0px;
	}


/*Left column THe MAIN TEXT */	

#content {
 	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	}
		
/*Right column */	
#rcolumn {
   position: absolute;
   top: 241px;
   left: 0px;
 	width: 220px;
	margin: 0px 0px 0px 482px;
	padding: 0px 0px 0px 0px;
	}

/* header image part*/
#logo {
	border-top: 0px;    
	border-right: 1px solid #aaa;    
	border-bottom: 1px solid #aaa;    
	border-left: 1px solid #aaa;    
 	background: url( '../header.gif' ) top center no-repeat;
 	width: 700px;
 	height: 230px;
	}

#logo a {
    display:block;
 	width: 700px;
 	height: 230px; 
    text-decoration:none;
	overflow:hidden;
 	background: url( '../header.gif' ) top center no-repeat;
    }

#logo span {
	display: block;
 	width: 700px;
 	height: 224px;
	}
	
	
/* Important messages */			
#message {
   width: 450px;
 	background-image: url("../title-light.gif");
	background-position: top center;
	background-repeat: repeat;
	background-color: #b9d4de;
	border: 1px solid #aaaaaa;    
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	}
	
.subject{
 	width: 450px;
	border: 1px solid #aaaaaa;    
 	background-image: url("../orange.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: white;	
	margin: 10px -10px 0px -10px;
	padding: 10px 10px 20px 10px;
	}
		
.subject p {
	padding-bottom: 10px;
	text-align: justify;
	}

/** h4 used as iner titles in subject**/
.subject h4{
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;
	font-weight: bold; 	 
	text-align: left;
	font-size: 14px; 
	line-height: 20px;
}
			

#content h3 {
	color: #00495c;
	background-color: #b9d4de;
 	background-image: url("../title-light.gif");
	background-position: bottom center;
	background-repeat: repeat;
	font-size: 12px; 
	line-height: 16px;
	text-transform: uppercase;
	margin: -10px -10px 4px -10px;
	padding: 4px 4px 4px 10px;
	}
	
#message .p1 { 
	color: #00495c;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 7px 0px;
	}
	
#message .p2 { 
	color: #00495c; ! important;
	font-size: 13px ! important;
	line-height: 17px;
	font-weight: bold;
	text-align: left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	}
	
#rcolumn ul {
	border-top: 1px #cfd1dd dotted;
	margin: 5px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
	}
	
#rcolumn li {
	display: block;
	list-style-type: none;
	color: #00495c;
	background-color: #f8f8f8;
	font-size: 11px; 
	line-height: 14px;
	font-weight: normal; 
	font-style: italic;
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;
	text-align: left; 
	border-bottom: 1px #cfd1dd dotted;
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
	}
	
#rcolumn li a:link,
#rcolumn li a:visited, 
#rcolumn li a:visited:hover,
#rcolumn li a:hover, 
#rcolumn li a:active {
	font-style: normal;
	padding-right: 5px;
	}
	
.sub { 
	color: #00495c ! important;
	font-weight: normal ! important;
	font-style: italic ! important;
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 0px;
	}

.sub:hover, 
.sub:active {
    color: #f88118 ! important;
	text-decoration: underline; 
	}


.sub2 { 
	color: #00495c ! important;
	font-weight: normal ! important;
	font-style: italic ! important;
	margin: 0px 0px 0px 15px;
	padding: 0px 14px 0px 0px;
	}

.sub2:hover, 
.sub2:active {
    color: #f88118 ! important;
	text-decoration: underline; 
	}

#rcolumn h3 {
	color: #00495c;
	background-color: #b9d4de;
 	background-image: url("../title-light.gif");
	background-position: center right;
	background-repeat: repeat-x;
	font-size: 12px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;
	text-transform: uppercase;
	text-align: left; 
	border-bottom: 1px solid #aaa;
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
	}
	
.menu,
.postit {
	background-image: url("../orange.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #aaa;    
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 30px 0px;
	}

.postit p {
    font-family: Arial, Georgia, "Times New Roman", "New Century Schoolbook", times, serif;
	font-size: 12px; 
	line-height: 16px;
    padding: 4px 5px 4px 5px;
	}