/**********
*  Basic  *
***********/
html {
     overflow: -moz-scrollbars-vertical;
}
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px, do NOT modify this! */
	font-family: Tahoma;
	font: 12px/18px "Lucida Grande","Lucida Sans Unicode",verdana,lucida,sans-serif;
	color: #DFDFDF;
	text-align: center;
	background: url('/img/bg.png') repeat-x #1A1A1A;
}
p {
	line-height: 1.5em;
	margin: 1.2em 0;
}
ol, ul {
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0 0 0 15px;
}
ol {
	padding: 0 0 0 20px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
	color: #CF0000;
}
h1 { font-size: 2em; }
h2 { font-size: 1.7em; margin-top: -3px}
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }

h1 a {
	color:#9DC7C0;
	text-decoration:none;
	font-weight: normal;
}

.frozen {
	background: grey;
	text-decoration: none;
}
.edit {
	font-size: 0.9em;
	color: red;
	text-decoration: none;
}
.edit:hover {
	text-decoration: underline;
}
.news_header {
	font-weight: bold;
	background: #D9E5DE;
	border: solid 1px grey;
	padding: 3px;
	color: #5A6F63;
}
p.news {
	margin-left: 10px;
}
div.del_news {
	position: relative;
	top: -130px;
	left: 542px;
}
input {
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #AAAAAA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#AAAAAA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#AAAAAA',GradientType=0 ); /* ie */
	border: 1px inset grey;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 4px;
}

/***********
*  Layout  *
***********/

#wrapper {
	font-size:1.2em;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	background: #000000;
	text-align:left;
	width:900px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#header {
	background: url("/img/header.jpg") no-repeat scroll 0 -40px transparent;
    height: 190px;
    margin: 0;
    padding: 0 0 0 20px;
}
#sub_header {
	height: 41px;
	background: #000;
}
#top_header {
	float: right;
	padding: 8px;
	text-align: right;
}
#left_pane {
	display:inline;
	float:left;
	overflow:hidden;
	width:420px;
	padding: 10px;
	margin-top: 20px;
}
#right_pane {
	display:inline;
	float:left;
	overflow:hidden;
	width: 340px;
	min-height: 380px;
}
#main_pane {
	display:inline;
	float:left;
	overflow:hidden;
	width:900px;
	padding: 10px;
	margin-top: 20px;
	min-height: 300px;
}
#footer {
	clear:both;
	margin:0;
	padding:8px;
	height: 20px;
	border-top: 1px solid #333333;
	text-align: center;
	font-size: 0.9em;
}
.float {
	float: left;
}
#sub_menu2 a {
	color: #406AB0;
}
#inner_frame {
	background: #000000; /* old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #0F0F0F 28%, #0F0F0F 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(28%,#0F0F0F), color-stop(100%,#0F0F0F)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0F0F0F',GradientType=0 ); /* ie */
	border:1px solid #333333;
	margin-top:-10px;
	padding:14px;
	width:849px;
}
#slider {
	float:right;
	height:361px;
	margin:-15px -2px 0 2px;
	width:344px;
}

/**********
*  Forms  *
**********/

div.fm_left_col {
	width: 130px;
	float:left;
	font-weight:bold;
	height: 35px;
}
div.pic_fm_left_col {
	margin-bottom: 14px;
	width: 130px;
	float:left;
	font-weight:bold;
}
div.fm_right_col {
	width: 200px;	
	float:left;
}
div.clear {
	clear:both;
}
form ul {
	list-style-type: none;
}

/***********
*  Popup  *
***********/

.divWholeScreen {
	background:none repeat scroll 0 0 #000000;
	display:none;
	height:100%;
	left:0;
	opacity:0.4;
	position:absolute;
	top:0;
	width:100%;
	z-index:9;
}
.PopupHolder {
	-moz-border-radius:7px 7px 7px 7px;
	background-color:#FFFFFF;
	border:2px solid #666666;
	color:black;
	display:none;
	left:0;
	padding:20px;
	position:absolute;
	top:0;
	width:480px;
	z-index:10;
}
.PopupHolder .Content {
	color:#666666;
	font-size:14px;
	font-weight:normal;
}
.imgAlert {
	float:left;
}
.divPopMsg {
	margin:0 auto;
	width:360px;
}
.grad_tbl {
	color: #000; 
	margin: 0 auto;
	border: none;
}
.grad_tbl  th{
	border: 1px solid gray;
	padding: 6px;
	-moz-border-radius: 3px 3px 3px 3px;
	background: #AFAFAF; /* old browsers */
	background: -moz-linear-gradient(top, #AFAFAF 0%, #3B3B3B 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#3B3B3B)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#3B3B3B',GradientType=0 ); /* ie */
	color: #000; 
	margin: 0 auto;
}
.grad_tbl  td{
	border: 1px solid gray;
	padding: 6px;
	-moz-border-radius: 3px 3px 3px 3px;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #757575 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#757575)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#757575',GradientType=0 ); /* ie */
}
/*************
*  PDE Menu  *
*************/

/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	
	ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		text-decoration:none;
		color:#000;
	}
	ul.pde,ul.pde li{
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.pde{
		text-align:left;
		font-size:1.1em;
		margin:.5em auto;
		width:80%;
	}
	ul.pde ul{
		margin:0 0 0 2em;
		padding:0;
	}
	ul.pde li{
		line-height:1.3em;
		padding:.2em 0;
		margin:0;
		padding-left:15px;
	}
/* dynamically added to LIs with nested ULs */
	ul.pde li.parent{
		padding-left:0;
	}
	ul.pde li.parent img{
		border:none;
		padding-right:5px;
	}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	ul.pde li.current li{
		padding-left:0;
	}
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:0;
               left:-4000px;
       }

/* The class to show nested ULs */
       .show{
               position:static;
               display: table;
               top:0;
               left:1em;
       }

       
/***********
*  Form    *
***********/

form.cmxform fieldset {
  margin-bottom: 10px;
  text-align: left;
  width: 720px;
}
form.no_border fieldset {
	border: none;
}
form.no_border input[type=text] {
	margin-left: -5px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 175px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.cmxform select {
  margin-left: 4px;
}
.label {
	width: 130px;
	float: left;
}
.item {
	width: 170px;
	float: left;
}
.clear {
	clear:both;
}



ul#navlist
{
width: 158px;
\width: 160px;
w\idth: 158px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
width: 69px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #9DC7C0;
color: #ffffff;
background: #000d33;
}



#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
height: 18px;
border-right: none;
padding: 0;
margin: 0 10px 10px 10px;
color: #666677;
text-decoration: none;
display: block;
text-align: center;
font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
}

#navcontainer a:active
{
color: #fff;
}

#navcontainer li#active a
{
border: 1px solid #c60;
color: #fff;
}

/* Questions Styles */

div.form_controls {
	border:1px solid #333333;
	float:left;
	height:29px;
	margin:10px 0;
	padding:5px;
	width:836px;
}
div.admin-thumb {
	border:1px solid #333333;
	float:left;
	margin:3px 12px;
	padding:5px 5px 5px 7px;
	width:243px;
}
.red {
	background: #AFAFAF !important; /* old browsers */
	background: -moz-linear-gradient(top, #AFAFAF 0%, #AD0101 100%) !important; /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#AD0101)) !important; /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#AD0101',GradientType=0 ) !important; /* ie */
}
.green {
	background: #AFAFAF !important; /* old browsers */
	background: -moz-linear-gradient(top, #AFAFAF 0%, #084900 100%) !important; /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#084900)) !important; /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#084900',GradientType=0 ) !important; /* ie */
}

/* Scrollable */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 157px;
	height:305px;
	float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:2000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
.prev {
	background: no-repeat url(/img/arrows.png) 0 0;
	height:18px;
	width:18px;
	display: block;
}
.prev:hover {
	background: no-repeat url(/img/arrows.png) 0 -18px;
}
.next {
	background: no-repeat url(/img/arrows.png) -18px 0;
	height:18px;
	width:18px;
	display: block;
}
.next:hover {
	background: no-repeat url(/img/arrows.png) -18px -18px;
}
.thumbnails {
	width: 216px;
	float: left;
	margin-left: 15px;
}
.pic_thumb {
	height: 70px;
	width: 70px;
	border: 1px solid white;
	margin: 2px;
}
.arrowbox {
	float:left;
	padding: 2px;
	width:18px;
	margin-top: 142px;
}
#descbox {
	float:left;
	width: 175px;
}
.thumbsbox {
	float:left;
	padding:2px;
	width:160px;
}
#picturebox {
	margin-top: 4px;
	float: left;
	width: 453px;
}
#picturebox img {
	max-width: 360px;
	border: 1px solid white;
	margin: 0 auto;
}
.make_cover {
	cursor: pointer;
	font-size: 0.9em;
}
.make_cover:hover {
	text-decoration: underline;
}
.gall_cont_img {
	float: left;
	width: 300px;
	margin: 10px;
}
.gall_cont_img a {
	color: #DFDFDF;
	text-decoration: none;
	font-size: 1.2em;
	float: left;
}
.gal_lbl {
	float:left;
	margin:20px 0 0 14px;
	width:160px;
}
.gall_cont_img a img{
	border: 2px solid grey;
}
.gall_cont_img a img:hover{
	border: 2px solid white;
}
.gall_cont_img a:hover {
	text-decoration: underline;
}
.text_edit {
	left:354px;
	position:absolute;
	top:243px;
}
.text_edit2 {
	left:358px;
	position:absolute;
	top:374px;
}
.slideshow img {
	background-color:#CCCCCC;
	border:1px solid #FFFFFF;
	padding:15px;
	margin: 22px 0 0 5px;
}
#galleries {
	margin: 0 0 0 143px;
	width: 641px;
}
.edit_msg {
	font-size:0.8em;
	left:526px;
	line-height:14px;
	position:absolute;
	top:203px;
	width:331px;
	display: none;
	color: #FF7F7F;
}
#ui-datepicker-div {
	z-index: 20 !important;
}
div.cal_date {
	font-size:1.2em;
	line-height:20px;
	margin:-46px 0 0 5px;
	text-align:right;
}
p.cal_date {
	margin-left:5px;
}
div.cal_item {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #1A1A1A;
	margin:9px;
	padding:0 16px;
}
table.awards td {
	border: 1px solid #333333;
	padding:6px;
}
.thumb_row {
	clear:both;
	margin-top: 10px;
}
.smlBox {
	width: 164px;
	height: 20px;
	float: left;
}
.smlBox2 {
	width: 77px;
	height: 20px;
	float: left;
}