

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

a { /* remove unwanted focus outlines from links */
	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; font-size:12px; }
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}

div#last-updated, div#views { font-size:7.5pt; color:#9900ff; width:100%; text-align:right; }
.published { font-size:7.5pt; color:#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%; font-family:'andy'; font-size:46pt; margin-left:-147px; color:#9900ff; }

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

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

div.spacer-block { 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; }
td.updates-mid a:hover { color:white }
div#updates-mid { padding:0px 15px 0px 0px; }
div.block-mid { margin-top:-12px; margin-bottom:0px; padding:0px 17px 0px 0px; }
.block-mid a:hover { color:white; }
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; }
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; }

div#flame-spacer { margin-top:125px; }

span.search_url {color:#9900ff}

#search { z-index:1; 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;  
}
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) 0px 0px no-repeat;
border:none; color:#666; padding:7px 15px 0px 6px; height:90px; width:245px; float:left; cursor:pointer; }
}

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

#main { margin:-12px 0px; border-collapse:collapse; width:148px; }
#sender { clear:both; padding-top:10px; text-align:center; }
#result { padding:2px; height:200px; overflow:auto; width:148px; }
.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; }

#template-scroller { width:150px; height:250px; overflow:hidden; padding:0px; clear:both; margin-left:2px; margin-bottom:2px; }
#template-scroller img { width:150px; border-top:7px; clear:both; }
