﻿/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 760px; height: 318px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 299px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #222; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 275px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(anything-slider/images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 40px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 281px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(anything-slider/images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(anything-slider/images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 281px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; margin-left: 12px }
/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 22px Georgia, Serif; font-style:italic}
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 20px; }
#textSlide ul li                        { display: list-item; margin-left: 12px}

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #E0A213; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }/*
    For Specific Slides

#textSlide                              { padding: 0 10px 0 0; }
#textSlide img                          { float: left; margin-right: 20px;}
#textSlide h3                           { font: 20px Georgia, Serif; margin-bottom: 20px; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 120px; padding:0 0 0 200px; }
#textSlide ul li                        { display: list-item; margin-top: -13px; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #999; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }
End of slider styles*/


body {
	margin: 20px 0;
	background: #3B3B3B url(images/img1.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #BABABA;
}

h1, h2, h3 {
	font-weight: normal;
	color: #FFFFFF;
}

h1 { font-size: 197%; font-family: Georgia, Times New Roman, serif; font-style:italic;}
h2 { font-size: 167%;  font-family: Georgia, Times New Roman, serif;}
h3 { font-size: 100%; font-weight: bold; }

p, ul, ol {
	margin-bottom: 1.8em;
	line-height: 167%;
	font-size: 100%;
	/*padding-left: 1em;*/
	list-style-position: inside;
}
/*ul li,ol li {
   	margin-left: 3em;
}*/

a:link {
	color: #ECA914;
	text-decoration: underline;
}
a:visited {
	color: #ECA914;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
    color: #ECA914;
}
a img {
    border: none;
    outline: none; 
    -moz-outline-style: none;
}

/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
}
	
/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
}
	
#container {
	width: 1000px;
	border: thin;
	border-color:black;
	height: 100%;
	background: #222 url('images/grungemap-dk.jpg'); background-repeat:repeat;
	margin: auto auto;	
}

/* Header */

#header {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	/*background-image:url('images/new-gradient.gif'); background-repeat: repeat-x;*/
}

#logo {
	float: left;
	width: 201px;
	height: 78px;
	/*background: #2E881E;*/
	background: #49832E;
	background-position:center;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 5px solid #17460F;
	-moz-border-radius-topleft: 12px;
    -webkit-border-top-left-radius: 12px;
    -html-border-radius-topleft: 12px;
    -khtml-border-radius-topleft: 12px;
}

#logo h1 {
	padding-top: 12px;
	text-align: center;
	letter-spacing: -0.5px;
	font-size: 24px;
	font-family: Georgia, Times New Roman, serif;
	color: #ffffff;
}

#logo h1 a {
	color: #ffffff;
}

#logo h2 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
}

#logo h2 a {
	color: #ffffff;
}

#logo a {
	text-decoration: none;
}

/* For two level Menu */

#nav {
	float: left;
	width: 786px;
	margin: 1px 1px 0 1px;
	/*position: absolute; left: 258px; top: 22px;*/
	background-image: url('menu-images/nav-bg3.gif'); background-repeat:repeat-x;
	z-index: 10;
}

#nav-menu {
	float: left;
	width: 786px;
	margin: 1px 1px 0 1px;
	/*position: absolute; left: 258px; top: 22px;*/
	/*background-image: url('menu-images/nav-bg3.gif'); background-repeat:repeat-x;*/
	z-index: 10;
}

ul#topnav {
	margin: 0; padding: 0;
	/*float: left;*/
	list-style: none;
	position: relative;
	font-size: 13px;
	line-height: 14px;
	font-family: Verdana, Arial, sans-serif;
	/*background: url('menu-images/topnav_stretch.gif'); background-repeat: repeat-x;*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 13px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	border-bottom: none;
}
ul#topnav li:hover {background: #17460F url('menu-images/topnav_active_grn.gif'); background-repeat:repeat-x;}
ul#topnav li span {
	float: left;
	padding: 12px 0;
	position: absolute;
	left: 0; top: 34px;
	display: none;
	width: 660px;
	background: #17460F;
	color: #fff;
	-moz-border-radius-bottomright: 9px;
	-khtml-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-khtml-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

/* for foxilob border under hover menu */
#menu {
	/*float: right;*/
	font-family: Arial,Verdana,Helvetica, sans-serif;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -24px;
	font-size: 13px;
	height: 23px;
}

#menu ul {
	margin: 0;
	padding: 24px 0 0 0;
	list-style: none;
	/*background-image: url('menu-images/nav-bg.gif'); background-repeat:repeat-x;*/
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 4px 0 4px;
	/*text-decoration: none;*/
	text-transform:none;
	font-weight: bold;
	color: #fff;
	line-height: 2em;
}

#menu li .divider {
	background-image:url('menu-images/nav-bar.gif'); background-repeat: no-repeat; background-position:center;
	padding-left: 6px;
}

/*#menu a:hover {
	color: #2E881E;
	text-decoration: none;
}

/*#menu .active a {
    color: #FFF;
    background: #2E881E;
}*/

/* Splash */

/*#splash-sidebar {
	width: 164px;
	height: 225px;
	float: left;
	margin: 0 auto;
}
#splash-sidebar p {
	float: left;
	width: 164px;
	padding: 25px 20px 20px 20px;
	background: #2F2F2F;
	border: 1px solid #000000;
	border-right-color: #302f0c;
	border-right-width: 5px;
}*/

			
#splash {
	width: 700px;
	height: 275px;
	margin: 0 20px 0 20px;
	float: right;
	/*border: 2px;
	border-color: black;
	border-style: solid;*/
	background: transparent;
	color: #ccc;
}

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
}

#page h1 {
	margin-bottom: 15px;
}
#page h2 {
	margin-bottom: 10px;
}
#page h3 {
	margin-bottom: 8px;
}

/* Content */

#content {
	float: right;
	width: 740px;
	padding: 20px;
}

/* Cycle slideshow styles Apr 2010 */
/*#content #image { margin-left: 20px;}*/
#content #cycle_container { 
        margin-top: 12px;
        margin-bottom: 16px;
        position:relative; }
#content #cycle { 
		width: 700px;
		height: 300px;
		position: relative;
}
.cycle_post {
		width: 700px;
		height: 300px;	
		overflow: hidden;
		position: absolute;
		display: block;
}
.cycle_post a {
	    border: 0px transparent;
}
.image {
	overflow: hidden;
	padding: 4px;
	background: #fff;
	/*border-bottom: 1px solid #c7cbcc;*/
	float: left;
}
.image div { overflow: hidden; float: left; }
.image .large { 
    width: 696px;
}
.image .medium { width: 340px; }

.left {
	float: left;	
}

.right {
	text-align: right;
	float: right;	
}
.nomargin {
	margin: 0;	
}
.clear {
	clear: both;
}

	#show-nav { 
		position: absolute; 
		z-index: 1000; 
		background: #222;
		border-bottom: 1px #fff solid;
		border-top: 1px #fff solid;
		border-left: 1px #fff solid;
		width: 550px;
		padding: 5px;
		display: block;
		color: #fff;
		font-size: 12px;
		right: 36px;
		bottom: -290px;
	}
	#show-nav_links { float: right; }
	#show-nav_links a {
		width: 12px;
		height: 6px;
		display: block;
		float: left;
		margin-left: 10px;	
		text-indent: -9999px;
		background: #aaa;
		margin: 3px 0 0 3px;
		padding: 0;
	}
	#show-nav_links a.activeSlide {
		background: #ECA914;	
	}
	
	#projects_link { 	
		float: right; 
		margin-bottom: 40px;
		margin-top: 5px;
	}
/* End Cycle show styles */


#content ol, #content ul {
	margin-left: 2em;
	list-style-position: outside;
}

#content .anythingSlider .wrapper ul {
	margin-left: 0;
	list-style-position: inside;
}

/* box container for home page intros with jquery hover bg color */
#content .box-left {
	border: 2px solid #2E881E; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
    behavior: url(border-radius.htc);
	background: #1f1f1f;
	width: 325px;
	padding: 15px;
	float: left;
	margin-bottom: 15px;
}
#content .box-left:hover {
	background: #0e0e0e;
	border: 2px solid #ECA914;
	cursor: pointer;
}

#content .box-right {
	border: 2px solid #2E881E; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;	
	border-radius: 8px;
    behavior: url(border-radius.htc);   
	background: #1f1f1f;
	width: 325px;
	padding: 15px;
	float: right;
	margin-bottom: 15px;
}
#content .box-right:hover {
	background: #0e0e0e;
	border: 2px solid #ECA914;
	cursor: pointer;
}
#content .box-center {
	border: 2px solid #2E881E; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	
	border-radius: 8px;
    behavior: url(border-radius.htc);
    
	background: #1f1f1f;
	width: 625px;
	padding: 15px;
	float: none;
	margin-left: 30px;
	margin-bottom: 15px;
}
#content .box-center:hover {
	background: #0e0e0e;
	border: 2px solid #ECA914;
	cursor: pointer;
}
/* rel class for IE rounded corners */
.rel {
	/*margin: 50px 0 0 33px;
	padding: 25px;*/
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

#content .right {
	float: right;
	margin-left: 20px;
	margin-right: 15px;
	border: 2px solid #888; padding: 9px;
	
}
#content .left {
	float: left;
	margin-right: 20px;
	border: 2px solid #888; padding: 9px;
}

#form-text {
	font-size: 9px;
}
.more {
	text-transform:uppercase;
	font-size: 11px;
}

/* Sidebar */
#sidebar {
	float: left;
	width: 184px;
	padding: 25px 8px 8px 8px;
	background: #0E0E0E;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 5px solid #17460F;
}
#sidebar img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#sidebar h2 {
	padding-top: 6px;
	padding-bottom: 12px;
	font-size: 100%;
	font-weight: bold;
}

#sidebar h3 {
	font-size: 98%;
	padding-bottom: 8px;
	background: none;
	font-family: Georgia, Times New Roman, serif;
	font-weight:normal;
	font-style: italic;
	border-bottom: 1px dotted #ccc;
	margin: 16px 0 10px 0;
	/*background-image: url('images/sidebar-title.gif'); background-repeat: repeat-x;*/
}

#sidebar h3 span {
	padding: 6px 5px;
	/*margin-left: 3px;*/
	margin: 0;	
}
#sidebar ul {
	margin: 0;
	padding-bottom: 10px;
	list-style: none;
	line-height: 16px;
}

#sidebar li {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	/*border-top: 1px dotted #000000;*/
}

#sidebar .ads {
    padding: 6px 6px 20px 6px;
    width: 125px;
	background: #fff url(images/comment-bottom-small.jpg);background-position: bottom right;background-repeat:no-repeat;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	margin-bottom: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
}

#sidebar .adtext{
	font-size: 12px;
	line-height:normal;
	margin-bottom: 20px;
}
/*#sidebar img {
	margin-top: 10px;
}*/

.quote {
	background: url(images/quote.gif) no-repeat; background-position: left top;
	margin-top: 36px;
	padding: 13px 0 0 40px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 18px;
}

/* Footer */

#footer {
	clear: both;
	/*width: 940px;*/
	height: 30px;
	margin: 0 auto;
	padding: 20px;
	font-size: 14px;
	background: #3B3B3B url(images/img1.gif) repeat-x;
	border-bottom: 1px solid #000000;
	border-top: 3px solid #17460F;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -html-border-radius-bottomright: 12px;
    -html-border-radius-bottomleft: 12px;
    -khtml-border-radius-bottomleft: 12px;
    -khtml-border-radius-bottomright: 12px;
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 80%;
}

#legal {
	float: left;
}

#links {
	float: right;
}

/* for top right banner */
#topright {
   position: absolute;
   right: 0;
   top: 0;
   display: block;
   height: 150px;
   width: 150px;
   background: url(images/corner-banner.gif) no-repeat;
   text-indent: -999em;
   text-decoration: none;
   border-bottom: thin transparent solid;
   z-index: 100;

}
/* for top left banner
#topleft {
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   height: 125px;
   width: 125px;
   background: url(TLbanner.gif) no-repeat;
   text-indent: -999em;
   text-decoration: none;
   border-bottom: thin transparent solid;

}*/



