BODY {
font-size : 10px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight : normal; 
color:666666;
background-color :#E2EBED;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : auto; 
}


H3 {
font-family :Verdana, Arial, Helvetica, sans-serif; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
font-size : 1.1em; 
color : #376FA8; 
background-color : transparent; 
}

H4 {
font-family :Verdana, Arial, Helvetica, sans-serif; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
font-size : 1.0em; 
color : #376FA8; 
background-color : transparent; 
}

/* Here we style the <TR> tags through the entire site */
TR {
font-size : 12px; 
}

/* This class controls the style where the main content is displayed */
.mainBoks {
padding: 8px;
font-size : 12px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight : normal; 
color:#666666;
}

/* This ID controls the style in the menu */
#menu-bg {
background-image:url(images/menu_bg.jpg);
background-repeat:no-repeat;
background-position:top;

}

/* Styling the menu links here - START */
#menu {
border-right-style:solid;
border-right-width:2px;
border-right-color:#FFFFFF;
border-left-style:solid;
border-left-width:2px;
border-left-color:#FFFFFF;
border-top-style:solid;
border-top-width:2px;
border-top-color:#FFFFFF;
font-size : 12px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight : normal; 
color : #999; 

}

#menu a:link {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold; 
color : #FFFFFF; 
text-decoration:none;
}
#menu a:visited {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold; 
color : #FFFFFF; 
text-decoration:none;
}
#menu a:active {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold; 
color : #FC0; 
text-decoration:none;
}
#menu a:hover {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold;  
color : #FC0; 
text-decoration:none;
}
/* Styling the menu links here - FINISH */

/* Styling all the other links - START */
a:link {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold; 
color : #376FA8; 
text-decoration:none;
}
a:visited {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold; 
color : #376FA8; 
text-decoration:none;
}
a:active {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold; 
color : #376FA8; 
text-decoration:none;
}
a:hover {
font-size : 11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant : normal; 
font-weight : bold;  
color : #FC0; 
text-decoration:none;
}
/* Styling all the other links - FINISH */

/* The Forms didnt look too exciting so we tried to change that - START */
FORM {
font-size:12px;
color:#ffcc00;
}

INPUT{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#327182;
border-style:solid;
border-width:1px;
border-color:#327182;
}

TEXTAREA{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#327182;
border-style:solid;
border-width:1px;
border-color:#327182;
}
/* The Forms didnt look too exciting so we tried to change that - FINISH */


.smalltext{
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 10px; 
}


.largetext {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 10px; 
}

.errortext {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : .9em;
  color : red;
  font-weight : bold;
}

.grid {
border : #efb240 .05em solid;
}

.white {
  background-color : white;
}

.black {
  background-color : black;
}

/* Here we changed the classes which all the modules uses, so we get a nice layout overall - START */
.bg_dark {
  background-color : #D5E3E6;
  font-size:12px;
}

.bg_medium {
  background-color : #376FA8;
  color:#FFFFFF;
  font-size:12px;
}

.bg_light {
  background-color : #D5E3E6;
  font-size:12px;
}
/* Here we changed the classes which all the modules uses, so we get a nice layout overall - FINISH */

.alt_bg_dark {
  background-color : #066fa0;
}

.alt_bg_medium {
  background-color : #2794d8;
}

.alt_bg_light {
  background-color : #5fb0d8;
}
