* { margin: 0; }

form { display:inline; }

body {
	font: 0.8125em "Lucida Grande", Helvetica, Verdana, sans-serif; 
	line-height: 1.2em;	
	color: #333; 
	background: #FFF;
}

td th {	
	font: 0.8125em "Lucida Grande", Helvetica, Verdana, sans-serif; 
	line-height:.9em;	
}

a { }
a img { border: none; }
a:link, a:visited { color: #555; }
html body a:hover {
	color: #000; 
	background-color: #F4F2E4;
}

input, select, textarea {
  border: 1px solid #aaa;
  padding: 2px;
  background-color: #FCFCFC;
  margin: 1px;
}

input.submit {
  border: 2px outset #aaa;
  font-weight: bold;
  padding: 2px 4px 2px 4px;
}

input.biginput {
  border-color: #AAA #999 #999 #AAA;
  border-width: 3px;
  font-weight: bold;
  font-size: 1.3em;
  padding: 5px;
}

input.biginput:hover {
  background-color: #549137;
  color: white;
}

input.norminput {
  border-color: #AAA #999 #999 #AAA;
  border-width: 3px;
  font-weight: bold;
  padding: 5px;
  cursor: pointer;
}

input.norminput:hover {
  background-color: #549137;
  color: white;
}

input.rednorminput {
  border-color: #AAA #999 #999 #AAA;
  border-width: 3px;
  font-weight: bold;
  padding: 5px;
  cursor: pointer;
}

input.rednorminput:hover {
  background-color: red;
  color: white;
}

input.sideinput {
  cursor: pointer;
}

input.sideinput:hover {
  background-color: #549137;
  color: white;
}

input.redsideinput {
  cursor: pointer;
}

input.redsideinput:hover {
  background-color: red;
  color: white;
}

input.bigtext {
	font: 1.2em "Lucida Grande", Helvetica, Verdana, sans-serif; 
  padding: 3px;
}

input.tmptext {
  color: #555;
  font-style: italic;
}

.box {
	border: 1px solid grey;
}

.box_header {
	font-size: 1em;
	font-weight: bold;
	background-color: #EEEEEE;
	border-bottom:1px solid grey;
}


.error {
	background-color: red;
	border: 2px dashed black;
	color: white;
	padding: 5px;
	margin: 5px;
}

#whole_page_div {
	width:100%;
}

#page_div {
	width: 900px;
	text-align: left;
}

/*********** lightbox **********/

/* parent class */
div.lightbox {
  position: absolute;
}

div#lightbox_canvas {
  background-color: black;
  height: 100%;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99;
}

div#lightbox_box {
  background-color: white;
  border: 10px solid #555;
  height: 200px;
  margin: 100px;
  padding: 15px;
  width: 400px;
  z-index: 100;
}

div#lightbox_contents {

}

div#lightbox_contents_loading {
  font-size: 1.5em; 
  font-weight: bold;
}



/*********** TOP BAR **********/
#topbar {
	width:100%;
	font-size: 11px;
  margin-bottom: 5px;
}

#topbar_rightcontrols {
  font-size: 1.2em;
  margin: 10px 10px 0px 0px;
  text-align: right;

}

#topbar_login {
  float: right;
  color: black;
}

#topbar_login a:hover {
	text-decoration: none;
}

#topbar_nav {
 margin-top: 2px;
 padding: 7px 15px 2px 15px;
 background-color: #7FBD5C;
 color: #fff;   
 height: 20px;
 line-height: 10px;
}

#topbar_nav div {
  font-family: Arial, Helvetica;
	color: #fff; 
	float: left;
	font-size: 1em;
	text-transform: capitalize;
	letter-spacing: 0.2em;
	margin-right: 20px;
}

#topbar_nav div.hilite {
	cursor: pointer;
	color: #fff;
	text-decoration: underline;
}
#topbar_searchbox {
  background: #EEE url(/i/icons/magnifier.png) no-repeat center right;
  color: #666;
  width: 200px;
}

#topbar_searchdiv {
  height: 25px;
  margin-bottom: 5px;
}

#topbar_pinstripe {
 margin-top: 2px;
 height: 7px;
 width: 100%;
 font-size: 1px;
 line-height: 1px;
 background: #fff url(/i/pinstripe.png) repeat top left;   
}

#copyright {
    font-size: 0.8em;
    height:32px;
    padding: 5px;
    background:  url(/i/copyright_bg.gif) repeat-x bottom left;
    background-color: white;
    border: 1px solid #ccc;
    
}

#feature_list {
  background-color : #fff;
  background-image : url(/i/feature_list_bg.gif);
  background-repeat:no-repeat;
  background-position: top left;

}

.inbox_red, .inbox_red a {
  color:red;
  font-weight:bold;
}


/************** FRONT PAGE *********/

#welcome_cats_container {
 width: 100%;
 background-color: #D4DE2F;
 padding: 6px 0px;
 margin-top: 10px;
 margin-bottom: 3px;
 font-size: 16px;

}

#welcome_cats_hr {
 background-color: #7FBD5D;
 width: 895px;	
 height: 5px; 
 padding: 5px 0px 0px 5px;
}

#welcome_cats_group_hr {
 background-color: #7FBD5D;
 width: 855px;	
 height: 5px; 
 padding: 5px 0px 0px 5px;
}

.welcome_cats_content_container {
  margin-right: 1%;
  background-color: #FFFABB;
  padding: 1%;
  width: 30%;
  float: left;
}

.welcome_cats_content_foreground {
  background-color: #fff;
  border: 1px solid #D2CF74;
  padding: 10px;
}


.welcome_cat {
 float: left;
 width: 30%;
 padding-left: 2%;
 text-transform: uppercase;
 color: #fff;
 font-weight: bold; 
}

.welcome_lefttxt {
 font-size: 14px;
 font-family: Helvetica, Ariel, sans-serif;
 vertical-align:middle;
}  

.welcome_lefttxt_hdr {
 font-size: 2.0em;
 font-family: Helvetica, Ariel, sans-serif;
 line-height: 26px; 
 padding-left: 50px; 
 text-align: left; 
}  

.welcome_righttxt_hdr {
 font-size: 16px;
 color: #AF532F;
 display: block;
 padding-top: 10px;
 padding-left: 3px;
 line-height: 1px;
 padding-bottom: 5px;
 font-family: Helvetica, Ariel, sans-serif;
}  

.welcome_righttxt {
 padding-top: 2px;
 font-family: Helvetica, Ariel, sans-serif;
 font-size: 14px;
}  

.newsitem {
  color: #222;
  font-size: 11px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.newsitem_title {
  color: #222;
  font-weight: bold;
  font-size: 12px;
}

.newsitem_date {
  font-size: 9px;
  color: #692F4A;
  font-weight: bold;
}

.newsitem_img {
  float: right;
  margin: 4px 4px 4px 4px; 
}

/******** COMMON ********/
#main_content {
  padding: 10px 20px;
  text-align: left;
}

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

.iconholder {
  display: inline;
  line-height: 15px;
}

.iconholder img {
  vertical-align: middle;
}

.myiconholder {
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 20px; 
  padding-bottom:3px;
}

.graybox {
    text-align: center;
    border: 1px solid #ccc;
    padding: 6px;
    background-color: #efefef;
}

.grayboxleft {
    text-align: left;
    border: 1px solid #ccc;
    padding: 6px;
    background-color: #efefef;
}

.smallgraytext, .smallgreytext {
  font-size: .8em;
  color: #999;
}

.errordiv {
    padding: 5px;
    background-color: #ffcfcf;
    color: #7f0505;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #feb7b7 #fc8f8f #fc8f8f #feb7b7;
    margin: 10px 0px;
}

.padded { 
 padding: 20px;
}

.action_header {
  background: url(/i/action_header_bg.gif) no-repeat top left;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 0.8em;
  color: #333;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #aaa;
}

.medium_header {
  font-size: 1.5em;
  margin-bottom: 5px;
  border-bottom: 1px dotted #aaa;
}

.mypage_header {
  font-size:1.5em;
  font-weight:bold;
  padding: 5px;
  border: 1px solid #b4d670;
  margin-bottom: 10px;
  background-color: #f3fddd;
  margin-top: 10px;  
}

.subtitle {
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 0.9em;
  color: #336633;
  margin-left: 10px;
}

.hr {
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    border-color: #ccc;
    margin-bottom: 10px;
}

.brownhr {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #A87E00;
    margin-bottom: 10px;
}

.action_subheader {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-variant: small-caps;
    font-size: 0.9em;
    color: #1a4d0b;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #333;
    padding-right: 20px;
    margin-left: 10px;
    clear: both;
}

.success_big {
    font-size: 3em;
    letter-spacing: -0.1em;
    line-height: 1em;
}

.faintgreen {
    background-color: #C2ECB5;
    margin: 10px; 
    padding: 10px;
}

.faintred {
    background-color: #DFB5C9;
    margin: 10px; 
    padding: 10px;
}

.subject {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-variant: small-caps;
    font-size: 1.7em;
}

.pinstripe_info_container {
  margin: 10px 0px; 
  background: #fff url(/i/pinstripe.png) repeat top left; 
  padding: 5px;
}

.pinstripe_info {
  padding: 25px;  
  background-color: #fff;
}

.tip {
  background-color: #CCC;
  background: url('/i/icons/help-browser-medium.png') no-repeat top left;
  color: #666;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-style: italic;
  height: 40px;
  margin: 10px;
  padding: 3px 0px 0px 25px;
  text-align: left;
}

.eg {
  color: #666;
  font-size: .85em;
  font-style: italic;
}

/* superscript in date formats */
sup.d {
  font-size: smaller;
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

.calendar_holder {
  background: #FFFF8A;
  height: 250px;
  width: 250px;
}

.group_bar_container {
 width: 100%;   
}

.pagination_bar {
 border-bottom: 1px solid #bbb; 
 padding: 5px;   
}

/* user image stuff */
body.gallery_popup {
  background-color: #EEE;
  font-size:.85em;
  padding: 5px;
}

div.gallery_img {
  border: 1px solid white;
  padding: 5px;
  margin: 3px;
}

div.gallery_img_hilite {
  border: 1px solid #999;
  background-color: #EEE;
}

table.filelist td, table.filelist th {
  padding: 2px 5px 2px 5px;
  text-align: left;

}

table.filelist th {
  font-weight:bold;
}

#tab_container {
 background-color: #cfea97;
 padding: 10px;
 border-right: 2px solid #96b061;
 border-bottom: 2px solid #96b061;
}

#tab_container_inner {
 border-top: 4px solid #b1d36c;
 border-bottom: 4px solid #b1d36c;
 border-left: 2px solid #b1d36c;
 padding: 5px;
 background: #fff url('/i/tab_inner_bg.png') repeat-x top left;
}

ul.nav,ul.nav li{list-style-type:none;margin:0;padding:0; font-size: 1em;}
ul.nav{margin-left: 10px;}
ul.nav li{float:left;margin-right: 3px;text-align: center}
ul.nav a{float:left; width: 9em; padding: 5px 0;background: #efefef;text-decoration:none;color: #666}
ul.nav a:hover{background: #da85ad;color: #FFF}
ul.nav li.activelink a,ul.nav li.activelink a:hover{background: #cfea97;color: #003}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height:1px;line-height:1px;font-size:1px; overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}