BODY {/*this is shorthand and declares the background color and calls the image */
      background : #FFFFFF url(../images/bgfinegrey.gif); /* that will be repeated only along the y-axis [North/South] */
      font-family: Georgia, serif;
	  color : #000000;
      margin: 0px; /*margins are set to zero*/
      padding-top: 0px; /*for Opera6*/
	  line-height: 15px;
      }
      
.header {
	font-size: 24px;
	font-weight: bold;
    }

.headline {
    font-size: 10px; 
	color : #000000
	}

A:link {
	COLOR: #0000FF; 
	TEXT-DECORATION: underline
}
A:visited {
	COLOR: #FF0000; 
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: #0000FF; 
	BACKGROUND-COLOR: #ecf6ff; 
	TEXT-DECORATION: underline overline
}
      
.navigation {
    position:absolute;/*The navigation on the left side, positioned absolutely*/
    top: 90px;
	left: 3px;
    width: 155px;
    height: auto;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%;/*line-height set to 110% in order to have the navigation elements better separated*/
    }
	
.topmenu {
	PADDING-LEFT: 3px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 6px; 
	MARGIN: 2px 0px 0px; 
	TEXT-ALIGN: left
}
.menu-hdr {
	BORDER-RIGHT: #cccccc thin solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #ffffff thin solid; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 10px 5px 5px 5px; 
	BORDER-LEFT: #ffffff thin solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #cccccc thin solid; 
	BACKGROUND-COLOR: #333333;
	TEXT-ALIGN: center;
    COLOR: #FFFFFF;
    width: 135px;
    align: center;

}
.menu {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	MARGIN: 10px 10px 25px 15px; 
	LINE-HEIGHT: 20px
}
.webcontent {
	background: #FFFFFF;
	top: 90px;
	color: #333333;
	padding: 10px;
	font-family: Georgia, serif;
	line-height: 1.25;
	width: auto
    }

.webcontent p {font-family: Georgia, serif; font-size: 12pt;}

.menu3 {
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #cccccc thin solid; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 8px; 
	MARGIN: 12px 20px 5px; 
	PADDING-TOP: 8px; 
	TEXT-ALIGN: center;
	line-height: 1.25
}	
.keyword-right {
       COLOR: #FFFFFF;
	   FONT-WEIGHT: bold; 
	   FONT-SIZE: 10px; 
	   MARGIN: 45px 10px 0px 0px; 
       PADDING-BOTTOM: 20px; 
	   TEXT-ALIGN: right
		position: absolute;
		right:10px;
		top:50px;
		width:150px;
		padding: 5px;/*space to separate navigation and content*/
		}
.rightcontent {
		position: absolute;
		right:10px;
		top:90px;
		width:160px;
		background:#fff;
		padding: 5px;/*space to separate navigation and content*/
		}  	
p, li, ul, table {
	font : 90% Verdana, Arial, sans-serif;
}

ul  {
 margin: 5pt 10pt 12pt 10pt; 
 list-style-image : url('../images/blackbul.gif');
}

ol {
 margin: 5pt 10pt 12pt 10pt; 
 list-style-type : decimal;
}

li {
	 margin: 5pt 0pt 10pt 10pt;
}
.box {/*this is a box where the bottom-navigation and the copyright will be placed*/
    background: #F5F5F5 url(DotLighter.gif);      
	color : #000099;
	font-family :Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding : 2px;
    border-color : #666699;
	border-style : groove;
	border-width : 1px;
}

.footerbox {/*this is a box where the bottom-navigation and the copyright will be placed*/
    background: #D5CD95 url(DotLighter.gif);      
	color : #000099;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding : 2px;
    border-color : #666699;
	border-style : groove;
	border-width : 1px;
}

.boxright {
    float: right;
    background:#eee;
    border: solid #000000 1px;
    color: #000099;
    float: right;
    margin: 0;
    padding: 2px;
    width: 125px;
    height: auto;
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
	}

.navbox {/*some button-like boxes for the left-side navigation*/
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    background-color:#F5F5F5; 
    color : #000088;
    border-color: #999999;
	border-width: 0 1px 1px 0;
	border-style: solid;
    width: 135px;
    padding: 2px;
    margin: 2px 1px;
}
.keyword {
    COLOR: #FFFFFF;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	MARGIN: 45px 10px 0px 0px; 
    PADDING-BOTTOM: 20px; 
	TEXT-ALIGN: right
}
.google {
	padding: 0px 20px 10px 0px; float: left;
}
.featured {
    COLOR: #000000;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px;
	PADDING-LEFT: 10px; 
	MARGIN: 15px 10px 5px 0px; 
    PADDING-BOTTOM: 10px; 
	TEXT-ALIGN: left
}

  
P, OL, UL, DL {font-size: 13px;}/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 13px;}/*and here the I prevent the incredible shrinking text*/

H1{
    margin-bottom: 0.2em;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
    padding: 3px;
    width: 100%;
	MARGIN-TOP: 1.5em; 
	PADDING-LEFT: 0px; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
H2{
    margin-bottom: 0.2em;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    padding: 3px;
	MARGIN-TOP: 1.5em; 
	PADDING-LEFT: 0px; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
H3 {
    margin-bottom: 0.2em;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 3px;
	MARGIN-TOP: 1.5em; 
	PADDING-LEFT: 0px; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
    
     }
H4 {
    margin-bottom: 0.2em;
	font-family :Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: #336699;
    color: #FFFFFF;
    padding: 3px;
    width: 100%;
    
     }

H5{
    margin-bottom: 0.2em;
	font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    padding: 3px;
    width: 100%;
    
     }
H6 {
    margin-bottom: 0.2em;
	font-family :Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #336699;
    color: #FFFFFF;
    padding: 3px;
    width: 100%;
    
     }    
    
/*now follow the section links in the navigation bar on the left side*/        

img.top {float: right; margin-right: -5px;}/*the 'back to the top' image*/ 

strong, b {font-weight: 800;}/*NN 4.xx needs that...*/ 
big {font-size: larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size: smaller;}/*not really necessary, but one never knows...use it inline with a <span> class*/

.outlinke { 
  margin: 0 0 0 -120px;
  font-size: 11px; 
  font-family : Tahoma, Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
  color: #C71585;
  background: #FFFFFF;
  }

.rrand {float: right; padding-left: 7px;}
.lrand {float: left; padding-right: 7px;}

.oldbrowser {display: none;}

A IMG {border: 0.1px none #000000;} 

.signup { border: 3px dashed #000000; background-color: #FFFACD; float: center; }