/******************************************************/
  /*  CSS for Cornwall Public Library Digital Archives  */
 /*   Designer: Song, Yiluo                            */
/******************************************************/

/***************body styles ***************/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	line-height: 1.166;
	padding: 0px;
	margin-left: 11%;
	margin-right: 11%;	
}

a:link, a:visited
{ 
	text-decoration: none; 
	color: #3333ff;
}
a:active
{
	text-decoration: none; 
	color: #3333ff;
}
a:hover
{ 
	color: #CC0033; 
}

h1
{
	font-size: 120%; 
	font-weight: bold; 
	font-variant: small-caps; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #CC0033; 
	text-align: right;
}

h2
{
	font-size: 110%; 
	font-weight: bold; 
	font-variant: small-caps; 
	color: #CC3300;
	text-align: right;
}

h3
{
	font-size: 100%; 
	font-weight: bold; 
	font-variant: small-caps; 
	color: #3333ff;
	text-align: right;
}

ul
{
	list-style-type:square;
}

hr
{
	color: #CC0033;
	height: 2px;
}

img
{
	border:0px solid #ffffff;
}

/***************top-bar navigation styles ***************/
#navigation
{ 
	font: 78% sans-serif;
	font-weight:bold; 
	color: #000000; 
	border-bottom: thin solid #cc0033;
	position:absolute; 
	top:0px; 
	margin-left:  10%;
	margin-right: 10%;
	width:auto; 
	height:20px; 
}

#navigation a:link, #navigation a:visited
{ 
	color: #000000;
}
#navigation a:hover
{ 
	color: #cc0033;
}
#navigation a:active
{ 
	color: #000000; 
	text-decoration: none; 
}

/***************side navigation styles ***************/
#sidenav
{ 
	position:absolute; 
	top:100px; 
	margin-left:  2.5%;
	margin-right: 2.5%;
	width:235px; 
	height:390px;
	padding: 0px; 
	font-weight: bold; 
	font: 78% sans-serif;
	z-index:3; 	
}
#sidenav p
{ 
	padding: 0px 5px;
}

/************ sidenav_main styles - the main browing menu **************/

#sidenav_main a:link
{
	display: block;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #000000;
}

#sidenav_main a:visited
{
	display: block;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color:#000000;
}

#sidenav_main a:hover
{
	color:#000000;
	font-weight: bold;
	background-color: #CC0033;
	text-decoration: none;
}

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

/*************** sidenav_sub styles - the first sub level of the browing menu ***************/
#sidenav_sub a:link {
	display: block;
	font-weight:bold;
	padding: 3px 0px 3px 20px;
	color: #cccccc;	
	background-color: #CC0033;
}
#sidenav_sub a:visited {
	display: block;
	background-color: #CC0033;
	font-weight: bold;
	padding: 3px 0px 3px 20px;
	color: #cccccc;
}
#sidenav_sub a:hover {
	color: #ffcc99;
	background-color: #CC0033;
	font-weight: bold;	
}
#sidenav_sub a:active {
	color: #cccccc;
	background-color: #CC0033;
	font-weight: bold;	
}

/************* sidenav_subsub styles - The second sub level of the browing menu**************/

#sidenav_subsub a:link
{
	display: block;
	font-weight: bold;
	padding:  3px 0px 3px 30px;
	color: #ffffff;
}

#sidenav_subsub a:visited
{
	display: block;
	font-weight: bold;
	padding:  3px 0px 3px 30px;
	color: #ffffff;
}

#sidenav_subsub a:hover
{
	color:#ffcc99;
	font-weight: bold;
}

#sidenav_subsub a:active
{
	background-color: #cc0033;
	font-weight: bold;
	color:#ffffff;
	text-decoration: underline;
}

/*************** content styles ***************/
#main
{
	position:absolute;
	top: 100px;
	margin-left: 41%;
	margin-right:41%;
	width:425px;
	height: 420px;
	overflow: auto;
	z-index:1;
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #F3F1F1;
	scrollbar-track-color: #CC0033;
	scrollbar-3dlight-color: #CC0033;
	scrollbar-highlight-color: #7A5A34;
	scrollbar-darkshadow-color: #251D10;
	scrollbar-shadow-color: #CC0033;
}
#content
{ 
	position:relative;
	padding: 2px 5px;
	font-size: 80%;
	text-align: justify;
	color: #000000;
	font-weight: bold;
}

/*************** table styles ***************/
td
{
	font-size: 80%; 
	font-weight: bold; 
	color: #000000;
}
th
{
	font-size: 90%; 
	font-weight: bold; 
	color: #cc0033;
	text-align:left;
	background-color: #cccccc;
}

/*************** footer styles ***************/
#footer
 {
	font-size:65%;
	color: #000000;
	font-weight: bold;
	position:absolute;
	top: 545px;
	border-bottom: thin solid #cc0033;	
	margin-left: 34%;
	margin-right: 34%;
	width: auto;
	z-index:4;
}

#footer a:link, #footer a:visited
{
	color: #cc0033;
	text-decoration: none;
}

#footer a:hover
{
	color: #000000;
	text-decoration: underline;
}