//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: #808080; font-family: Arial, Helvetica, Sans-Serif; font-size: 18pt; text-decoration: none}
H2 {color: #AD0554; font-family: Arial, Helvetica, Sans-Serif; font-size: 18pt;}
H1 {color: #202020; font-family: Verdana, Helvetica, Sans-Serif; font-size: 12pt;}
EM {color: black; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none}
hr {border:1px dashed #444444;}

body {
		color: #000000;
		background-color: #ffffff;
		background: url(images/bg.jpg) repeat-x; 
		background-color: #ffffff;
		/* background-position: bottom right; */
		font-family: Arial, Helvetica, Sans-Serif;
  		font-size: 14px;	
 		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: 900px;
	background-color: transparent;
	border-left: 8px solid #ffffff;
	border-right: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	border-top: 8px solid #ffffff;
	overflow: hidden;
}

.box1 {
	display: block;
	clear: both;
        float: left;
        background-color: #c0c0c0;
}

.box2 {
	display: block;
	clear: both;
        float: right;
        background-color: #b0b0b0;
}

#header {
	width: auto;
	height: 178px;
	line-height: 12px;
	background-color: #225A6B;
	display: block;
	clear: both;
	text-align: left;
}

#topoptions{
	width: auto;
	height: 25px;
	line-height: 10px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;
	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: 900px;
	height: 41px;
	line-height: 30px;
	font-size: 14px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #ffffff;
	background-color: #225A6B;
	background: url(images/menubg.gif) repeat-x; ?>
	display: block;
	clear: both;
}

#pro_drop {
	width: 900px;
	font-size: 14px;
	font-family: Verdana, Helvetica, Sans-Serif;
	float: left;
	color: #ffffff;
	background-color: transparent;
	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: transparent;
	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: 900px;
	background-color: transparent;
/*	background: url(images/mainbg.gif) right repeat-y; */
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 6px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border-right: 0px solid #c0c0c0;
	float: left;
	text-align: justify;
	background-color: transparent; 
}
#main li{color: #AD0554; font-family: Arial, Helvetica, Sans-Serif; font-size: 16pt; font-weight: bold;}

#mainimage {
	width: 201px;
	height: 180px;
	line-height: 37px;
	background-color: #225A6B;
	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 5px;
	margin: 0px;
	margin-right: 0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	color: #000000;
	background: url(images/blog_titlebg.gif) repeat-x; 
	background-color: transparent;
	border-color: #c0c0c0;
}

#blog_body, #guest_body
{
	padding: 0px; 
	margin: 0px;
	font-size: 16px;
	border-width: 0px;
	border-style: solid;
	margin-right: 0px;
	color: #000000;
	background-color: transparent;
	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: transparent;
	border-color: #A6A6A6;
}

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

#banner {
	width: auto;
	height: 157px;
	font-size: 0px;
	line-height: 0;
	background-color: #225A6B;
	float: left;
	background: url(images/bannerbg.gif) repeat-x; 
	background-position: bottom;
}
#bannerfront {
	width: 900px;
	background-color: #225A6B;
	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: 878px;
	background-color: #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	text-align: justify;
}

#right {
	width: 0px;
	background-color: transparent;
	float: left;
	margin-left: 10px;
	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: 900px;
	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: 55px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding-top: 36px;
	background-color: #225A6B;
	background: url(images/bottombg.jpg) 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: #ac0554; font-size: 12px; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; text-decoration: none}


#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: #ffffff;
}
#largecredit {
	width: auto;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
}
#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: 14px; }
a:visited   	{color: #497699;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; } 
a:active    	{color: #497699;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; } 
a:hover 	{color: #ff0000;  font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; text-decoration: none;}

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}

/* curved boxes */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.0em; color:#CB0000;}
#xsnazzy h2 {font-size:2.0em; color:#4c4c4e;}
#xsnazzy p {padding-bottom:0px;}
#xsnazzy h2 {padding-top:0px;}
#xsnazzy {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:0px; width:790px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #9196a2; border-right:1px solid #9196a2;}
.xb1 {margin:0 5px; background:#9196a2;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height 0px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #9196a2; border-width:0 1px; width:778px; padding: 5px; height: 450px;}

#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: #ffff00;
}