﻿*  { color: #333; font-family: Tahoma; font-weight: bold; margin: 0 }

body {
	scrollbar-face-color:eee;
	scrollbar-highlight-color:6699cc;
	scrollbar-3dlight-color:336699;
	scrollbar-shadow-color:336666;
	scrollbar-darkshadow-color:222;
	scrollbar-arrow-color:336688;
	scrollbar-track-color:eee;
}

h1 {border-bottom: 4px solid #333;}
h2 {font-size: 20px; color: #336677; text-align: left; display: block; border-bottom: 2px solid #336677;}
#head {margin-top: 10px; margin-left: 10px; border-collapse: collapse; border: 0px solid #333;}
#topbox {position: relative; width: 200px; background-color: #ccc; border: 2px solid #999; padding: 7px;}
#topbox img {border: 1px solid #000;}
#topflow {width: 75%; max-width: 80%; min-width: 400px;}
#topgrey {background-image: url(images/topgrey.jpg); background-repeat: repeat-x; color: #336699; font-weight: bold;}
#tall {text-align: left;}
#bottomgrey {background-image: url(images/bottomgrey.jpg); background-repeat: repeat-x; background-position: bottom}
#sideleft {background-image:url(images/sideleft.jpg); background-repeat: repeat-y;}
#sideright {background-image:url(images/sideright.jpg); background-repeat: repeat-y; background-position: right;}

#topright {margin: 10px; text-align: center; font-size: 20px;}

#content2 { margin-top: 34px; padding: 25px; text-align: left; font-size: 12px; overflow: hidden;}

input {border: 2px solid #336688; height: 24px; padding-left: 4px; padding-right: 4px; vertical-align: top; text-align: middle; margin-top: -1px;}
input:hover {border:2px solid orange}
input:focus {background: #eee;}
input.go {margin-top:0px;}
input.q {padding-left: 5px;}

#main-center {background-image: url(images/main-center.jpg); background-repeat: repeat-x; }
#scroll  {overflow: auto; white-space: wrap; height: 430px; width: auto; margin-top: 6px; margin-bottom: 6px;}
#scroll-style {font-family: Tahoma; font-weight: bold; font-size: 14px;}

#footer { text-align: center; width: 750px;}
#footer a {font-size: 13px;}
#footer a:hover {color: #336699;}

a:link, a:active, a:visited {color: #333;}
a:hover {color: #336699}

#trail {margin-right: 30px;}
#trail a {text-decoration: none; color: #666; font-size: 12px;}
#trail a:hover {text-decoration: none; color: #336666;}


#main-nav {}
#main-nav a{float: left; display: block; width: auto; padding: 10px; padding-bottom: 9px; border-right: 1px solid #333; background: #fff; 
text-decoration: none; border-top: 1px solid #333; border-bottom: 3px solid #336699; color: #336699}
#main-nav a:hover {color: #fff; background: #6699cc; border-bottom: 3px solid #ccc; 
padding-bottom: 10px; background-image: url(images/link3.jpg); 
background-repeat: repeat-x;}
#main-nav a.first {border-left: 1px solid #333;}


#page-content {border: 1px solid #333; border-top: 0px solid #333;}
#main {border-right: 0px solid #333; border-left: 0px solid #333; padding: 15px; background-color: #fff;}
#contento {background-image: url(images/table5.jpg); background-repeat: repeat-x; height: 42px; border-bottom: 1px solid #333;border-top: 1px solid #333; }

#view {border: 3px solid #ddd; padding: 7px; width: auto; background-color: #fff; height: 80px;}
#view a {display: block; border-right: 0px solid #ddd; border-bottom: 3px solid #fff; float: left; text-decoration: none; width: 115px; padding: 10px; text-align: center}
#view a:hover {text-decoration: none; border-bottom: 3px solid #ccc; background-image: url(images/article.jpg); background-repeat: repeat-x; background-position: bottom;}
#view a.last {border-right: 0px solid #ddd; width: 115px; float: left;}
#td {border-right: 3px solid #ddd;}



#option {postition: absolute; top:0px; right:0px; 
width: 200px; height: 25px; border: 2px solid #ccc; 
float: right; background-color: #eee; text-align: center;}
#option a {color: #336699; text-decoration: none;}
#option a:hover {color: #333;}

#tophide {margin-left: 10px; width: 230px; height: 230px; overflow: hidden; border-bottom: 0px solid #999; padding-bottom: 0px;}
#header-text {display: block; position: relative; 
margin-right: 35px; margin-top: 15px; 
text-align: right; font-size: 20px;}

#truth {color:#336688; font-size: 25px; text-decoration: none; font-weight: bold;}


.title {
display: block; border-bottom: 2px dotted #333; 
font-style: italic; 
font-size: 20px; 
font-weight: bold; 
padding-left: 4px; 
margin-right: 10px; 
color: #336699; 
margin-top: 4px;}

#subtitle {
float: right; display: block; margin-right: 18px; 
font-size: 15px; color: #336699; 
background-color: transparent; padding-left: 5px;; 
padding-right: 5px;}


#backtotop {float: right; right: 4px; width: 120px; text-align: right; display: block; background-image: url(images/top.jpg); background-position: left; background-repeat: no-repeat;}
#corner {background-image: url(images/corner.jpg); background-repeat: no-repeat; background-position: top left;}
#tab {margin-left: 10px; background-image:url(images/corner-top.jpg); background-position: top right; background-repeat: no-repeat;}
#tab2 {margin-left: 10px; background-image:url(images/corner-top-small.jpg); background-position: top right; background-repeat: no-repeat;}

.style1 {font-size: 18px}
