body { 
background-color: #FFFFFF; 
 margin-top: 15px;
 font-size: 11px;
 font-family: trebuchet ms, verdana, sans-serif; 
}



h1,h2,p{margin: 0 10px}
h1{font-size: 210%;color: #99CC99}
h2{font-size: 180%;color: #99CC99; padding-top: 0.3em;}
p{
	margin:0;
	font-size:12px;
	padding: 5px 5px;
	line-height: 1.4;
	
	
}



div#news{width: 480px;margin: 0 auto}
div#news div{float: left;width: 480px;margin:0 0 5px 5px;padding: 5px}


div.n1{background: #FDC778}
div.n2{background: #75EEB3}
div.n3{background: #8EE6F8}
div.n4{background: #CFCFCF}



table {background:#FFFFFF }
 
table td {
 font-family: trebuchet ms,sans-serif;
 font-size:   12px;
 color:       #555555;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;

}

table td#main{
 font-family: sans-serif;
 font-size:   14px;
 color:       #555555;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;

}


p.mod {

	font-family: trebuchet ms,sans-serif;
	font-size:   10px;

}

div#cal {
	color:#222222;
	font-family: sans-serif;
	font-size:   12px;
}

div#cal a{
	color:#222222;
	font-family: sans-serif;
	font-size:   12px;
}



div#cal table{
	width:240px;
	background: #FFFFCC;
}

div#cal td{
	font-size:   14px;
}






/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v2/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(http://hosting.opml.org/kosso/pix/cshad/v2/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v2/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #bbb;
	border-color:#ddd #bbb #bbb #ddd;}
#v1 .wrap1 {background:url(http://hosting.opml.org/kosso/pix/cshad/v1/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(http://hosting.opml.org/kosso/pix/cshad/v1/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v1/corner_tr.gif) 100% -3px no-repeat;}
#v2 .wrap1 {background:url(http://hosting.opml.org/kosso/pix/cshad/v2/shadow.gif) right bottom no-repeat;}
#v2 .wrap2 {background:url(http://hosting.opml.org/kosso/pix/cshad/v2/corner_bl.gif) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v2/corner_tr.gif) 100% -1px no-repeat;}
#v3 .wrap1 {background:url(http://hosting.opml.org/kosso/pix/cshad/v3/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(http://hosting.opml.org/kosso/pix/cshad/v3/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v3/corner_tr.gif) 100% -12px no-repeat;}
#v4 .wrap1 {background:url(http://hosting.opml.org/kosso/pix/cshad/v4/shadow.gif) right bottom no-repeat;}
#v4 .wrap2 {background:url(http://hosting.opml.org/kosso/pix/cshad/v4/corner_bl.gif) -12px 100% no-repeat;}
#v4 .wrap3 {
	padding:0 16px 16px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v4/corner_tr.gif) 100% -12px no-repeat;}
#v5 .wrap1 {background:url(http://hosting.opml.org/kosso/pix/cshad/v5/shadow.gif) right bottom no-repeat;}
#v5 .wrap2 {background:url(http://hosting.opml.org/kosso/pix/cshad/v5/corner_bl.gif) -12px 100% no-repeat;}
#v5 .wrap3 {
	padding:0 9px 9px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v5/corner_tr.gif) 100% -12px no-repeat;}
#v6 .wrap1 {background:url(http://hosting.opml.org/kosso/pix/cshad/v6/shadow.gif) right bottom no-repeat;}
#v6 .wrap2 {background:url(ihttp://hosting.opml.org/kosso/pix/cshad/v6/corner_bl.gif) -4px 100% no-repeat;}
#v6 .wrap3 {
	padding:0 16px 16px 0;
	background:url(http://hosting.opml.org/kosso/pix/cshad/v6/corner_tr.gif) 100% -4px no-repeat;}
/*.example {clear:both;margin:20px 0;}*/
/*.example p{position:relative;left:30px;}*/
/*.example a {font-weight: normal !important;}*/

dl {
	width: 240px;
	margin: 0 0 20px 20px;
	padding: 0;
	background: #ff9900 url(http://hosting.opml.org/kosso/pix/box_bottom.gif) no-repeat bottom left;
	}

dt {
	margin: 0;
	padding: 10px;
	font-size: 130%;
	background: #ff9900 url(http://hosting.opml.org/kosso/pix/box_top.gif) no-repeat top left;
	}

dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 85%;
	background: url(http://hosting.opml.org/kosso/pix/arrow.gif) no-repeat 0 3px;
	}

#blue, #blue dt {
	background-color: #9cf;
	}

#red, #red dt {
	background-color: #c99;
	}

#green, #green dt {
	background-color: #cf9;
	}
	
#doc, #doc dt {
	background-color: #CCFFFF;
	}


a:link { 
 color: #333399; 
 font-size: 13px; 
 text-decoration: dotted; 
}

a:visited { 
 color: #333399; 
 font-size: 13px; 
 text-decoration: none; 
}

a:active { 
 color: #333399; 
 font-size: 13px; 
 text-decoration: none; 
}

a:hover { 
 color: #990000; 
 font-size: 13px; 
 text-decoration: underline; 
}



/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
 }

/*---  Name of author in weblog entries ---*/

.author {
 font-family: trebuchet ms,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/

p {
 font-family: trebuchet ms,sans-serif;
 font-size:   13px;
 color:       #333333;
 margin-bottom: 4px;
 margin-top: 3px;
 font-weight: normal;
 text-align:  left;
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}