/*** default text setup ***/
body {
  background-color: #ffffff;
  color:            #5a695a;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
  margin:			  0px 10px;
  padding:          0px;
  background-image: url("images/left-bg.gif");
  background-repeat: repeat-y;
}

html {
	width: 770px;
	height: 100%;
}
/*** Positioning ***/

#frame {
		width:770px;
		padding:0px;
		text-align:left;
		}


#header {
  padding: 			  10px; 
  width:				  760px;
  height:           47px; 
  background-color: #ffffff;	
}

#header div.logo {
	position: static;
	left: 0px;
	top: 15px;
  background-color: #ffffff;	
}

#header div.title { 
	position: absolute;
	left: 184px;
	top: 23px; 
  width:            240px;	
  background-color: #ffffff;	
}

#header div.log {
  position: absolute;
	top: 23px; 
	left: 400px;
	width: 370px;
  text-align:       right;
  background-color: #ffffff;	 
  }

#header div.dkblu {	
  position: absolute;
  top:         40px;
  left:      180px; 
  border-top: #5a6952 1px solid;
  background-color: #ffffff;  
  height:           1px;
  width:            590px; 
}

#header div.blue { 
  position: absolute;
  top:         43px;
  left:      10px; 
  height:          14px;  
  background-color: #acba94;
  width: 760px;
}	

#left-nav {
	float:             left;
	margin-top:        0px;
	width:             157px;
  height:             100%;
  background-color: #ffffff;  
}

#space {
	float:             left;
	margin-top:        0px;
	width:             12px;
  height:             100%;
  background-color: #ffffff;  
	
}

#content {
margin-top:          0px;
float:               left;
padding:        0px;
  width:            590px;
} 

#footer {
	background-color: transparent;
   color:            #5a695a;
	width:            760px;
	margin-top:        3px;
	clear:            both;
}

#copy {
	background-color: #acba94;
   color:            #5a695a;
	padding-top:      4px;
	padding-bottom:   4px;
	float:            right;
	width:            590px;  
	text-align:       left;
}

#login {
	position:          absolute;
	left:              220px;
	top:               100px;
	width:             340px; 
}

/*** General Classes ***/

b {
	font-weight:      bold;
}

i {
	font-style: italic;
}

p.logl {
   float:             left;   
	padding-left:       95px;
	padding-top:        20px;
	padding-bottom:     20px;
}

p.logr {
   float:             right;   
	padding-right:     40px;
	padding-top:        20px;
	padding-bottom:     20px;
}

div.publish {
	position:          absolute;
	left:              180px;
	top:               10px;
	width:             590px; 
	text-align:        center;
}

div.box {
  border-right:     1px #c5c6c5 solid;
  border-left:      1px #c5c6c5 solid;
  border-bottom:    1px #c5c6c5 solid;
  width:            588px;
}

div.boxb {
  border-right:     1px #c5c6c5 solid;
  border-left:      1px #c5c6c5 solid;
  border-bottom:    1px #c5c6c5 solid;
  margin-top:       3px;
  width:            588px;
}

div.boxc {
  border:          1px #c5c6c5 solid;
  margin-top:      6px;
  padding-top:     6px;
  padding-bottom:  6px;
  width:           588px;
}

div.boxc p{
	padding:       3px 3px 0px 7px;
	margin-bottom: 3px;
}

div.boxd {
  border:     1px #c5c6c5 solid;
  margin-top:       6px;
  padding-top:      6px;
  width:            588px;
}

div.boxe {
  border:          1px #c5c6c5 solid;
  margin-top:      6px;
  width:           588px;
}

div.boxe p{
	margin:       3px 3px 3px 3px;
}

form {
	margin: 0px;
	padding: 0px;
}

td, th {
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
}


.left2 {
  margin-top:	     0px;
  height:           auto; 
  padding-bottom:   3px;
}

/*** generic style palette ***/

.light { 
  background-color: #acba94;
  color:            #5a695a;
  padding-top:          3px;
  padding-left:        10px;
  padding-bottom:       6px;
  margin-top: 0px;
}
.light p {
	margin-top:       0px;
	margin-bottom:    5px;
}

.bright {
  background-color: #7b855a;
  color:            #5a695a;
}

/*** Colored UI elements ***/
.light-bar { 
  background-color: #acba94;
  color:            #5a695a;
  padding:          4px;
  height:           12px;
}

.light-bar .left {
  width:            49%;
  float:            left;
  text-align:       left; 
}

.light-bar .right {
  width:            49%;
  float:            right;
  text-align:       right;
}

.dark-bar { 
  background-color: #5a6952;
  color:            #e6eacd;
  padding:          4px 4px 0px 4px;
  height:           20px;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
}

.dark-bar p.left {
	float:           left;
	margin: 0px;
}

.dark-bar p.right {
	float:           right;
	margin: 0px;
}

.dark-bar p.center {
	text-align:       center;
	margin: 0px;
}

.dark-bar2 { 
  background-color: #5a6952;
  color:            #e6eacd;
  padding:          4px;
  height:           20px;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
  width:            576px;
}

.button-bar {
  background-color: #7b855a;
  color:            #5a695a;
  text-align:       right;
  padding:          3px;
  margin-top:       10px;
}

.button-bar input {
  margin-left:      15px;
}

.form-head {
  background-color: #acba94;
  color:            #5a695a;
  border-top:       1px solid #c5c6c5;
  text-align:       left;
  padding: 			  4px;
  margin-left:      8px;
  margin-right:     8px;
  margin-top:       5px; 
  width:            571px; 
     
}

.form-head2 {
  background-color: #acba94;
  color:            #5a695a;
  border-top:       1px solid #c5c6c5;
  text-align:       left;
  padding: 			  4px;
  margin-left:      8px;
  margin-right:     8px;
  margin-top:       5px; 
     
}
.form-cell {
  border:         1px solid #c5c6c5;
  border-collapse:collapse;
  text-align:       left;
  padding:          4px;
  margin-left:      8px;
  margin-right:     8px;   
  vertical-align:   top;
}

.tight-form-box {
  border:         1px solid #c5c6c5;
}

.no-border { 
  background-color: #ffffff;
  color:            #5a695a;
  padding: 3px 12px 3px 10px;
  height:           auto;
}
.no-border p.left {
	float:           left;
	margin: 0px;
}

.no-border p.right {
	float:           right;
	margin: 0px;
}

/*** prettier buttons ***/
.button {
   background-color: #ffffff;
   color:            #5a6952;
   font-family:      Verdana,Helvetica,Arial,sans-serif;
   font-size:        12px;
}

/*** form field classes ***/
.invalid { 
    background-color: #ffffac
}
.invalid textarea { 
    background-color: #ffffac
}
.invalid input    { 
    background-color: #ffffac
}
.invalid select   {
    background-color: #ffffac
}

.alert {
  color:          #ff2800;
  font-weight:    bold;
  margin-bottom:  5px;
}

.alertp {
  position:      absolute;
  color:         #ff2800;
  font-weight:   bold;
  width:        400px;
  left:         275px;
  top:          140px; 
}

/*** link styles ***/
a:link { 
  color:            #5a695a
}
a:visited { 
  color:            #5a695a
}
a:active {
  color:            #7b855a
}

.dark-bar a { 
  color:            #e6eacd;
  text-decoration:   none;
}
.dark-bar a:link { 
  color:            #e6eacd;
  text-decoration:   none;
}
.dark-bar a:visited { 
  color:            #e6eacd;
  text-decoration:   none;
}
.dark-bar a:active {
  color:            #e6eacd;
  text-decoration:   none;
}

/*** Category Chooser Styles ***/
.hpts-outer {
     visibility:       hidden;
     position:         absolute;
     top:              0px;
     left:             0px;
     border:           2px outset #5a695a;
     background-color: #ffffff;
     filter:           progid:DXImageTransform.Microsoft.dropShadow( Color=bababa,offx=3,offy=3,positive=true);
}

.hpts-inner {
     overflow:         auto;
     width:            225px;
     height:           200px;
}

.hpts-title {
     padding:          2px;
     margin-bottom:    4px;     
     background-color: #5a6952;
     color:            #e6eacd;
     width:            225px;
}

.hpts-block {
     margin-left:      24px;
     display:          none;
}

.hpts-bbar {
    background-color: #7b855a;
    color:            #5a695a;
    text-align:       right;
    padding:          3px;
    margin-top:       10px;
}

.hpts-bbar .hpts-button {
    margin-left:      15px;

}

.hpts-button {
    background-color: #ffffff;
    color:            #5a6952;
    font-family:      Verdana,Helvetica,Arial,sans-serif;
}

.hpts-label-selected {
     background:       #acba94;
}

.hpts-label-unselected {
     background:       #ffffff;
}


/*** New Left Nav Styles ***/

.dark-bar-nav { 
  background-color: #5a6952;
  color:            #e6eacd;
  margin-top:       4px;
  padding:          4px 25px 0px 25px;
  height:           20px;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
}

.dark-bar-nav a:link { 
  background-color: #5a6952;
  color:            #e6eacd;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
}
.dark-bar-nav a:visited { 
  background-color: #5a6952;
  color:            #e6eacd;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
}
.dark-bar-nav a:active { 
  background-color: #5a6952;
  color:            #e6eacd;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
}
.light-bar-nav { 
  background-color: #acba94;
  color:            #5a695a;
  padding:          4px 4px 0px 4px;
  height:           20px;
  font-weight:      bold;
}
.light-bar-nav img {
	margin-left:    5px;
	margin-right:   5px;
}
.form-cell-nav {
  border:         1px solid #c5c6c5;
  border-top:     none;
  padding:        4px 24px;
  line-height:    150%;
  margin-bottom:  3px;
}
.plain-cell {
  padding:        2px 24px;
  line-height:    150%;
  margin-bottom:       3px;
}
.blue-border {
	background:    #ffffff;
   height:       3px;
}

/*** Help Styles ***/

#hheader {
  margin: 			  10px; 
  width:				  460px;
  height:           47px; 
  background-color: #ffffff;	
}

#hheader div.logo {
	position: static;
	left: 0px;
	top: 15px;
  background-color: #ffffff;	
}

#hheader div.dkblu {	
  position: absolute;
  top:         38px;
  left:      180px; 
  border-top: #5a6952 1px solid;
  background-color: #ffffff;  
  height:           1px;
  width:            300px; 
}

#hheader div.blue { 
  position: absolute;
  top:         43px;
  left:      20px; 
  height:          14px;  
  background-color: #acba94;
  width: 460px;
}	

#hheader div.dark-bar {  
  position: absolute;
  top:         65px;
  left:      20px; 
  background-color: #5a6952;
  color:            #e6eacd;
  padding:          4px 4px 0px 4px;
  height:           20px;
  font-weight:      bold;
  font-family:      Verdana,Helvetica,Arial,sans-serif;
  font-size:        12px;
  width: 453px;
}

div.boxh {
  margin-left:      10px;
  padding:          5px; 
  border-right:     1px #c5c6c5 solid;
  border-left:      1px #c5c6c5 solid;
  border-bottom:    1px #c5c6c5 solid;
  width:            449px;
}

.helptitle {
	font-weight:     bold;
	font-size:       14px;
}

.helpsub {
	font-weight:     bold;
	font-size:       11px;	
}

.helpnote {
	font-style:     italic;
	font-size:       10px;	
}

.helpsubhead {
	font-style:     italic;
	font-size:       12px;	
}

a.helplink: { 
  color:            #5a695a;
  text-decoration:  underline; 
}
a.helplink:visited { 
  color:            #5a695a;
  text-decoration:  underline;
}
a.helplink:active {
  color:            #7b855a;
  text-decoration:  underline;
} 
#hfooter {
	background-color: transparent;
   color:            #5a695a;
	width:            461px;
	margin-top:        10px;
	margin-left:      10px;
}
#hcopy {
	background-color: #acba94;
   color:            #5a695a;
	padding-top:      4px;
	padding-bottom:   4px;
	width:            460px;
	font-size:         10px;  
	text-align:       left;
}