/*
	Default page values
*/
body { 
 background-color: gainsboro; 
 margin: 0px; 
 font-size: 12px; 
 font-family: verdana,trebuchet,sans-serif; 
}

/*
	Links
*/
a:link { 
 color: #191970; 
 text-decoration: none; 
}

a:visited { 
 color: #191970; 
 text-decoration: none; 
}

a:active { 
 color: #191970; 
 text-decoration: none; 
}

a:hover { 
 color: blue; 
 text-decoration: underline; 
}

/*  
    Hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/
.loginText, .loginText a:link, .loginText a:active, .loginText a:visited, .loginText a:hover{ 
 color:       #fffffe;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginText a:link    { color:  #003399; }
.loginText a:visited { color:  #003399; }
.loginText a:active  { color:  #999999; }
.loginText a:hover   { color:  #cccccc; } 

/*

Layout Details

*/

#menu {
        position:left;
        left: 0px;
	margin: 0px;
        padding:0px;
	background: white;
	width: 155px;
	font-family: verdana,trebuchet,sans-serif;
	font-size:   10px;
	border-left: 1px solid #ccc;
	}

#content {
                position:left;
                left:0px;
                margin: 0px;
	padding: 5px;
	border-left: 0px solid #ccc;
	background: #fff;
	}

#related {
	position: right;
	margin: 5px;
	padding: 2px;
	border: 0px solid #ccc;
	background: #ffffff;
	width: 135px;
	}

.menuitemtop {
 padding-left: 5px;
 padding-top : 0px;
 padding-bottom : 10px;
 }

.menuitems {
 padding-left: 5px;
 padding-top : 0px;
 padding-bottom : 10px;
 border-top: 1px solid gainsboro;
}

.menuitemlast {
 padding-left: 5px;
 padding-top : 0px;
 padding-bottom :  5px;
 border-top: 1px solid gainsboro;
 border-bottom: 1px solid gainsboro;
}


.relateditems {
 padding-left: 5px;
 padding-top : 0px;
 padding-bottom : 10px;
 border: 1px solid gainsboro;
}


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

.category {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10x;
 font-weight: bold;
 margin-top: 5px;
}

H1 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   16px;
 color:       navy;
 font-weight: bold;
 font-variant: small-caps;
 letter-spacing: .1em;
 margin-top: 2px;
 margin-bottom: 5px;
}

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   16px;
 color:       #696969;
 margin-top: 2px;
 margin-bottom: 5px;
}

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #696969;
 font-weight: bold;
}

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #696969;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}
H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #696969;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}


.smText {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #333333;
 font-weight: normal;
}


.medText {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: normal;
}


.lgText {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #333333;
 font-weight: bold;
}

input {
 font : bold 10px/11px verdana,trebuchet,sans-serif;
 border : 1px solid #999999;
 color : black;
 background-color : #fffffe;
 margin-top: 2px;
 margin-bottom: 2px;
}

input.large {
 width: 200px;
}

input:focus {
 background-color : "lightslateblue";
}

input.button {
 color : white;
 background-color:navy; 
 border: 2px outset gray;  
 cursor:hand;
}

textarea {
 border: 1px solid #999999;
 margin-bottom: 10px;
 color: black;
 background-color: #eeeeee;
 font: 11px/16px verdana,trebuchet,sans-serif;
}

textarea:focus {
 background-color : #FFEFDB;
}

.formtitle {
 font-family: trebuchet,Verdana, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #333333;
}

.pulldown {
 font-family: trebuchet,Verdana, sans-serif;
 font-size:	10px;
 font-weight: bold;
 color:	#333333;
 border-top: #000000 1px solid; 
 border-left: #000000 1px solid; 
 border-right: #000000 1px solid; 
 border-bottom: #000000 1px solid;
}

.weblog {
 padding-bottom: 4px;
 font-size: 12px;
 border:0px solid #cccccc;
}

/* THE FOLLOWING ARE FOR USE WITH THE MINI-CALENDAR */


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


/*  Navigational links in the header  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #fffffe;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   8px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #fffffe; text-decoration: none;}
.navlinks a:visited { color:  #fffffe; 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:   8px;
 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:   8px;
 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;}


ul.catlevel1 {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin-left:0px;
  margin-top:3px;
  padding-left: 0px;
  padding-top:3px;
  list-style: none;
}

ul.catlevel2 {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  padding-left: 0px;
  text-indent: -24px;
  font-weight: normal;
  margin-top:1px;
  list-style: square outside;
}

ul.catlevel3 {
  font-family: Verdana, sans-serif;
  color: #333399; 
  font-size: 12px;
  padding-left: 0px;
  text-indent: -20px;
  font-weight: normal;
  font-style: italic;
  margin-top:1px;
  list-style: square outside;
}

div.thumb {
  float: left;
  text-align: center; 
  padding: 5px;  
  width: 200px;
  height: 200px;
  border: gainsboro 1px solid;
  margin: 2px;
  }

div.thumb img {
  border:0px;
  }

div.bigthumb {
  float: left;
  text-align: center; 
  border: gainsboro 0px solid;
  margin: 0px 1px;
  font-size: 12px;
  font-weight:bold;
  font-variant: small-caps;
  }

div.bigthumb img {
  border:0px;
  }