//define css

H6 {color: #000000; font-family: verdana, arial; font-weight: bold; font-size: 8px; text-decoration: none}
H5 {color: black; font-family: verdana, arial; font-size: 10pt;}
H4 {color: yellow; font-family: verdana, arial; font-size: 11pt; text-decoration: none}
H3 {color: black; font-family: verdana, arial; font-size: 12pt; text-decoration: none}
H2 {background: #84ade7; color: #000000; font-family: verdana, arial; font-size: 14pt;}
H1 {color: black; font-family: verdana, arial; font-size: 16pt;}
EM {color: black; font-family: verdana, arial; font-size: 10pt; text-decoration: none}
hr {border:1px dashed #444444;}

body {
		color: #000000;
 		font-family: verdana, arial;
  		font-size: 12px;
 		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}


.defaultwrapper {
	width: 740px;
	margin-top: 100px;
}

.wrapper {
	width: 740px;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	margin-top: 0px;
}
#wrapper2 {
	width: 740px;
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

#top {
	width: 740px;
	background-color: #ffffff;
	display: block;
	clear: both;
	float: right;
}

#topcss {
	width: 740px;
	background-color: #84ade7;
	display: block;
	clear: both;
	padding-top: 5px;
}

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

#dateline {
	background-color: #84ade7;
	color: #ffffff;
	font-family: verdana, arial;
	font-size: 11px; 
	text-decoration: none;
 	text-align: right;
}

#left {
	width: 10px;
	background-color: #ffffff;
	float: left;
	color: #00ffff; 
	font-family: verdana, arial;  
	font-size: 14px;
	text-decoration: none;
}
#leftblank {
	width: 0px;
	background-color: #ffffff;
	float: left;
}

#main {
	width: 720px;
	background-color: #ffffff;
	background: url(images/bg.gif) right repeat-y;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	text-align: justify;
}
#banner {
	width: 740px;
	background-color: #84ade7;
	background: url(images/bg.gif) right repeat-y;
	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;
}
#bannerfront {
	width: 740px;
	background-color: #ffffff;
	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;
}
#loneman {
	width: 740px;
	background-color: #ffffff;
	background: url(images/manback.gif) right repeat-x;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
}
#main li{color: black; font-family: verdana, arial; font-size: 12px; text-decoration: none}

#maingallery {
	width: 740px;
	background-color: #ffffff;
	border-right: 1px dashed #444444; 
	margin-left 0px;
	margin-right 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	float: left;
	text-align: left;
}
#right {
	width: auto;
	background-color: #ffffff;
	float: center;
	text-align: center;
}

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

#bottomline {
	width: 740px;
	background-color: #84ade7;
	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: 73px;
	background: url(images/manback.gif) right repeat-x;
	font-size: 11px;
	background-color: #ffffff;
	display: block;
	clear: both;
	text-align: left;
}

#footer a:link 		{color: #000000;  font-family: verdana, arial; font-weight: bold; font-size: 11px; }
#footer a:visited   	{color: #000000;  font-family: verdana, arial; font-weight: bold; font-size: 11px; } 
#footer a:active    	{color: #000000;  font-family: verdana, arial; font-weight: bold; font-size: 11px; } 
#footer a:hover 	{color: #ffffff;  font-family: verdana, arial; font-weight: bold; font-size: 11px; text-decoration: none;}

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


#column1, #column2 {
	width: 740px;
	float: left;
	padding: 2px;
}
#column1 {
	background-color: #ffffff;
}
#column1 a:link	{color: #9e0f0f;  font-family: verdana, arial; font-weight: bold; font-size: 12px; }
#column1 a:visited {color: #9e0f0f;  font-family: verdana, arial; font-weight: bold; font-size: 12px; }
#column1 a:active {color: #9e0f0f;  font-family: verdana, arial; font-weight: bold; font-size: 12px; }
#column1 a:hover {color: #000000;  font-family: verdana, arial; 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: 740px;
	float: left;
 	font-size : 16px; 
	font-weight : bold;
 	background: transparent; 
 	color:#000000;
}
.backtextcolor2 {
	width: 740px;
	float: left;
 	font-size : 16px; 
	font-weight : bold;
 	background: #ffffff; 
 	color:#000000;
}
.backtextcolor3 {
	width: 740px;
	float: left;
 	font-size : 14px; 
	font-weight : bold;
 	background: #ffffff; 
 	color:#DE8429;
}

#menuheading {
	width: 10px;
	background-color: #4a9cc6;
	text-align: right;
	float: left;
	color: #000000;
	font-family: verdana, arial;
	font-size: 12px; 
	text-decoration: none; 
	font-weight: bold
	background-color: #4a9cc6;
}
#menunormal {
	width: 10px;
	background-color: #ff0000;
	text-align: left;
	float: left;
	color: #00ffff;
	font-family: verdana, arial;
	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;
}
#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: #9e0f0f;
 font-weight: bold; 
}
td.n { font-size: 8pt; background-color: #F0ECEC; }
td.e { font-size: 8pt; background-color: #ffff00; }
td.t { font-size: 8pt; background-color: #d0d0d0; 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: verdana, arial; font-weight: bold; font-size: 11px; }
a:visited   	{color: #497699;  font-family: verdana, arial; font-weight: bold; font-size: 11px; } 
a:active    	{color: #497699;  font-family: verdana, arial; font-weight: bold; font-size: 11px; } 
a:hover 	{color: #ff0000;  font-family: verdana, arial; 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-weight: bold;
font-size: 90%;
}

#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;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}

.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;
}