/* used colors
 * green: #669900
 * orange: #ff9900
 */
body { margin:0; padding:0; background:#CCC; }
body,td,th { font: 12px Arial, Helvetica, sans-serif; line-height: 150%; }
h1 { font-size: 25px; font-weight: bold; color: #494949; margin:0 0 20px 0; padding: 8px 0px 6px 0px; line-height:1.1em; }
.h1sub {float:right; font-size:12px; font-weight:normal; color:gray; }
h2 { font: 14.8px normal Arial, Helvetica, sans-serif; color: #f90; margin-bottom: 5px; line-height: 150%; }
h2 .h2l {font-size:12px;}
h2.pink{ padding: 2px 0 2px 5px; background: #FCF; color:#C00;}
p label { font-size: 14.8px;}
td label { font-size: 14px; color:#666;}
td.label {vertical-align:top;}
span.tip { color:gray; }

a img { border-width:0; }
a:link, a:visited, a:active, a:hover { text-decoration:none; }
a:link, a:visited { color:#690; }
a:hover { color:#fff; background:#690; }
a:active { color:#690; background:#cdf79f;}

a.big {display:block; font-size:14.8px; color:#f90; text-decoration:none; margin:5px 0;}
a:hover.big { text-decoration:underline; background-color:#fff;}
a:active.big { text-decoration:underline; background-color:#fff;}

/* dashed bottom border */
div.dbb { padding-bottom:10px; border-bottom:1px dashed #ccc;}

.odd {background:#ccc;}
.hide {display:none;}

#wrapper { margin:0 auto; padding:0; background:#fff; max-width:964px; width:940px;  border-left:1px solid #999; border-right:1px solid #999;}
#header { height:75px; background:#336600; margin:0;}
#up { float:right; margin:50px 30px 0 0; color:#FFF;}
#up a:link, #up a:visited {color:#FFCC00;}
#up a:hover, #up a:active {color:#FFF; background:#FFCC00;}
#header img.logo { margin:18px 0 5px 25px; float:left; }
#nav { margin:43px 0 0 20px; float:left; }
#nav a { display:block; float:left; 
		 margin:2px; padding:8px 26px; 
		 text-decoration:none; color:#FFF; 
		 background:#999; font-size:14px; 
		 line-height:14px;}
#nav a:hover { background:#FF9900;}
#nav a.now { margin:2px; padding: 8px 26px; background:#FFF; color:#000;}
#footer { clear:both; text-align:right; border-top:1px solid #ccc; padding:5px; background:#fff;}

#content {margin:0; padding:0; background:#F0F0F0 url('/images/shadow.gif') repeat-y 630px 0;}
#main { margin:0 310px 0 0; padding:15px; background:#FFF;}
#sidebar { float:right; width:280px; padding:55px 10px 10px 10px; }

.thumb_list{width:580px; min-height:110px; border:1px solid #d3d3d3; background:#f0f0f0; padding:6px 12px;margin:3px 0 7px 0;}
.photo_id{padding:2px; border:1px solid #ddd;margin-bottom:6px;background:#fff;}
.photo_small{float:left; margin:5px 100px 5px 5px; text-align:center;width:155px;}
.photo_detail{margin:5px 5px 5px 40px;width:431px;}
.photo_detail h4{color:#690;}
.control{float:right;}



.clear { height:1px; overflow:hidden; clear:both;}
.hp { float:right; margin:5px;} /* home photo */
.ht { line-height:23px;} /* home text */
div.bulletin { margin:10px 0; padding:5px 10px; background:#fef1fb; color:#666; }
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
.errorExplan {
	color:red;
	border:0;
	padding:0;
	margin:0;
}
.flashNotice { margin:10px 0 5px 0; padding:2px 0; text-align:center; font-size:14.8px; color:#f90; border-top:1px solid #f90; border-bottom:1px solid #f90;}
table.ol th {border-bottom:2px solid #ccc;}
table.ol td {border-bottom:1px dashed gray;}
.left {text-align:left;}
.right {text-align:right;}
/* begin css tabs */
ul#tabnav {
text-align: left;
margin: 1em auto;
font: bold 11px verdana, arial, sans-serif;
border-bottom: 1px solid #690;
list-style-type: none;
padding: 3px 10px 3px 10px;
}

ul#tabnav li {
display: inline;
}

ul#tabnav li.current{
border-bottom: 1px solid #fff;
background-color: #fff;
}

ul#tabnav li.current a {
background-color: #fff;
color: #690;
position: relative;
top: 1px;
padding-top: 4px;
}

ul#tabnav li a {
padding: 3px 4px;
border: 1px solid #690;
background-color: #690;
color: #fff;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
font-size: 1.2em;
}

ul#tabnav a:hover {
	background: #f90;
}
/****************************/
/* user messages list */
div.uml {word-break:break-all;}
.mbt {padding: 0; margin: 0; list-style-type: none;}
.mbtl {float: left; margin: 8px 7px 0 0; padding: 0; width: 55px; }
.mbtrdot {border-bottom:1px dashed #ddd; padding: 4px 0;  min-height: 55px; /*overflow: hidden;*/}
* html .mbtrdot {
height: 55px;
}
/* user list */
.obu{ margin: 0 0 10px 0; width: 70px; float: left; }
.obu dt{ margin: 0; height: 50px; overflow: hidden; text-align: center; }
.obu dd{ margin: 0px; height: 55px; text-align: center; overflow: hidden; }

/* photo list */
.obp{ margin: 0 30px 10px 0; width: 240px; float:left;}
.obp dt{ margin:0; height:180px; overflow:hidden; text-align:center; }
.obp dd{ margin:0 0 0 2px; height:40px; text-align:center; overflow:hidden; }

/* for will_paginate */

.pagination {
  padding: 5px;
  margin: 3px;
  text-align: center;
  background-color: #cdf79f;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  /*border: 1px solid #009;*/
  text-decoration: none;
  color: #f90;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #009;
  color: #fff;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #f90;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}
/* for school requirements */
.tag1 {font-size:1.0em;}
.tag2 {font-size:1.2em;}
.tag3 {font-size:1.4em;}
.tag4 {font-size:1.6em;}

/* topic item */
div.ti {margin-bottom:10px;} /* topic item wrapper */
/* topic title */
div.ti div.wrap{background: transparent url(/images/topicbar.gif) no-repeat scroll 0% 0%; display:block;}
div.ti div.wrap h3 {color:#690;}
div.ti h3 {font-weight:normal; background: transparent url(/images/topicbar.gif) no-repeat scroll right top; height:26px; line-height:150%; margin:0 0 1px 4px;}
div.tp {float:right; margin:0 30px 0 10px;}/* topic pic */
div.tc {padding-left:5px;}

/* comment item */
div.ci {margin-bottom: 30px;}
div.ci div.wrap {margin-left:65px; background: transparent url(/images/commentbar.gif) no-repeat scroll 0% 0%; display:block;}
div.ci div.wrap h3 {padding-top:2px;color:#690; font-weight:normal; background:transparent url(/images/commentbar.gif) no-repeat scroll right top; height:26px; line-height:150%; margin:0 0 1px 4px;}
div.cc {padding-left:5px;}

/* event info */
.event span {color:gray;}