

body {text-align:left;}
* { margin: 0; }
html, body { 
height: 100%; 
text-align: center; 
background-color:#ffffff;
color: #666; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
    scrollbar-face-color:#ffffff;
    scrollbar-shadow-color:#ccff00;
    scrollbar-3dlight-color:#ccff00;
    scrollbar-arrow-color:#9900ff;
    scrollbar-base-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-highlight-color:#ffffff;
    scrollbar-track-color:#ffffff;
}

a { /* remove unwanted focus outlines from links */
	noFocusLine: expression(this.onFocus=this.blur())
	outline: none;	}
*:focus { outline: none; }

/* Styles for General Tags */
a		{text-decoration: underline; color:#ff00cc; border:none; outline:none;}
a:active        {color:#660066;}
a:visited       {color:#ff2400;}
a:hover         {color:#9900ff; text-decoration:none;}
h2      	{font-size: 11pt;}
h3 	     	{font-size: 11pt;}
p		{margin-top: 1em; margin-bottom: 1em; }
small		{font-size: 7.5pt; }
td	    	{padding:0px 4px; }
ul  	    	{margin-top: 1em; margin-bottom: 1.5em; padding-left:30px;}
blockquote      {margin-left: 10px; margin-right: 10px; }
ol    	  	{padding-left:30px;}
li     	 	{ }
input  	 	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; border:1px solid #9900ff}
textarea  	{border:1px solid #9900ff; font-size:7.5pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
text   	 	{text-decoration: none; font-size:7.5pt; color:#666; }
submit 	 	{font-size: 7.5pt; color:#9900ff; height:15px; width:200px;}
option 	 	{font-size: 7.5pt; color:#666;}
select 	 	{font-size: 7.5pt; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif; }
button 	 	{font-size: 7.5pt; color:#fff; }
font,th,td,p    {}
hr	        {height: 0px; border: solid #ccff00 0px; border-top-width: 1px;}
img		{border: 0px solid #9900ff}
iframe          {border: 1px solid #9900ff}
.border		{border:1px solid #9900ff}


body { /* for image at top use body, for image 100% at bottom use html */
background: url("/template/images/tile.jpg") 100% 0 repeat-x; }

.wrapper {
min-height: 98%;
height: auto !important;
height: 98%;
margin: 0 auto -28px; /* the bottom margin is the negative value of the footer's height */
position: relative; top:-14px; width: 1000px; text-align: left; border:0px }

.footer, .push { height: 28px; /* .push must be the same height as .footer */ }
.footer { position: relative; width: 100%; margin: 0 auto; background: url(/template/images/bar1.jpg) repeat-x;  }

div#website-title { z-index:1; position:absolute; top:80px; left:50%; margin-left:-147px; color:#9900ff }
div#website-title { font-size:46pt; }
div#website-title { visibility:hidden; }

h1, p.main-heading, span.main-heading { /* specify facelift font in stylesheet so FLIR.auto(); works without further configuration */
font-family: Arial, Helvetica, sans-serif; color:#ff2400; font-size:20pt; padding:7px 0px 0px 0px; }
div#website-title, h1, p.main-heading, span.main-heading { font-family:'andy'; }

ul.menu { list-style:none; margin:0; margin-left:16px; padding:0; height:100% }
li.menu { float:left; width:155px; margin:0; margin-bottom:0px; padding:0; text-align:center; font-size:12px; }
li.menu a, li.menu a:visited, .menu { display:block; color:#FFF; text-decoration:none; width:155px; font-weight:bold; border:0px; }
li.menu a, .menu { background:url(/template/images/button.jpg) repeat 0 0; padding:5px 0px; color:#FFF; }
li.menu a:hover, li.menu a:active, .menu:hover { background-position:156px 0; color:#FFF; text-decoration:none; }
.menu { height:27px; margin-bottom:15px; font-size:13px; cursor:pointer; cursor:hand; }

div.block-spacer { height:5px; }

td.menu-top, td.updates-top, td.poll-top { background:url("/template/images/menu-top.jpg") 1px 0 no-repeat; width:193px; height:20px; }
td.menu-mid, td.updates-mid, td.poll-mid { background:url("/template/images/menu-mid.jpg") 0 0 repeat-y; width:193px; height:100%; color:white; text-align:left }
td.updates-mid, td.poll-mid { padding:0px 15px 0px 20px; }
div#updates-mid { padding:0px 15px 0px 0px; }
div.block-mid { margin-top:-12px; margin-bottom:0px; padding:0px 17px 0px 0px; }
td.menu-bottom, td.updates-bottom, td.poll-bottom { background:url("/template/images/menu-bottom.jpg") 0 0 no-repeat; width:193px; height:20px; }

div#main-panel-container { margin-top:-140px }
div#updates-container { width:195px; }
div#rotate-container { margin-left:2px }
div#main-panel-color { background-color:#fff; margin-right:5px; }
div#main-panel { background:url(/template/images/leftside.gif) repeat-y left top; margin:0px auto; width:100%; margin-top:10px; text-align:left;  }
.top { background:url(/template/images/top.gif) no-repeat left top; width:100%; height:20px }
.top span { display:block; background:url(/template/images/top-right.gif) no-repeat right top; position:relative; height:20px }
.center-content { padding:0px 20px 10px 20px; background:url(/template/images/rightside.gif) repeat-y right top; margin:-1px 0px -50px; position:relative }
.bottom { background:url(/template/images/bottom.gif) no-repeat left bottom; width:100%; height:60px }
.bottom span { display:block; background:url(/template/images/bottom-right.gif) no-repeat right top; position:relative; height:60px }
.content { margin-top:5px; }

p.admin-comments { text-align:center; color:#9900ff; font-size:10px; width:450px; padding:10px; border:1px solid #ccff00; }

div#bar1 { position:absolute; top:150px; left:0px; background:url("/template/images/bar1.jpg") 0 0 repeat-x; width:100%; height:28px; }
div#flame { position:absolute; top:150px; left:0px; background: url("/template/images/flame.gif") 0 0 no-repeat; width:286px; height:155px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#flame {top:150px;}
}
div#flame-spacer { margin-top:125px; }

span.search_url {color:#9900ff}

#search { z-index:2; position:absolute; top:150px; right:130px; width:150px; height:28px; }
#search input {
background:transparent url(/template/images/bg-search.png) no-repeat scroll 0px 0;
border:none; font-size:7.5pt; color:#666; padding:7px 2px 8px 6px; width:114px; float:left;
}
#search button {
background:transparent url(/template/images/bg-search-button.png) no-repeat scroll 0px 0px;
border:none; padding:0px 0px 0px 0px; height:28px; width:27px; float:left; cursor:pointer; cursor:hand; 
}
input.form-field, select.form-field, file.form-field, input.search {
background:transparent url(/template/images/form-field.jpg) 0 0 no-repeat;
border:none; color:#666; padding:7px 15px 8px 6px; width:245px; float:left; 
}
input.form-browse {
background:transparent url(/template/images/form-browse.jpg) 0 0 no-repeat;
border:none; color:#666; padding:7px 15px 8px 6px; width:245px; float:left;
}
textarea.form-textarea {
background:transparent url(/template/images/form-textarea.jpg) no-repeat 0px 0px;
border:none; color:#666; padding:7px 15px 0px 6px; height:90px; width:245px; float:left; cursor:pointer; cursor:hand;}
}

div#font-down { display:block; position:relative; float:left; background:transparent url(/template/images/font-down.png) no-repeat 0px 0px; height:28px; width:28px }
div#font-reset { display:block; position:relative; float:left; background:transparent url(template/images/font-reset.png) no-repeat 0px 0px; height:28px; width:28px }
div#font-up { display:block; position:relative; float:left; background:transparent url(template/images/font-up.png) no-repeat 0px 0px; height:28px; width:28px }

div#last-updated, div#views { width:100%; text-align:right; font-size:7.5pt; color:#9900ff; }
.published { font-size:7.5pt; color:#9900ff; }

table.contact-message, td.contact-message { background-color:#9900ff; text-align: center; padding:10px; color:white; font-weight:bold  }

.gbname, .gbdate { color:#9900ff; font-size:7.5pt }
p.gbmessage { padding:5px 10px; border:1px solid #ccff00 }
a.gblink:link, a.gblink:hover, a.gblink:visited, a.gblink:active { color:#ff00cc; }

div#gallery-container { margin:25px 0px 15px 22px; }

div#video-wrapper { border:1px solid #6600cc; width:320px; margin-left:15px }
td.video-top { background:url("/template/images/video-top.jpg") 2px 0 no-repeat; width:358px; height:20px; }
td.video-mid { background:url("/template/images/video-mid.jpg") 0 0 repeat-y; width:358px; height:100%; color:white; text-align:left }
td.video-bottom { background:url("/template/images/video-bottom.jpg") 1px 0 no-repeat; width:358px; height:20px; }

div#copyright { padding-top:8px; font-size:7.5pt; }
div#copyright a, div#copyright a:hover, div#copyright a:visited, div#copyright a:active { color:#666 }
a.top:link, a.top:hover, a.top:visited, a.top:active { color:#666; text-decoration:none; padding:5px; font-size:7.5pt; background:#fff url("*"); }
a.pollresults:link, a.pollresults:hover, a.pollresults:visited, a.pollresults:active { color:#fff; text-decoration:none; }

#rssscroller { border:1px solid #9900ff; width:142px; height:175px; padding:5px; }
.rssclass .rsstitle { font-weight:bold; text-decoration:underline; }
.rssclass img { border:1px solid #9900ff; margin-top:5px; }
.rssclass a, .rssclass a:visited, .rssclass a:hover { color:#ff00cc }

#main { margin:-12px 0px; border-collapse:collapse; width:147px; }
#result { padding:2px; height:200px; width:147px; overflow:auto; }
#sender { clear:both; padding-top:10px; text-align:center; }
.name { font-weight:bold; font-style:italic; }
input#msg {color:#666; width:151px; margin:2px 0px; }
a.chatlink:link, a.chatlink:hover, a.chatlink:visited, a.chatlink:active { color:#ff00cc; }
