@import url("base.css");
body { font-family: Arial, Helvetica, sans-serif; font-size: small; background-color:#000000; padding-top: 15px; }
	
#container { background-color: #000000; color:#FFFFFF; }

#top { width: 930px;  height: 620px; background-color: #000000; }
html>body #top { width: 930px;  height: 620px; background-color: #000000; background: #000000 url('../images/mainheader.jpg') no-repeat
}

#top1 { width: 930px; height: 530px; background-color: #000000; }
html>body #top1 { width: 930px;  height: 530px; background-color: #000000; background: #000000 url('../images/mainheader.jpg') no-repeat
}

#top #column_l { width: 600px; text-align: left; float: left; height: 620px; background-color: #000000; }

#top #column_r { width: 320px; text-align: left; float: left; height: 620px; background-color: #000000; }

#top1 #column_lalt { width: 110px; text-align: left; float: left; height: 530px; background-color: #000000; }

#top1 #column_ralt { width: 760px; text-align: left; float: right; height: 475px; background-color: #000000; }

#top #column_l #head  { width: 580px; text-align: left; float: left; height: 90px; padding:0px 10px 0px 10px; }

#top #column_l #middle  { width: 560px; text-align: left; float: left; height: 475px; padding:0px 30px 0px 10px; margin-top:20px; font-size:medium; }

#top #column_l #middle .text { overflow: auto; height: 430px; padding-right: 10px; width: 540px; font-size:medium; }

#top #column_l #bottom  { width: 580px; text-align: left; float: left; height: 55px; padding:0px 10px 0px 10px; }


#middle { width: 930px;  height: 460px; background-color: #000000; }
html>body #mastmiddle { width: 930px;  height: 460px; background-color: #000000; }

#middle #middle_l { width: 610px; text-align: left; float: left; height: 460px; }

#middle #middle_l .text { overflow: auto; height: 460px; padding-right: 10px; width: 600px; }

#middle #middle_r { width: 300px; text-align: left; float: left; height: 460px; padding:0px 10px 0px 10px; }

#bottom #footer { width: 930px; text-align: center; padding-bottom: 0px; float: left; height: 30px; margin-top:10px; }
html>body #bottom #footer {	width: 930px; text-align: center; padding-bottom: 0px; float: left; height: 30px; margin-top:10px; }

#bottom #footer p { font-size: x-small; color:#FFFFFF; }

#content { background-color: #000000; }

/* Footer */
#footer { text-align: center; padding-bottom: 0px; }
html>body #footer {	text-align: center; padding-bottom: 0px; }

#footer p { font-size: x-small; color:#DF5900; }

/* Navigation */
#navigation { height: 30px; }
html>body #navigation { overflow: hidden; }

#navigation ul { list-style-type: none; width: 100%; margin: 0; padding: 0px; }
#navigation li { float: left; border:1px #FFFFFF solid; margin-right:5px; }
#navigation a { font-weight: bold; text-decoration: none; font-size: 1.0em; color: #FFFFFF; display: block; padding: 5px;
	background-color: transparent; }
#navigation a:hover { font-weight: bold; text-decoration: none; font-size: 1.0em; color: #808080; background-color: transparent; }

#navigation1 {background-color: transparent; width: 100px; float: left; margin:340px 0px 0px 0px; }

#navigation1 ul {list-style-type: none; margin: 0;padding: 0; }
#navigation1 li { text-align: left; border:1px #FFFFFF solid; margin-bottom: 5px; }
#navigation1 li a {text-decoration: none; color: #FFFFFF; font-size: 1.0em; font-weight: bold; padding: 5px; background-color: transparent;  }
#navigation1 li a:hover {text-decoration: none; color: #808080; font-size: 1.0em; font-weight: bold; background-color: transparent; }

/* FrogJS Gallery */
#FrogJS{ width: 750px; height: 450px; margin: 0 auto; }
#FrogJSCredit{ text-align: right; font-size: x-small; color: #808080; padding: 1px; }
#FrogJSCaption{ text-align: left; line-height: 140%; color: #FFFFFF; }

/* Right Column */
#column_r img { border: 1px solid #808080; }

/* Site typography */
h1 { font-size: x-large; color: #FF00FF; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h2 { font-size: medium; color: #000066; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 4px #000066 solid; }
h3 { font-size: large; color: #DF5900; font-family: Tahoma, Arial, Helvetica, sans-serif; border-bottom: 4px #000066 solid; }
h4 { font-size: medium; color: #000066; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
h5 { font-size: x-large; color: #FFFFFF; text-align: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px 0px 0px 10px; }
h6 { font-size: large; color: #999999; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; }

/* Links */
a {	color:#FF9900; text-decoration: underline; }
a:hover { color: #fa3; text-decoration: underline;}

.cap { color: #808080; font-size: xx-small; font-style: italic; text-align: right; margin-bottom: 7px; }
.capl { color: #808080; font-size: xx-small; font-style: italic; text-align: left; margin-bottom: 7px; }
.cap2 { color: #808080; font-size: xx-small; font-style: italic; text-align: center; margin-bottom: 7px; }

.style_bold { font-weight: bold; }
.style_italic {	font-style: italic; }
.style_center { text-align:center; }
.style_align { vertical-align:top; }
.style_pghdr { font-size: x-large; color: #FF00FF; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-top:0px; }
.style_names { font-size: large; color: #DF5900; font-family: Tahoma, Arial, Helvetica, sans-serif; border-bottom: 4px #000066 solid; }
.style_credits { font-size: x-small; text-align: center; color: #DF5900; margin-top: 0px;}
.style_creditsmain { font-size: x-small; text-align: center; color: #993399; margin-top: 0px; padding-bottom: 10px;}
.style_footer { border-bottom: 4px #000066 solid; padding-bottom: 10px; margin-bottom: 0px;}
.style_footermain { border-bottom: 4px #993399 solid; padding-bottom: 10px; margin-bottom: 0px;}
.style_map { text-align: center; }
.style_close { padding: 5px; font-size:small; color: #336699; font-style: italic;}
.style_eve_hdr { color: #009999; font-size: x-large; }
.style_comment { color: #336699; font-size: medium; font-weight: bold; }
.style_para { color: #000066; font-size: small; font-weight: bold; }
.style_evebdr { border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; }
.style_inter { color: #009999; font-size: medium; padding: 5px; width: 180px; }
.style_shopprod { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#669999; font-size:large; vertical-align: top; background-color: #F3F3F3;  }
.style_shopprice { font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; font-size:medium; 
float:right; width: 150px; background-color: #F3F3F3; }
.style_svce { padding: 5px; font-size:small; color: #336699; font-style: italic; border: 1px #C0C0C0 solid; width: 550px; }
.style_svcecomm { padding: 5px; font-size:small; color: #336699; font-style: italic; border: 1px #C0C0C0 solid; background-color: #E1EAFF; 
font-weight: bold; }
.style_shoptic { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#669999; font-size:large; vertical-align: top; background-color: #F3F3F3;  }
.style_shopticpri { font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;  vertical-align: middle; font-size:medium; background-color: #F3F3F3; }
.style_shopticbut { vertical-align: middle; }
.style_hsetit { font-size: medium; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#4C4E70; font-weight: bold; text-align: center; 
padding: 5px; }
.style_hsecom { font-style: italic; color: #666666; padding: 3px 3px 3px 10px; }
.style_top { font-size: x-small; color: #000066; font-style:italic; margin-top: 0px; padding-left: 5px; }
.style_logon { color: #000066; font-size: x-small; margin-bottom: 10px; margin-top: 0px; font-style:italic; }
.style_services { font-size: medium; font-weight: bold; font-style: italic; color: #999999; }
.style_pro { border: #0153EB 1px dotted; padding: 5px; width: 262px; margin: auto; font-size: 14px; color: #0153EB; font-weight: bold; text-align: left; 
background-color: #EEEEFF; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.style_events { padding: 5px; font-size:small; color: #0153EB; border: #0153EB 1px dotted; width: 400px; background-color: #EEEEFF; }
.style_organ { padding: 5px; font-size:small; color: #0153EB; border: #0153EB 1px dotted; background-color: #EEEEFF; 
font-weight: bold; }
.style_parahd {	font-size: 1.0em; color: #808080; font-weight: bold;}
.style_notes { font-size: small; font-style: italic; color: #808080; }
.style_sea { font-size: small; color: #009999; font-weight: bold; margin: 0px; padding-top: 5px; }
.style_sched { font-size:small; font-style: italic; margin-top: 0px; margin-bottom: 0px; }
.style_bene { color: #000066; font-style: italic; font-size: small; }
.style_toppara { color: #000066; font-weight: bold; }
.style_arrow { color: #000066; width: 15px; margin-bottom: 10px; vertical-align: top; }
.style_hsehdr { padding: 10px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: #414669; margin-bottom: 5px;}
.style_hsedet { padding: 0px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #445A8A; margin: 0px 0px 0px 0px; }
.style_hsechat { padding: 0px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: italic; color: #445A8A; margin: 5px 0px 0px 0px; }