﻿<STYLE type="text/css">

/* Pale #AAEEEE */
/* Dark #006666 */
/* Middle #00BBBB */

.nostyle {}

body  {
	margin: 10px 0;
	font-family:Arial, Helvetica, sans-serif;
 	text-align: left;
 	background-color: #AAEEEE;
 	background: url('../bgimage.jpg');
}

h1 {font: 24px arial, sans-serif; font-weight: bold; color:black; padding:0 0 6px 0; margin:0px;}
h2 {font: 24px arial, sans-serif; font-weight: bold; color:black; padding:0 0 6px 0; margin:0px;}
h3 {font: 18px arial, sans-serif; font-weight: bold; color:#333333; padding:0 0 6px 0; margin:0px;}
h4 {font: bold 13px arial, sans-serif; color:#666666; padding:0 0 6px 0; margin:0px; text-decoration:underline;}
p {
	font:normal 14px arial, sans-serif;
	margin:0;
	padding:0;
}
.news {
	font:normal 14px arial, sans-serif; color:purple;
}

a.news:link {font:bold 14px arial, sans-serif; color:#000; text-decoration:underline;}
a.news:visited {font:bold 14px arial, sans-serif; color:#000; text-decoration:underline;}
a.news:active {font:bold 14px arial, sans-serif; color:#000; text-decoration:underline;}
a.news:hover {font:bold 14px arial, sans-serif; color:#006666; text-decoration:underline;}

a.more:link {font:bold 11px arial, sans-serif; color:#006666; text-decoration:underline;}
a.more:visited {font:bold 11px arial, sans-serif; color:#006666; text-decoration:underline;}
a.more:active {font:bold 11px arial, sans-serif; color:#006666; text-decoration:underline;}
a.more:hover {font:bold 11px arial, sans-serif; color:#000; text-decoration:underline;}


#wpage {margin: 0 auto; width: 740px; background-color: #FFFFFF; padding-top:5px; border-bottom: 6px solid #FFFFFF; margin-bottom: 20px; }
#wpage HR { color: #006666; }
#wtitle {margin-top: 15px; text-align: center; font: 24px arial, sans-serif; font-weight: bold; text-decoration: none; color: #000000;}
#wcopyrt {margin: 0 auto; text-align: center; padding-top:5px; font: 12px arial, sans-serif; font-weight: normal; text-decoration: none; color: #999999; }

#mainindex {
	width: 720px; height:300px; margin:10px;
}

#mainhome {
	width: 740px; height:300px; margin:0px;
}

#homeleft {
	float:left;
	width:173px;
	height:520px;
	margin:3px;
	padding:5px;
	border:solid 1px #006666;
	background-color:#ffffe0;
}
#homeleft h1 {font-size:16px; font-weight:bold; }
#homeleft p {font-size:11px;}
#homeleft hr {border:0; border-top:solid 1px #006666;}

#homeright {
	float:right;
	width:543px;
	margin:3px;
}
#homeright .span24 {font-size:24px;}

.readmore {text-align:right; margin:0; padding:0; float:right;}

#come {font-size:11px; margin:0;}

hr.line {border:0; border-top:solid 1px #006666; margin:6px 0 0 0; padding:6px 0 0 0;}

#fc1 { color: #AAEEEE; }
#fc2 { color: #006666; }
#bc1 { background-color: #AAEEEE; }
#bc2 { background-color: #006666; }

/* Font Styles */
.f1 { font: 18px arial, sans-serif; font-weight: bold; text-decoration: none; }
.f2 { font: 14px arial, sans-serif; font-weight: normal; text-decoration: none; }
.f3 { font: 12px arial, helvetica, sans-serif; font-weight: normal; text-align:justify; }
.f4 { font-family: arial, helvetica, sans-serif; color: #006666; font-size: 14px; font-weight: normal; text-decoration: none; }
.f5 { font-family: "times new roman", serif; color: #006666; font-size: 22px; font-weight: bold; text-decoration: none; }
.f6 { font: 12px arial, sans-serif; font-weight: normal; text-decoration: none; }
.f7 { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; text-decoration: none; }
.l1 { color: #000000; font: 12px arial, sans-serif; font-weight: normal; text-decoration: underline; padding:0;margin:0; line-height:10px;}
.l1:hover { color: #00BBBB; font: 12px arial, sans-serif; font-weight: normal; text-decoration: underline; }
.l2 { color: #000000; font: 12px arial, sans-serif; font-weight: normal; text-decoration: underline;}
.l2:hover{ color: #00BBBB; font: 12px arial, sans-serif; font-weight: normal; text-decoration: underline;}
.l2n{ color: #000000; font: 12px arial, sans-serif; font-weight: normal; text-decoration: none;}
.l3{ color: #006666; font: 18px arial, sans-serif; font-weight: normal; text-decoration: underline;}
.l3:hover { color: #999999; }
.l4{ color: #006666; font: 14px arial, sans-serif; font-weight: normal; text-decoration: none;}
.l4:hover { color: #000000;  font-weight: bold;}
.date {font-size:9px; font-weight:bold; color:#004841;padding:0;margin:0; line-height:10px;}

a { font: 14px arial, sans-serif; color: #006666; font-weight: normal; text-decoration: underline;}
a.l2{ font: 16px arial, sans-serif; color: #006666; font-weight: bold; text-decoration: none;}
a:hover { color: #AAAAAA;}
.ul1 { font: 14px arial, sans-serif; color: #999999; font-weight: bold; text-decoration: none;}

.th1
{ background-color: #006666;
 color: #AAEEEE;
 font: 16px arial, sans-serif;
 font-weight: bold;
 text-decoration: none;
}
.tr1
{ background-color: #AAEEEE;
 color: #000000;
 font: 16px arial, sans-serif;
 font-weight: bold;
 text-decoration: none;
}
.td1
{ background-color: #AAEEEE;
 color: #000000;
 font: 14px arial, sans-serif;
 font-weight: normal;
 text-decoration: none;
 vertical-align:top;
}

/* Define a set of buttons for navigation */
.bn1-table {height:52px; width:740; background-color:#006666; text-align:center; clear:both; }
.bn1-row1 {clear:both; height:20px; width:734; padding-left:6px; padding-top:5px; text-align:center;}
.bn1-row2 {clear:both; height:20px; width:731; padding-left:6px; padding-top:2px; text-align:center;}
.bn1-button a
{ float:left;
 width:87px;
 height:18px;
 color:#006666;
 background-color:#AAEEEE;
 display:block;
 border:1px solid #FFFFFF;
 font:12px arial, sans-serif;
 font-weight:normal;
 text-decoration:none;
 text-align:left;
 margin-left: 2px;
}
.bn1-button a:hover
{ background-color:#FFFFFF;
 color:#006666;
 border:1px solid #AAEEEE;
 font-weight:bold;
}
.bn1-curr
{ float: left;
 width:87px;
 height:18px;
 background-color:#006666;
 display:block;
 border:1px solid #AAEEEE;
 font:12px arial, sans-serif;
 font-weight:bold;
 color: #FFFFFF;
 text-decoration: none;
 text-align: left; 
 margin-left: 2px;
}
.bn1-key
{ float: left;
 width:87px;
 height:18px;
 background-color:#006666;
 display:block;
 border:1px solid #FFFFFF;
 font:12px arial, sans-serif;
 font-weight:bold;
 color: #FFFFFF;
 text-decoration: none;
 text-align: left; 
 margin-left: 2px;
}
.bn2-button a
{ float:left;
 width:100px;
 display:block;
 height:20px;
 padding-left:5px;
 text-align:left;
 margin-left:2px;
 margin-top:2px;
 color:#006666;
 background-color:#AAEEEE;
 border:1px solid #006666;
 font:13px arial, sans-serif;
 font-weight:normal;
 text-decoration:none;
}
.bn2-button a:hover
{ width:100; 
 background-color:#FFFFFF;
 color:#006666;
 border:1px solid #000000;
 font-weight:bold;
}

/* */
#tb1-table {background-color:#FFFFFF; text-align:center; }
#tb1-row {clear:both; height:20px; position: relative; display:block; margin-top:3px;}
#tb1-cell1
{ float:left;
 width:200px;
 height:18px;
 font:13px arial, sans-serif;
 text-decoration:none;
 text-align:left;
 padding-left:10px;
 margin-left:2px;
 margin-right:20px;
 margin-top:2px;
 display:block;
}
#tb1-cell1 a
{ background-color:#AAEEEE;
 border:1px solid #006666;
 color:#006666;
 font-weight:normal;
 width:200px;
 padding-left:10px;
 display:block;
}
#tb1-cell1 a:hover
{ background-color:#FFFFFF;
 border:1px solid #000000;
 color:#006666;
 font-weight:bold;
 width:200px;
 padding-left:10px;
 display:block;
}
#tb1-cell2
{ float: left;
 width:340px;
 height:18px;
 background-color:#FFFFFF;
 padding-left:10px;
 display:block;
 font:13px arial, sans-serif;
 font-weight:normal;
 color: #000000;
 text-decoration: none;
 text-align: left; 
}
#tb1-cell3
{ float: left;
 width:470px;
 height:18px;
 background-color:#FFFFFF;
 padding-left:10px;
 display:block;
 font:13px arial, sans-serif;
 font-weight:normal;
 color: #000000;
 text-decoration: none;
 text-align: left; 
}

#footer {
	clear:both;
	margin-top:20px;
	border-top:solid 2px #006666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
}

/* Divs for gallery page*/
#gfrm { display: block; width: 710px; clear: both; text-align: left; text-decoration: none; overflow: auto; margin-top: 6px; }
#ghdr { display: block; clear: both; width: 660px; height: 20px; text-align: center; font: 18px arial, sans-serif; background: #AAEEEE; margin-bottom: 8px; }
#gcell { display: block; float: left; width: 118px; height: 120px; padding: 1px; margin-right: 11px; margin-bottom: 8px; border: 1px solid #000000; text-align: center; line-height:10px; }
#gcell a { font: 14px arial, sans-serif; font-weight: normal; text-decoration: none; }
#gnocell { display: block; float: left; width: 118px; height: 110px; padding: 4px; margin-right: 8px; margin-bottom: 8px; border: 1px solid #ffffff; text-align: center; }

/* Divs for cast pages */
#pcols { display: block; clear: both; width: 720px; margin-left: 10px; background: #FFFFFF; }
#pcols div { display: block; float: left; width: 360px; border: 0px; margin: 0px; }
#prows div { display: block; float: bottom; width: 338px; height: 180px; padding: 5px; border: 2px solid #000000; margin: 4px; }
#prows div.chdr { display: block; float: bottom; width: 338px; height: 20px; padding: 5px; border: 2px solid #000000; margin: 4px; text-align: center; }
#prows img { float:right; width: 100px; height: 140 px; margin-left: 10px; }
#prows P { margin: 0; margin-bottom: 4px; }

img {border:0;}
.imgleft {float:left; border:0; padding:0 0 5px 0;}
.imgright {float:right; border:0; padding:0 20px 0 0;}
.imgthumb {float:left; border:0; padding-right:6px;}