/* Global */
body { 
	background:url('/images/template/bg.jpg') center top no-repeat #150A06; /*background-color:#30180E;*/ color:#C69C6D; margin:0;
}
body, table, td, p, ul, ol, input, select, textarea, span, button { 
	font-family:arial, helvetica, sans-serif; font-size:11px; font-weight:normal;
}


/* Typography */
a, a:link, a:active { text-decoration:none; color:#FFFFFF; }
a:hover { text-decoration: underline; } 
a img { border:0; }

h1, h2, h3, h4 { font-family:Helvetica, sans-serif; font-weight:lighter; }
h1 { margin:0 0 15px 0; padding:2px 0 0 10px; background:url('/images/template/h1.gif') repeat-x; height:41px; } 
h2 { font-size:170%; margin:0 0 10px 0; color:#FFFFFF; }
h3 { font-size:120%; margin:0 0 15px 0; color:#FFFFFF; }
h4 { font-size:110%; margin:25px 0 5px 0; color:#FFFFFF; }

p { margin: 0 0 11px 0; line-height:20px; }

ul, ol { list-style-type:none; margin:10px 0 10px 0; padding:0; }
li { margin:10px 0 10px 0; padding:0 0 0 20px; }

span { color:#80A1B2; }
hr { margin:20px 0 20px 0; height:1px; border:none; color:#726C16; background-color:#726C16; }
label {  }

/* Global */
.clearFloat { clear: both; border: 1px solid blue; margin-top: -1px; }
.clear { clear: both; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.absmiddle { vertical-align:middle; }


/* Main Styles */
#wrapper {
	height:auto; margin:0 auto 0 auto; width:1024px; padding:0 0 15px 0; 
}
#logo {
	width:1024px; height:157px; margin:0 0 0 0;
}
#menu {
	padding:0 0 0 0; height:58px; margin:22px 0 0 0;
}
#content {
	padding:15px; margin:15px 0 0 0; background:url('/images/template/transparent.png') repeat /*#1C0903*/; width:640px; 
}


/* Child Styles */
#logo a { width:230px; height:150px; text-indent:-2000px; overflow:hidden; display:block; }

#menu a { margin:0 0 0 0; height:15px; text-indent:-2000px; overflow:hidden; display:block; float:left; }
#menu a:hover{ background-position:0 -15px; text-decoration:none; }

#menu span { background:url('/images/menu/rose.gif') top center; width:41px; height:15px; display:block; float:left;  }

.menuAbout { background:url('/images/menu/about.gif'); width:48px; }
.menuClasses { background:url('/images/menu/classes.gif'); width:59px; }
.menuEvents { background:url('/images/menu/events.gif'); width:49px; }
.menuPeople { background:url('/images/menu/people.gif'); width:139px; }
.menuVideos { background:url('/images/menu/videos.gif'); width:53px; }
.menuPhotos { background:url('/images/menu/photos.gif'); width:51px; }
.menuDvds { background:url('/images/menu/dvds.gif'); width:39px; }
.menuMembers { background:url('/images/menu/members.gif'); width:74px; }
.menuContact { background:url('/images/menu/contact.gif'); width:66px; }

.selAbout .menuAbout, .selClasses .menuClasses, .selEvents .menuEvents, .selPeople .menuPeople, .selVideos .menuVideos, .selPhotos .menuPhotos, .selDvds .menuDvds, .selMembers .menuMembers, .selContact .menuContact { background-position:0 -15px; }

#highlight { position:absolute; top:500px; left:50%; margin:0 0 0 180px; width:300px; height:auto; padding:0; }

#featured  { position:absolute; top:625px; left:50%; margin:0 0 0 180px; width:286px; height:auto; padding:7px; background:url('/images/template/transparent.png'); }
#featured h2 { font-size:125%; margin:0 0 2px 0; }
#featured p { margin:3px 0 3px 0; }

/* Specific */
.displayItem, .displayThumbnailItem { margin:0 0 25px 0; padding:0 0 25px 0; border-bottom:1px solid #723E11; }
.displayThumbnailColumnItem { margin:0 0 25px 0; padding:0 0 25px 0; width:50%; float:left; display:inline; }

.displayItem img { float:right; margin:10px 0 0 25px; border:1px solid #723E11; }
.displayThumbnailItem img, .displayThumbnailColumnItem img { float:left; margin:0 25px 0 0; border:1px solid #723E11; }

#aboutText { float:left; display:inline; width:415px; }
#aboutImages { float:left; display:inline; width:100px; margin:0 0 0 20px; }
#aboutImages img { margin:0 0 15px 0; border:1px solid #723E11; }

.spacer { border-bottom:1px solid #723E11; margin:0 0 25px 0; padding:0 0 25px 0; }

.gallery { float:left; text-align:center; margin:0 15px 20px 15px; }
.gallery .border { border:5px solid #B5B29F; margin:0 0 0 0; }
.gallery .dotted a { display:block; margin:0 0 0 0; text-align:left; }

.float { float:left; display:inline; }
.hiddenText { display:none; background-color:#D7D4C1; padding:15px; }

.submit, .cancel { background-color:#736D15; color:#FFFFFF; padding:2px; text-transform:uppercase; border:none; margin:0 10px 0 10px; }
.cancel { background-color:#A3A26C; padding:3px 2px 3px 2px; }

.halfLeft { width:360px; float:left; margin:0 30px 0 0; }
.halfRight { width:360px; float:left; margin:0 0 0 0; }

span.green { color:#92DDD7; }
span.grey { color:#514943; }

/* Tables */
.tableDisplay { margin:0 0 25px 0; width:100%; }
.tableDisplay th { background-color:#260001; border-bottom:1px solid #723E11; padding:7px 5px 7px 5px; text-align:left; }
.tableDisplay th.action { text-align:center; }
.tableDisplay td { padding:5px; }
.tableDisplay a, .tableDisplay a:link, .tableDisplay a:active { text-decoration:underline; }
.tableDisplay img a, .tableDisplay img a:link, .tableDisplay img a:active { text-decoration:none; }

.tableEdit {  }
.tableEdit th { padding:13px 5px 5px 5px; text-align:left; font-weight:normal; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; }
.tableEdit td { padding:5px; }
.tableEdit td.formSubmit { padding:35px 0 20px 0; text-align:center; background-color:#FFFFFF; background:url('images/spacersubmit.jpg') repeat-x; }

.tableEdit th h2 { font-size:120%; color:#333333; }
.tableEdit th p { color:#333333; }

.tableAction { margin:5px 0 10px 0; }
.tableAction td { padding:7px; background-color:#1B1D1C; }

/* Drag and drop */
.imagesOverflow { height:300px; width:100%; overflow-y:scroll; white-space:nowrap; }
.sortHelper { border: 1px dashed #666; background-color:#E6F7D4; float:left; margin:0; padding:0; }

/* Actions */
span.actionAdd a, span.actionAdd a:link, span.actionAdd a:active { padding:0 0 0 18px; background:url('/images/icons/add.gif') no-repeat; font-size:110%; }
span.actionCancel a, span.actionCancel a:link, span.actionCancel a:active { padding:0 0 0 19px; background:url('/images/icons/cross.gif') no-repeat; font-size:110%; }

/* Error message styling */
#errorMessage {  border:1px solid #FF0000; background-color:#FFCCCC; color:#000000; width:auto; padding:5px; margin:10px 0 10px 0;  }
#errorMessage p { font-size:120%; font-weight:bold; margin-top:2px; margin-bottom:2px; }
#errorMessage ul { padding:0 0 0 25px; margin:0 0 0 25px; }
span.warning { color:#FF0000; }

/* Success message styling */
#successMessage { border:1px solid #008000; background-color:#E2F9E3; color:#000000; width:auto; padding:5px; margin:10px 0 10px 0; }
#successMessage p { font-size:120%; font-weight:bold; margin-top:2px; margin-bottom:2px; }

/* Upload Progress */
p#uploadprogress { color:#000000; }
p#uploadprogress a { color:#000000; }

/* Paginator */
.paginator { height:auto; width:auto; margin:0 0 0 0; padding: 5px 0 5px 0; border-top:1px solid #8F8689; }
.paginator p { float:left; width:50%; margin:0; padding:0 0 0 0; }