//define css

H6 {color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 8px; text-decoration: none}
H5 {color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt;}
H4 {color: yellow; font-family: Arial, Helvetica, Sans-Serif; font-size: 11pt; text-decoration: none}
H3 {color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 12pt; text-decoration: none}
H2 {color: #808080; font-family: Arial, Helvetica, Sans-Serif; font-size: 12pt;}
H1 {color: #303030; font-family: Verdana, Helvetica, Sans-Serif; font-size: 12pt;}
EM {color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; text-decoration: none}
hr {border:1px dashed #444444;}

body {
		color: #000000;
		background: url(images/bg.gif) repeat-X; 
		background-color: #000000;
		font-family: Arial, Helvetica, Sans-Serif;
  		font-size: 11px;	
 		text-decoration: none;
	        height:100%;

}
p.dotted {border-style: dotted}p.dashed {border-style: dashed}
p.solid {border-style: solid}p.double {border-style: double}
p.groove {border-style: groove}p.ridge {border-style: ridge}
p.inset {border-style: inset}p.outset {border-style: outset}

.wrapper {
	width: 820px;
	background-color: #ffffff;
	border-left: 8px solid #ffffff;
	border-right: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	border-top: 8px solid #ffffff;
	overflow: hidden;
}

#header {
	width: auto;
	height: 122px;
	line-height: 12px;
	background: url(images/topbg.gif) repeat-x; 
	background-color: #000000;
	background-position: bottom right;
	display: block;
	clear: both;
	text-align: left;
}

#topoptions{
	width: auto;
	height: 16px;
	line-height: 10px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	background: url(images/topoptions.gif) no-repeat; ?>
	background-color: #ffffff;
	background-position: bottom left;
	display: block;
	clear: both;
	text-align: right;
}
#topoptions a:link	{color: #404040; text-decoration: none}
#topoptions a:visited {color: #404040; text-decoration: none}
#topoptions a:active {color: #404040; text-decoration: none}
#topoptions a:hover {color: #000000; text-decoration: underline}

#topcss {
	width: 820px;
	height: 41px;
	line-height: 30px;
	font-size: 14px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #ffffff;
	background-color: #000000;
	background: url(images/menubg.gif) repeat-x; ?>
	display: block;
	clear: both;
}

#pro_drop {
	width: 820px;
	font-size: 14px;
	font-family: Verdana, Helvetica, Sans-Serif;
	float: right;
	color: #ffffff;
	background-color: #ffffff;
	display: block;
	clear: both;
}

#blankline {
	background-color: #ffff00;
	display: block;
	clear: both;
}

#dateline {
	background-color: ;
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px; 
	text-decoration: none;
 	text-align: right;
}

#left {
	width: 0px;
	background-color: #e0e0e0;
	float: left;
	color: #000000; 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 14px;
 	text-align: left;
	text-decoration: none;
}
#leftblank {
	width: 0px;
	background-color: ;
	float: left;
}

#main {
	width: 564px;
	background-color: #ffffff;
/*	background: url(images/mainbg.gif) right repeat-y; */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border-right: 1px solid #c0c0c0;
	float: left;
	text-align: justify;
}
#main li{color: black; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none}

#mainimage {
	width: 201px;
	height: 180px;
	line-height: 37px;
	background-color: #000000;
	background: url(images/imagebg.gif) no-repeat; 
	background-position: top left;
	display: block;
	clear: both;
	text-align: center;
}

#blog_title, #guest_title
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 6px 4px 10px;
	margin: 0px;
	margin-right: 0px;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
	color: #ffffff;
	background: url(images/blog_titlebg.gif) repeat-x; 
	background-color: #000000;
	border-color: #000000;
}

#blog_body, #guest_body
{
	padding: 12px; 
	margin: 0px;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	margin-right: 0px;
	color: #000000;
	background-color: #FFF;
	border-color: #000000;
}

#blog_date
{
	font-weight: normal;
	color: #505050;
	font-size: 10px;
	margin-bottom: 4px;
}

#blog_comment
{
	padding: 6px 10px 6px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	color: #000000;
	background-color: #FFF;
	border-color: #A6A6A6;
}

#guest_title
{
	padding: 0px;
	padding-top: 2px;
}

#banner {
	width: auto;
	height: 157px;
	font-size: 0px;
	line-height: 0;
	background-color: #000000;
	float: left;
	background: url(images/bannerbg.gif) repeat-x; 
	background-position: bottom;
}
#bannerfront {
	width: 564px;
	background-color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
}


#gallery, #guestbook {
	width: 564px;
	background-color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	text-align: justify;
}

#right {
	width: 234px;
	background-color: #ffffff;
	float: left;
	margin-left: 5px;
	margin-top: 0px;
	font-size: 14px;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-align: center;
	color: #000000;
}

#right hr{
	color: #ffffff;
	height: 1px;
	border: 1px dashed #444444;
	background-color: #ffffff;
}

/* right bar */#right hr{border:0px none;border-top: 2px dotted #000000; color:#000000; width: 90%;}
#right a:link 	{color: #000000;  font-family: Verdana, Helvetica, Sans-Serif;; font-weight: bold; font-size: 14px; }
#right a:visited   {color: #000000;  font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; } 
#right a:active    {color: #000000;  font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; } 
#right a:hover 	{color: #ff0000; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; text-decoration: none}


#bottomline {
	width: 820px;
	background-color: ;
	display: block;
	clear: both;
	line-height: 2;
	font-weight: bold;
	color: #F6A964; 
	font-family: verdana, arial;  
	font-size: 12px;
	text-decoration: none;
}

#footer {
	width: auto;
	height: 35px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 24px;
	background-color: #000000;
	background: url(images/bottombg.gif) repeat-x; ?>
	background-position: top;
	text-align: center;
	display: block;
	clear: both;
}

#footer a:link 		{color: #000000; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold}
#footer a:visited   	{color: #000000; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold} 
#footer a:active    	{color: #000000; font-size: 12px font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold} 
#footer a:hover 	{color: #FF0000; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; text-decoration: none}

#topcolumn {
	float: right;
}
#topcolumn a:link 		{color: #000000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; }
#topcolumn a:visited   	{color: #000000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; } 
#topcolumn a:active    	{color: #000000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; } 
#topcolumn a:hover 	{color: #ff0000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; text-decoration: none;}


#column1, #column2 {
	width: 564px;
	float: left;
	padding: 2px;
}
#column1 {
	background-color: #ffffff;
}
#column1 a:link	{color: #9e0f0f;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; }
#column1 a:visited {color: #9e0f0f;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; }
#column1 a:active {color: #9e0f0f;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; }
#column1 a:hover {color: #000000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; }
#column1 th {width: 99%; font-size: 8pt; color: #ffffff; background-color: #4a9cc6; font-weight: bold;}

#column2 {
	background-color: #ffffff;
}
#column2 a:link	{color: #9e0f0f;  font-family: verdana, arial; font-weight: bold; font-size: 10px; }
#column2 a:visited {color: #9e0f0f;  font-family: verdana, arial; font-weight: bold; font-size: 10px; }
#column2 a:active {color: #9e0f0f;  font-family: verdana, arial; font-weight: bold; font-size: 10px; }
#column2 a:hover {color: #000000;  font-family: verdana, arial; font-weight: bold; font-size: 10px; }
#column2 th {width: 99%; font-size: 8pt; color: #ffffff; background-color: #4a9cc6; font-weight: bold;}

.backtextcolor {
	width: 564px;
	float: left;
 	font-size : 16px; 
	font-weight : bold;
 	background: transparent; 
 	color:#000000;
}
.backtextcolor2 {
	width: 564px;
	float: left;
 	font-size : 16px; 
	font-weight : bold;
 	background: #ffffff; 
 	color:#000000;
}
.backtextcolor3 {
	width: 564px;
	float: left;
 	font-size : 14px; 
	font-weight : bold;
 	background: #ffffff; 
 	color:#DE8429;
}

#menuheading {
	width: 0px;
	background-color: ;
	text-align: right;
	float: left;
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px; 
	text-decoration: none; 
	font-weight: bold
	background-color: ;
}
#menunormal {
	width: 0px;
	background-color: ;
	text-align: left;
	float: left;
	color: #00ffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px; 
	text-decoration: none; 
}

#back {
	valign="top";
	padding: 2px;
	background-color:#F8F3DD;
	border: 1px solid #000000;
        text-align: right;
	float: right;
}

#bluewasp {
	width: auto;
	font-size: 8pt;
	color: #404040;
}
#credit {
	width: auto;
	font-size: 8pt;
	color: #000000;
}
#largecredit {
	width: auto;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
#counter {
	width: auto;
	font-size: 8pt;
	color: #000000;
}
#bluewasp a:link {color: #448EE2;  font-family: verdana, arial; font-weight: bold; font-size: 8pt; }
#bluewasp a:visited {color: #448EE2;  font-family: verdana, arial; font-weight: bold; font-size: 8pt; }
#bluewasp a:active {color: #448EE2;  font-family: verdana, arial; font-weight: bold; font-size: 8pt; }
#bluewasp a:hover {color: #000000;  font-family: verdana, arial; font-weight: bold; font-size: 8pt; }

#events {
	font-size: 8pt;
	color: #404040;
}

th {
 font-size: 8pt; color: #ffffff;
 background-color: #000000;
 font-weight: bold; 
}
td.n { font-size: 8pt; background-color: #F0ECEC; }
td.e { font-size: 8pt; background-color: #000000; }
td.t { font-size: 8pt; background-color: #ffffff; font-weight: bold; }
td.b { font-size: 2pt; background-color: #d0d0d0; }
td.f { font-size: 2pt; }
td.intro { color: #000000; font-family: verdana, arial;  font-size: 12px; text-decoration: none }
td.inform { color: #000000; font-family: verdana, arial;  font-size: 10px; text-decoration: none }
td.iframe_text { color: #000000; font-family: verdana, arial;  font-size: 10px; text-decoration: none }

a:link 		{color: #497699;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; }
a:visited   	{color: #497699;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; } 
a:active    	{color: #497699;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; } 
a:hover 	{color: #ff0000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 11px; text-decoration: none;}

#note1 {
            position: relative;
            top: 5px;
            left: 10px;
            background: #ffc;
            padding: 10px;
            border: 1px solid #000;
            z-index: 1;
            visibility: hidden;
            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
}
#note2 {
            position: relative;
            top: 5px;
            left: 10px;
            background: #ffc;
            padding: 10px;
            border: 1px solid #000;
            z-index: 1;
            visibility: hidden;
            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#DE8429;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:65em;
    padding: 3px;
    font-weight: normal;
    border:1px solid #000;
    background-color:#F9E4D1; color:#000;
    text-align: left}

#slantedmenu{
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 14px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
text-align: center; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #ffffff;
height: 41px;
font-size: 14px;
font-family: Verdana, Helvetica, Sans-Serif;
padding: 3px 0;
padding-right: 15px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
font-size: 14px;
font-family: Verdana, Helvetica, Sans-Serif;
color: #ffffff;
} 

#slantedmenu ul li a:hover{
color: #000000k;
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innnerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}


/* top menu */
#topwrapper{background: #D4DFEB; margin:0 0 0px 0; border-top: 1px solid #868686;  border-bottom: 1px solid #555555; clear:both; height:25px}
#topmenu{margin:0 auto 0 auto; padding:0 0 0 0; background:transparent}
#topmenu ul, #topmenu li{ margin: 0 0 0 0; padding: 0 0 0 0; display: inline; list-style-type: none; border: 0 none; }
#topmenu a:link, #topmenu a:visited{ font-size: 13px; line-height:13px; float: left; margin: 0 0 0 0; text-decoration: none; color: #000; border:0 none;border-left: 1px solid #666666; padding: 5px 10px 5px 10px;background-color: #D4DFEB; height:15px}
#topmenu a:hover{ text-decoration: none; background-color:#000000;color:#FFFFFF}
#topmenu a:link#topcurrent, #topmenu a:visited#topcurrent{ color: #ffffff;text-decoration: none; background-color: #000000; }
#topmenu a{ width: 120; text-align: center;}