body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url("images/bg.gif");
	text-align: center;
	margin: 0px;
}
h1 {
    font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-right: 100px;
	margin-left: 10px;
	border-left: solid 8px #ae8300;
	border-bottom: solid 1px #000;
	}
p {
    padding-left: 10px;
	padding-right: 10px;
	}
#container {
	height: auto;
	width: 100%;
	margin: 0px auto 10px auto;
	text-align: left;
}
#maincontent {
    background-color: #DAE0D2;
	margin: -10px auto 0px auto;
    padding-top: 10px;
	padding-bottom: 20px;
	width: 100%;
	border-top: 0px;
	}
html>body #maincontent {
    margin-top: 0px;
	}
#admincontainer {
    float: left;
	width: 100%;
    background: url("images/bg3.gif") repeat-x bottom;
	margin-top: -10px;
	}
#admintype {
    width: 770px;
	margin: 0px auto 0px auto;
	font-size: 0.8em;
	line-height: normal;
	}
#admintype ul {
    margin:0px;
    padding:0px;
    list-style:none;
	}
#admintype li {
    float:right;
    background:url("images/left2.gif") no-repeat left top;
    margin:0px;
    padding:0px 0px 0px 9px;
	}
#admintype a {
    display:block;
    background:url("images/right2.gif") no-repeat right top;
    padding:4px 8px 4px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
#admintype a:hover {
    text-decoration: underline;
	color: #6b6b61;
	}
#admintype #current2 {
    background-image:url("images/left2_on.gif");
    }
#admintype #current2 a {
    background-image:url("images/right2_on.gif");
    padding-bottom:5px;
    }
#mainnavcontainer {
	margin: 0px auto 0px auto;
	width: 770px;
    background: url("images/bgline.gif") repeat-x bottom;
	}
#mainnav, #mainnav2 {
	font-size: 0.8em;
    width: 770px;
	margin: 0px auto 0px auto;
    line-height:normal;
	padding-bottom: 0px;
    }
#mainnav2 {
    background-image: none;
	margin-left: 5px;
	}
#mainnav ul, #mainnav2 ul {
    margin:0px;
    padding:0px 5px 0px;
    list-style:none;
    }
#mainnav li, #mainnav2 li {
    float:left;
    background:url("images/left.gif") no-repeat left top;
    margin:0px;
    padding:0px 0px 0px 9px;
	}

#shadowvalley {
	background-color: #7E8750;
	height: 15px;
	width: 350px;
	margin-left: 40px;
}
#mainnav a, #mainnav2 a {
    display:block;
    background:url("images/right.gif") no-repeat right top;
    padding:4px 8px 4px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
    }
#mainnav a {
    padding-left:5px;
    padding-right:12px;
}

#mainnav a:hover, #mainnav2 a:hover {
    text-decoration: underline;
	color: #6b6b61;
	}
#mainnav #current, #mainnav2 #current {
    background-image:url("images/left_on.gif");
    }
#mainnav #current a, #mainnav2 #current a {
    background-image:url("images/right_on.gif");
    padding-bottom:5px;
    }
#pageitem {
    width: 770px;
	text-align: left;
	background-color: #fff;
	margin: 0px auto 0px auto;
    border-right: solid 1px #765;
	border-bottom: solid 1px #765;
	border-left: solid 1px #765;
	}
#pageitem2 {
    width: 770px;
	text-align: left;
	background-color: #fff;
	margin: 0px auto 0px auto;
    border-right: solid 1px #765;
	border-bottom: solid 1px #765;
	border-left: solid 1px #765;
border-top: solid 1px #765;
}

#loginpage{
    width: 770px;
	text-align: left;
	background-color: #fff;
	margin: 0px auto 0px auto;
    border-right: solid 1px #765;
	border-bottom: solid 1px #765;
	border-left: solid 1px #765;
	}
.pageitemtop {
    border-top:solid 1px #765;
	}
#orglogo {
	float: left;
}
#header {
	width: 770px;
	height: auto;
	margin: 10px auto 10px auto;
}
.spacer {
    clear:both;
    }
#orglogo {
	float: left;
}
#utility {
	font-size: 0.8em;
	width: 155px;
	float: right;
	padding: 5px;
	margin-bottom: 10px;
	text-align: right;
		border-left: solid 1px #DAE0D2;
	border-bottom: solid 1px #DAE0D2;
	background: url(images/utilityborder.gif) no-repeat right top;
	}

#utility a {
	color: #fff;
	font-weight: bold;
	}

#utility ul {
	margin: 0px;
	padding: 0px;
	}
#utility li {
	display: inline;
	}
#utility li a {
	margin: 5px;
	text-decoration: none;
	}
#utility li a:hover {
	text-decoration: underline;
	}

#login {
	width: 770px;
	background-color: #fff;
	margin: 10px auto 0px auto;
	border-top: 1px solid #765;
	border-left: 1px solid #765;
	border-right: 1px solid #765;
}
#login_float1 {
	float: left;
	width: 150px;
	margin: 10px;
	padding: 5px;
	font-size: 1.2em;
}
#login_float2 {
	float: right;
	width: 400px;
	margin: 10px;
	padding: 5px;
	text-align: right;
	font-size: 0.8em;
}
#loginform {
    width: 500px;
	margin: 10px auto 10px auto;
	}
#loginform #user, #password {
    width: 200px;
	border: 2px solid #000;
	}
#loginform td {
    padding: 5px;
	}
#loginform td.c1 {
    width: 150px;
	text-align: right;
	}
#loginform td.c2 {
    width: 205px;
	}
#loginform td.c3 {
    width: 150px;
	font-size: .8em;
	}
#footer {
    background:url("images/scorefoot.gif") no-repeat left top;
	margin: 10px auto 10px auto;
	width: 770px;
	height: 30px;
	font-size: 0.8em;
	text-align: left;
    }
#footer img {
    vertical-align: middle;
	}
.warning {
    vertical-align: middle;
	}
.redbold {
    color: #f00;
	font-weight: bold;
	}
#admin_float1 {
	margin: 10px 5px 10px 10px;
	float: left;
	width: 200px;
	height: auto;
}
#admin_float2 {
    margin: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
	width: 530px;
	height: auto;
    }
#admin_float2 ul {
    margin: 10px;
	padding: 0px;
    border: 1px solid #000;
	}
#admin_float2 li {
    display: inline;
	font-size: .8em;
	margin: 5px;
	}




#admin_float3 {
	margin: 10px 5px 10px 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	float: left;
	width: 720px;
	height: auto;
   text-decoration: none;
    }
#admin_	 ul {
    margin: 10px;
	padding: 0px;
    border: 1px solid #000;
	}

#admin_float3 li {
    display: list-item;

	margin: 5px;
   text-decoration: none;
	}

#admin_float3 ul {
	font-size: 14px;
	padding-left: 40px;
	margin: 0;
	}


#admin_float3 a {
   text-decoration: none;
	}

#admin_float3 a:hover {
    text-decoration: underline;
	}


#admin_float4 {
	margin: 10px 5px 10px 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	float: left;
	width: 760px;
	height: auto;
   text-decoration: none;

    }

#admin_float4 ul{
margin-left: 10px;
}







.em08 {
    font-size: .8em;
	}
.photothumbs {
    width: 120px;
	float: left;
	height: auto;
	background-color: #e6eef6;
	padding: 5px;
	text-align: center;
	margin: 10px;
	}
.center {
    text-align: center;
	}
table {
	width: 750px;
	margin: 10px auto 10px auto;
	}
td {
    padding: 5px;
    vertical-align: top;
	font-size: .8em;
    }
tr.grey1 {
    background-color: #e6eef6;
	}
th{
   background:#036 url("images/bluegr.jpg") repeat-y left;
   color: #fff;
   padding: 5px;
   text-align: left;
   }
.th{
   background:#036 url("images/bluegr.jpg") repeat-y left;
   color: #fff;
   padding: 5px;
   text-align: left;
   }
.th a {
   color: #fff;
   }
.th a:hover {
   color: #fff;
   }
.tablebuttons {
   background-color: #b9bb90;
   background-image: none;
   font-size: .8em;
   font-weight: bold;
   color: #000;
   }
.tablebuttons a {
   color: #000;
   text-decoration: none;
   }
.tablebuttons a:hover {
   color: #765;
   text-decoration: underline;
   }
div.tablebuttons1 {
   float: left;
   }
div.tablebuttons2 {
   margin-top: 5px;
   padding-left:10px;
   float: right;
   }
table.headTable{
	width:100%;
	margin: 0px 0px 0px 0px;
}

.sortbutton {
   float: right;
   height:10px;
   }
tr.grey1 {
    background-color: #e6eef6;
	}
#album {
    width: 500px;
	margin: 10px auto 10px auto;
	}
#album #title, #description, #file {
    width: 150px;
	border: 2px solid #000;
	}
#album #file {
    width: 150px;
	}
#album td {
    padding: 5px;
	}
#album td.c1 {
    width: 150px;
	text-align: right;
	vertical-align: top;
	}
#album td.c2 {
    width: 150px;
	}
#album_details {
    width: 600px;
	margin: 10px auto 10px auto;
	}
#album_details #title, #description{
    width: 150px;
	border: 2px solid #000;
	}
#album_details td.c1 {
    width: 150px;
	text-align: right;
	vertical-align: top;
	}
#album_details td.c2 {
    width: 150px;
	}
#table1 table {
    float: right;
	}
#table1 td.c1 {
    width: 50px;
	}
#table1 td.c2 {
    width: 150px;
	}
#table1 td.c3 {
    width: 550px;
	}
#table1 td.c4 {
    width: 50px;
	}
#table1 td.c5 {
    width: 50px;
    }
.px300 {
    width: 300px;
	}
.align1 {
    vertical-align: middle;
	text-align: center;
	}
.floatl {
    float: left;
	}
.floatr {
    float: right;
	}
.tablesearch {
    padding-top: 10px;
	padding-right: 10px;
	font-size: .8em;
	}
.tablesearch input, .tablesearch select {
    border: solid 1px #000;
	}
.box1 {
    background-color: #fff;
	border: solid 1px #765;
	padding: 3px;
	color: #000;
	}
.margtop5 {
    margin-top: 5px;
	}
.valign1 {
	vertical-align: middle;
	}
.noborder {
    border: none;
	}
#thumbnails {
	width: 630px;
	margin: 0px auto 0px auto;
	}
.margtop0 {
    margin-top: 0px;
	}

.ar{
	background-color: #e8e8e8;
	font-weight:bold;
}
.dr{
	background-color: #e6eef6;
}
.hints{
	color:#971212;
	font-size:.9em;
	font-weight:bold;
}
	.RosterLetters{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #2d2d2d;
		font-weight:bold;
		padding-left: 9px;
		padding-right: 9px;
	}





/* thumbnail floater */
div.float {

  float: center;
  width: 135px;
    height: 100px;

  padding-top: 19px;
   text-align: center;

   	background: url("images/photo.gif");
  }


div.float a {
text-decoration: none;

   }

div.floatSpacer {

  float: left;
  width: 140px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
text-decoration: none;
   text-align: center;
  }

div.floatSpacer p {


   }


div.floatalbum {

  float: center;
  width: 140px;
    height: 100px;

  padding-top: 25px;
  padding-bottom: 2px;
  padding-left: 6px;
   text-align: center;
   	background: url("images/album.gif");
  }
/*
div.floatalbum p {
margin-top: 25px;
	text-align: center;
	text-decoration: none;
}
*/

div.floatAlbumSpacer {
width: 150px;
  float: left;
  padding-right: 40px;
  padding-left: 40px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
   text-align: center;

  }

div.photoborder {

}

div.photoborder img {
border: groove 2px #808080;
}

/* classes for validator */
  .tfvHighlight
    {color: red;}
  .tfvNormal
    {color: black;}


.smallFormElements{
margin-top:3px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



div.row {
  clear: both;
  padding-top: 10px;

  font-size: .8em;

  }

div.row span.label {
  float: left;
  width: 115px;
  text-align: right;
  padding-right: 10px;
  }

span.title {
  float: left;
  width: 95px;
  text-align: left;

  }

div.row span.formw {
  float: right;
  width: 320px;
  text-align: left;
  }

#niceForm{
float: left;
width: 380px;
border: 0px solid #333; padding: 0px;
margin: 0px auto

}

/* classes for catalog */

#catalogContainer{
height:auto;
border: solid 0px black;
float: right;
width:580px;
}

.breadcrumbs{
	font: bold 14px Verdana;
	margin-bottom: 15px;
	margin-left: 15px;
}

#categoryForm{

border: solid 1px pink;

padding: 5px;


}




#categoryForm img{
float: center;
}
#categoryItemList a{
text-decoration: none;
}

#categoryPlusMinusNav{
width: 150px;
float: left;
}

#catalogToolbar{
border: solid 0px black;
width:550px;
}

div.catalogthumbnails {
	width: 80px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
  }

div.catalogthumbnails a{
	text-decoration: none;
}

#catalogactionbox{
	float: right;
	margin-top: 1px;
	/*border:solid #000 1px;*/
	padding-top: 5px;
	padding-bottom: 5px;
width:200px;
}

#catalogactionbox form{
display: inline;
margin:0px;
}
#catalogactionbox select{
width:200px;
}
#actionbox{
	float: right;
	margin-top:0px;
	border: solid 0px black;
	width: 196px;
}



.catalogdescriptionTabs{
	float:left;
	margin:0 0 -20 0;
	/*border-bottom:solid #D9D7D8 1px;*/
	height:17px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.catalogdescriptionTabs input{
}
.catalogdescriptionTabs ul{
	position:relative;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	height:30px;
}
.catalogdescriptionTabs li{
	background:#F2F2F2;
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	/*border: 1px solid #D9D7D8;*/
	list-style: none;
	display: inline;
	font: bold 11px Verdana;
	color: #4382c7;
}
.catalogdescriptionTabs li.here {
	background:#FFFFFF;
/*	border-bottom: 1px solid #fff;*/
	list-style: none;
	display: inline;
}



.editorSectionMenu{
position: relative;
float:left;
width:280px;
margin: 25px 0px 0px 30px;
height:auto;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: solid 1px #000;
background-color: #e6eef6;
padding:10px;
}


.editorSectionMenu li{
margin: 0 0 0 0;
padding: 0px;
}


h2 {
    font-size: 15px;
	padding-left: 3px;
	padding-right: 10px;
	margin-top: 10px;
	margin-right: 100px;
	margin-left: 3px;
	border-bottom: solid 1px #000;
	}

h3 {
    font-size: 16px;
	padding-left: 3px;
	padding-right: 10px;
	margin-top: 10px;
	margin-right: 100px;
	margin-left: 3px;
	}

h4{
    font-size: 15px;
   background:#036 url("images/bluegr.jpg") repeat-y left;
   color: #fff;
   padding: 5px;
   text-align: left;
}