body { 
 background-color: #909090; 
 margin-left: 0px; 
 margin-right: 0px; 
 margin-top: 4px; 
 font-size: 12px; 
 font-family: Segoe UI, Lucida Grande, Tahoma, verdana,trebuchet,sans-serif; 
 text-align: center;
}

/* --- USER INTERFACE -- */

#frame {
	background-color: #454F58;
	width: 860px;
	border: 1px solid Silver;
	margin: auto;
	margin-top: 0px;
   margin-bottom: 20px;
}

#titlebar {
	height: 50px;
	font-size: 36px;
	font-family: Fujiyama, Segoe UI, Lucida Grande, Tahoma, verdana,trebuchet,sans-serif;
	color: white;
}

#marquee {
	width: 840px;
	border-bottom: 1px solid #282E34;
}

#midsection {
	width: 840px;
	height: 30px;
	font-style: Segoe UI, Lucida Grande, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #7D8E9E;
	padding-top: 4px;
	padding-left: 0px;
	background-color: #606E7B;
}

#footer  {
	width: 840px;
	height: 30px;
}

/*---  MAIN PAGE CONTENT ---*/
#main {
}

#contentframe {
	width: 840px;
	background: #DCDCDC;
	height: 100%;
}

#content {
   float: left;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	background-color: #FFFFFF;
	height: 100%;
	width: 624px;
}

#sidenav {
	float: right;
	background: #DCDCDC;
	width: 200px;
}

#clearer {
  clear: both;
  margin: 0;
  padding: 0;
}

/*--- SIDEBAR SECTIONS ---*/
.side_sections {
	width: 195px;
	padding-left: 5px;
	background: #C0C0C0;
	font: 12px Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	color: Gray;
} 

/*--- SIDEBAR CONTENT ---*/
.side_content {
 width: 180px;
 padding-left: 10px;
 font-size: 10px;
 font-family: Segoe UI, Lucida Grande, Tahoma, Trebuchet, Verdana;
}

a:link { 
 color: #333399; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

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

a:active { 
 color: #333399; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #999999; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: underline overline; 
}

/*--- Index page date format ---*/
.iDate {
	font-style: Segoe UI, Lucida Grande, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.iDivide {
	font-style: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
}

.iTitle {
	font-style: Segoe UI, Lucida Grande, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

/*--- NAV BAR ---*/
.navHighlight {
	background-color: #DDDAB9;
	text-decoration: none;
	font-weight: bold;
}
.navSelect {
	background-color: #959595;
	text-decoration: none;
	font-weight: bold;
}
.navNormal{
	background-color: #A9A9A9;
	text-decoration: none;
	font-weight: bold;
}
.navClick{
	background-color: #DCDCDC;
	text-decoration: none;
	font-weight: bold;
}
.navType {
	font-size: 10px;
	font-weight: bold;
	color: #505050;
	text-decoration: none;
}
.navSep {
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
}

div#navbar2 {
	height: 30px;
	width: 840px;
	border-top: solid #0C0C0C 1px;
	border-bottom: solid #0F0F0F 1px;
	background-color: #A9A9A9;
}
div#navbar2 ul {
	margin: 0px;
	padding: 0px;
	font-family: Segoe UI, Lucida Grande, Tahoma, verdana,trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #505050;
	line-height: 30px;
	white-space: nowrap;
}
div#navbar2 li {
	list-style-type: none;
	display: inline;
}
div#navbar2 li a {
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	color: #505050;
}
div#navbar2 li a:link {
    color: #505050:
}
div#navbar2 li a:visited {
    color: #505050;
}
div#navbar2 li a:hover {
	 text-decoration: none;
    color: #505050;
    background-color: #DDDAB9;
}

/*-- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a { 
 color:       #000000;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px; 
}
.loginLinks a:link    { color:  #003399; font-weight: bold;}
.loginLinks a:visited { color:  #003399; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  #cccccc; font-weight: bold;} 


/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px dotted #999;
 margin-bottom: 15px; 
}


/*---  Used in Trackback and Pingback page.  ---*/

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

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

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

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

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}



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

.weblog {
 padding-bottom: 12px;
 /* border-bottom:1px dotted #999999; */
}

.thinborder { border:solid 1px silver;  padding:5px 5px 5px 5px; margin-right:5px;}

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

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

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

p {
 font-family: Segoe UI, Lucida Grande,verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #333333;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
 text-align:  left;
}

.maintext {
   font-family: Segoe UI, Lucida Grande,verdana,trebuchet,sans-serif;
 	font-size:   12px;
	font-weight: normal;
}

/*--  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;}