/*  
Theme Name: FallSeason
Theme URI: http://wpthemepark.com
Description: Zenlike by <a href="http://www.nodethirtythree.com/" title="nodethirtythree">nodethirtythree</a> , FallSeason WordPress Theme by <a href="http://wpthemepark.com/" target="_blank">WP ThemePark</a>
Version: 1.0
Author: Sadish
Author URI: http://wpthemepark.com
*/
/*

	zenlike1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

*
{
padding: 0em;
margin: 0em;
}

body
{
background: #000000 url('../images/bg1.jpg');
padding: 35px 0px 35px 0px;
}

body,input
{
font-size: 10pt;
font-family: "georgia", "times new roman", serif;
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

#formarea p {
	font-weight: normal; font-size: 11px; color: #666666; font-style: normal; font-family: verdana, sans-serif; text-decoration: none;
}

a
{
color: #B96D00;
text-decoration: underline;
}

td
{
vertical-align:top;
text-align:center;
}

#formarea tr {
	position: relative;
	}

#formarea td {
	float: left; width:auto; font-weight: normal; font-size: 11px; color: #666666; font-style: normal; font-family: verdana, sans-serif; text-decoration: none; text-align: left; padding-right: 10px;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h2,h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h2
{
font-size: 1.7em;
padding-right: 34px;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
background-image: url('../images/db1.gif');
}

h4
{
font-size: 1.2em;
padding-right: 28px;
background-image: url('../images/db2.gif');
}

h5
{
font-size: 1.2em;
padding-top:2em;
padding-right: 28px;
text-decoration:underline;
}

h6
{
font-size:inherit;
display:inline;
}

#formarea h1 {font-weight: bold; font-size: 12px; color: #666666; font-style: normal; font-family: verdana, sans-serif; text-decoration: none;}

#formarea h2 {font-weight: bold; font-size: 11px; color: #666666; font-style: normal; font-family: verdana, sans-serif; text-decoration: none;}

#formarea h3 {font-weight: bold; font-size: 12px; color: #666666; font-style: normal; font-family: verdana, sans-serif; text-decoration: none; margin:0px; padding:0px;}


.contentarea
{
padding-top: 1.3em;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.dhtmlgoodies_question
{ 
/* Styling question */
/* Start layout CSS */
/* Remove comment tags here and in html to enable sliding function */
color:#000000;
font-size:1.1em;
font-weight:bold;
text-decoration:underline;
background-color:#ffffff;
/*width:430px;*/
margin-bottom:2px;
margin-top:2px;
padding-left:1.5em;
background:url(../images/dot.jpg) no-repeat left;
/*background-image:url('images/bg_answer.gif');
background-repeat:no-repeat;
background-position:bottom right;
height:20px;*/
/* End layout CSS */
/*overflow:hidden;
cursor:pointer;*/
}

.dhtmlgoodies_answer
{ 
/* Parent box of slide down content */
/* Start layout CSS */
/* Remove comment tags here and in html to enable sliding function */
color: #000000;
font-size:1.0em;
/*border: solid 1px #eaeaea;*/
background-color: #FFFFff;
/*width:400px;*/
/* End layout CSS */
visibility:visible;/* Change to Hidden to enable sliding feature */
/*height:0px;*/
left:3em;
/*overflow:hidden;*/
position:relative;
}

.dhtmlgoodies_answer_content
{
/* Content that is slided down */
padding:1px;
font-size:0.9em; position:relative;
}

.divider1
{
position: relative;
background: #fff url('../images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('../images/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('../images/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('../images/icon-more.gif');
}

.box
{
position: relative;
background: #FFFFCC url('../images/boxbg.gif') repeat-x;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border: solid 1px #FFCC33;
margin-bottom: 1.0em;
}

.box2
{
position: relative;
background: #FFFFFF;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border: solid 1px #003366;
margin-bottom: 1.0em;
}

.box3
{
position: relative;
background: #ffffcc url('../images/boxbg.gif') repeat-x;
border: solid 1px #ffcc33;
overflow:hidden;
padding: 0.5em;
padding-bottom: 0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
min-width: 1084px;
/* The min-width value here is set to the min-width of the outer tag, plus the 2x the outer padding, plus the
sum of the left&right borders in outer.  This prevents a glitch where, when the browser window is thinner than the
min-width of the outer, the bg2 image does not display when the view scrolls right to view the undisplayed portions
of the page.  To see the glitch, comment out the min-width here and compress your browser width until a horizontal
scroll bar appears.  Look in the rop right corner of the page - bg2 will not appear there. */
height: 275px;
background: #fff url('../images/bg2.jpg') repeat-x;
z-index: 1;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 82%;
/* A min-width is set here to prevent the banner image from being hidden by the image of EMeRG-1 when
the viewer's browser width is too small.  Note the min-width added to the upbg tag to fix a glitch that
arose when this min-width was added.  The percentage value above still operates whenever the browser
window has a width greater than 950 pixels. */
min-width: 1068px;
/*
	This is the original border tag that came with the template
	border: solid 7px #fff;
*/
padding: 7px;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 9.0em;
background: #003366 url('../images/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 3.5em;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}

#login
{
position: absolute;
top: 1.75em;
right: 2.0em;
padding-right: 0.0em;
}

#login2
{
position: absolute;
top: 1.75em;
right: 15.0em;
padding-right: 0.0em;
}

#login input.text, #login2 input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#login input.submit, #login2 input.submit
{
background: #ffcc33 url('../images/buttonbg.gif') repeat-x;
border-top: solid 1px #006699;
border-right: 0px;
border-bottom: solid 1px #006699;
border-left: 0px;
cursor:pointer;
font-weight: bold;
margin-right: 0.5em;
padding: 0.15em;
font-size: 0.8em;
width: 12.0em;
color: #003366;
vertical-align: middle;
}

#headerpic
{
height: 109px;
background: #fff url('../images/hdrpic.jpg') no-repeat top left;
margin-bottom: 0px;
}

/*
Idea - Maybe add this code as the menu class, and rename the 
current #menu to #menubg, to act as a background element.  
Hopefully this will create the effect we want, floating the 
tabs on top of the background as a separate, manipulable element.
Use in conjunction with the activetab.gif, which is 100px wide.
#menu
{
float: left;
width: 500px;
}
*/

#menu
{
position: relative;
background: #ffcc33 url('../images/menubg.gif') repeat-x top left;
height: 3.25em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 0px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
color: #003366;
background:url('../images/menuactive.gif') repeat-x top right;
}

#menu ul li a.active
{
background:url('../images/menuactive.gif') repeat-x top right;
color: #003366;
}

#menubottom
{
background: #fff url('../images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#menumirror
{
	position: relative;
	background: #ffcc33 url('../images/menubg.gif') repeat-x left bottom;
	height: 3.25em;
	padding: 0em 1.0em 0em 1.0em;
	margin-bottom: 2px;
}

#about{
padding-left: 64px;
}

#training{
padding-left: 211px;
}

#resources{
padding-left: 291px;
}

#menumirror ul
{
	position: relative;
	display: inline;
	float: left;
	top: 1em;	
}

#menumirror ul li
{
position: relative;
display: inline;
float: left;
}

#menumirror ul li a
{
	padding: 0.8em 1.0em 0.9em 1.0em;
	color: #fff;
	text-decoration: none;
}

#menumirror ul li a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #ffcc33;
}

#menumirror ul li a.active
{
	color: #ffcc33;
	font-weight: bold;
	text-decoration: underline;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
}

#memberListDisplay
{
position:relative;
}

#memberListDisplay tr th
{
text-decoration:underline;
font-size:1.7em;
padding:0em 1.2em 0em 0em;
}

#memberListDisplay tr td
{
text-align:left;
padding:0em 1.2em 0em 1.2em;
border-bottom:1px solid;
}

.memberList
{
border:0px solid;
}

.red
{
color:#CC0000;
}

.green
{
color:#006600;
}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#tphotos
{
width: 33%;
height: 100%;
border:thin #FFFFCC;
float: left;
}

#ephotos
{
width: 33%;
height: 100%;
border:thin #FFFFCC;
float: left;
}

#mphotos
{
width: 33%;
height: 100%;
border:thin #FFFFCC;
float: left;
}

.attributename  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.attributeinput  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : black;
	text-decoration : none;
}

.required {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

#footer
{
position: relative;
height: 13.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('../images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .center
{
text-align:center;
margin-bottom: 1em;
}

#footer .bleft
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .tleft
{
position: absolute;
left: 2.0em;
bottom: 2.2em;
}

#footer .right
{
	position: absolute;
	right: -324px;
	bottom: -35px;
}

#gallery { font-size:1.2em; }

.thumbnail
{
padding: 3px 3px 3px 3px;
border: 1px solid #006699;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.linebreak
{
width: 100%;
height: 1px;
}

/* Commented out to test whether inclusion of the lightbox.css file is necessary
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("../about/lightbox2.03 Folder/images/blank.gif") no-repeat; /* Trick IE into showing hover */
/*	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("../about/lightbox2.03 Folder/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../about/lightbox2.03 Folder/images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
*/