/*

main.css is for basic site elements and extremely common classes and ids like #header #footer #content etc...

site.css is for non-typical classes

*/



/* ********** Basic Elements ************** */
html
{
	margin:0;
	padding:0;
/* Modern Georgia-based serif stack */
/* font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; */
	background-color: #000;

font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;

font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body
{
	margin: 0;
	padding: 0;

}

h1 {
	font-size: 160%;
  margin: 10px 0px 3px 0px;
	color:#134004;
	border-bottom:#9AB192 dotted 1px;
	font-family: Georgia, serif;
}

h2 {
  font-size: 110%;
	letter-spacing:1px;
	font-weight:normal;
  margin: 20px 14px 8px 0px;
	padding:0 4px 2px 4px;
	background-color:#134004;
	color:#fff;
	display:inline-block;
	box-shadow:2px 2px 5px #000;
	-webkit-box-shadow:2px 2px 5px #000;
	-moz-box-shadow:2px 2px 5px #000;
	max-width:600px;
	
}

h3 {
  font-size: 110%;
  margin: 12px 0 5px 0;

}

h4 {
  margin: 10px 0 5px 0;

}

h5 {
  font-size: 85%;
  margin: 12px 0 5px 0;

}

h6 {
  font-size: 75%;
  margin: 15px 0 5px 0;

}

p {
	margin:0 0 8px 0px;
	font-size: 95%;
	max-width:600px;
}

ul{
	/* Helvetica/Arial-based sans serif stack */
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;

}

#content img{
	border-radius: 8px;
	-moz-border-radius: 8px;
		filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=7);
-moz-box-shadow: 4px 0px 6px #000;
-webkit-box-shadow: 4px 0px 6px #000;
box-shadow: 4px 0px 6px #000;
}

a img
{
	border:none;
}

a:link, a:hover, a:visited, a:active
{
	text-decoration: none;
	font-weight:bold;
	color: #388619;
}

a:hover{
	color:red;
}

.clear{
	float:none;
	clear:both;
	}

#header{
	background: url(../images/header_texture.jpg) top left repeat-x;
	height:188px;
	clear:both;
}

#logo{
	position:relative;
	left:50px;
	top:30px;
}

#nav, #admin_nav{
	color:#fff;
	list-style-type:none;
	width:98%;
	border-bottom:1px dotted #9a9;
	padding:4px 0 4px 2%;
	margin:0px;
	font-size: 90%;
	filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=90,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=270,strength=7);
-moz-box-shadow: 0px 0px 16px #000;
-webkit-box-shadow: 0px 0px 16px #000;
box-shadow: 0px 0px 16px #000;
z-index:1000;
position:relative;
}

#nav li, #admin_nav li{
		margin:0 10px;
		display:inline-block;
	}

#nav li a, #admin_nav li a{
	display:block;
	color:#fff;
	font-weight: normal;
	background: url(../images/dim_menu.png) center left no-repeat;
	background: none;
	padding:5px 5px 5px 20px;

}

#nav li.current a, #admin_nav li.current a{
	color:#e0f8c5;
	font-weight: bold;
	cursor:default;
	background: url(../images/lit_menu.png) center left no-repeat;
	background: none;
	padding-left:25px;
}

#admin_nav li.current a{
		background-image: url(../images/lit_admin_menu.png) center left ;
	}

#nav li.current a:hover, #admin_nav li.current a:hover{

	color:#e0f8c5;
	}

#nav li a:hover, #admin_nav li a:hover{
		color:red;
	}

#nav li a:active, #admin_nav li a:active{
		color: #CCFFCC;
	}

#content{
	background-color: #fff;
	margin:0 auto 0 auto;
	max-width:1280px;
	border-left:15px solid #000;
	border-right:15px solid #000;
	padding:5px 10px 10px 40px;
	min-height:350px;
	}



#footer{
	clear:both;
	color:#aaa;
	width:100%;
	}


#footer span.left{
	float:left;
	font-size:85%;
	margin-left: 10px;
	margin-top:25px;
	line-height: 160%;
	}

#footer span.right{
	float:right;
	background:url(../images/footer_lights.jpg) bottom right no-repeat;
	width:200px;
	height:80px;
	}


/**** Form Elements ****/

form{
	position:relative;
	border:1px solid #888;
	background-color:#000;
	border-radius: 4px 4px 6px 6px;
	-moz-border-radius: 4px 4px 6px 6px;
	width:420px;
	}

fieldset{
	margin:0;
  background-color:#CCFFCC;
  background-color:#dfd;
  border:solid 2px #012001;
  border-top:solid 1em #012001;
  position:relative;
  top:-2px;
  left:-2px;
  padding:3px 3px 5px 5px;
	border-radius: 2px 2px 4px 4px;
	-moz-border-radius: 2px 2px 4px 4px;
	}

legend {
	color:#000;
	font-weight:bold;
	line-height:1em;
	margin-left:8px;
}


label{
	font-size:.8em;
	line-height:.9em;
	margin:10px 10px 0 6px;
	width:100px;
	display:block;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

label, input, textarea{
float:left;
}

input{
  width:100px;
  font-size:1em;
  letter-spacing:.05em;
}

.small input{
	width:3em;
}

label.small{
  min-width:3.25em;
  max-width:4.75em;
  width:auto;
  white-space: nowrap;
}

.large input{
	width:200px;
}

label.large{
  width:200px;
}

textarea{
  width:100%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

form br
{
	clear:both;
}

.req
{
  font-weight:bold;
	color:red;
}

.checkbox input
{
  width:2em;
  height:2em;
  margin:0;
  padding:0;
}



label.checkbox
{
 width:22em
}

.button
{
	margin:.3em 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}



.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


/**************** Form End ******************/



/******************* dglMessage() *********************/
p.message, .content p.message
{
	background-color:#ccc;
	color:red;
	border:2px solid black;
	font-weight:bold;
	font-size:120%;
	padding:.75em;
}

/**************** Other ***********************/
a.stealth_link, a.stealth_link:hover{
	cursor: default;
	color:#EEECCB;
	}


/*   Magic text editor (for adding bbcode, etc...) */   /* need to find a better system for extras like this */


/********************* ae_prompt *******************************/
#aep_ovrl {
background-color: black;
-moz-opacity: 0.7; opacity: 0.7;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_text {width: 100%;}
#aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
#aep_w div {text-align: right; margin-top: 5px;}

#magic_editor{
display:block;
border:#CD0303 solid 1px;
background-color:#aaa;
padding:5px 0 0 5px;
}

#magic_editor img{
border:black solid 1px;
margin-right:5px;
}

#magic_text{
width:350px;
}

/**************** Magic text end ***************/






/*

main.css is for basic site elements and extremely common classes and ids like #header #footer #content etc...

site.css is for non-typical classes

*/


div.frame_outer{
	width:100%;
	background:url(../images/frame_texture.jpg) repeat-x;
	background:#131;
	height:4px;
}

div.frame_inner, div.frame_bottom{
	height:0px;
	max-width:1330px;
  margin:0 auto 0 auto;
	border-left:15px solid #000;
	border-right:15px solid #000;
	border-top:3px solid #9a9;
-moz-box-shadow: 0px 0px 8px #433;
-webkit-box-shadow: 0px 0px 8px #433;
box-shadow: 0px 0px 8px #433;
z-index:1000;
position:relative;
}

div.frame_bottom{
	border-top:none;
	border-bottom:3px solid #9a9;
}

#auxbar{
float:right;
width:340px;
overflow:hidden;
height:100%;
padding-right:10px;
padding-top:30px;
}

#auxbar a img, #auxbar p a img{
	margin-top:6px;
	margin-bottom:0px;
}

#auxbar p a img{
	margin-top:6px;
}

#auxbar h2{
margin-top:0px;
margin-bottom:0px;
}


#main_content{
margin-right:400px;
}





/* Calendat Picker */

.datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; width:275px;height:auto;z-index:5000 }
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; width:100px;}
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }