* {
  margin: 0;
  padding: 0;
}
:focus {
  outline: 0;
}

body {
  background: #fff;
  color: #fff;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 12px;
  overflow-x: hidden;
}
.selectNormal {
	border:1;
	font-size : 12px;
	font-family : Lucida Grande, Arial, sans-serif;
	background: #ffffff;
	color: #2f2f2f;
	border-style: solid;
	height:20px;
}
a {
  color: #b85028;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

p {
  color: #333333;
  line-height: 18px;
}
h1 {
  color: #46220d;
  font-size: 20px;  
  width: 800px;
}
h2 {
  color: #46220d;
  font-size: 15px; 
}

h4 {
  color: #f17c48;
  font-size: 18px;
  margin: 5px; 
}
h5 {
  color: #666;
  font-size: 14px;
}
h6 {
  color: #676767;
  font-size: 12px;	
}

.orangeLink {
  color: #333333;
  text-decoration: none;
}
.orangeLink a {
  color: #b85028;
  text-decoration: none;
}
.orangeLink a:hover {
  text-decoration: underline;
}
/****** START OF HEADER *****/
.header_wrap {
  background: url(images/header_bg.png) repeat-x;
  height: 104px;
}
.header {
  width: 1024px;
  margin: 0 auto;
}
#logo {
  margin: 13px 0 0 0;
  width: 260px;
  float: left;
}
.header_actions {
  width: 400px;
  float: left;
  margin: 33px 0 0 30px;
}
.header_actions ul {
  list-style: none;
  font-size: 20px;
  font-weight: bold;
  color: #e6e6e6;
}
.header_actions ul li span {
  color: #fff;
}  
.account {
  font-weight: bold;
  width: 210px;
  float: left;
  margin: 50px 0 0 120px;
}
.account a {
  color: #46220d;
  text-decoration: none;
}
.account a:hover {
  text-decoration: underline;	
}
.account span {
  color: #46220d;
  text-decoration: none;
}
/****** END OF HEADER *****/

/****** START OF MAIN NAV *****/
.main_nav_wrap {
  background: #9bbfbb;
  height: 45px;  
}
.main_nav_wrap ul {
  width: 1000px;
  margin: 0 auto;
  padding: 8px 0 0 0;
  font-weight: bold;
  font-size: 18px;
}
.main_nav_wrap ul li {
  display: block;
  float: left;
  margin-right: 8px;
  padding: 8px 10px;
}
.main_nav_wrap ul li a {
  color: #fff;
}

.main_nav_wrap ul li a:hover {
  text-decoration: none;
}
.nav_active {
  background: #e8e9ea;
}
#nav_a {
  color: #9bbfbb;
}


.main_nav_bottom {
  background: url(images/main_nav_bottombg.png) repeat-x;
  height: 100px;
}
/****** END OF MAIN NAV *****/

/****** START OF MAIN CONTENT *****/
.main_content_wrap {
  width: 980px;
  margin: 0 auto;
  position: relative;
  top: -70px;
}
.main_content_top {
  border-bottom: 1px solid #d4d4d4;
  width: 740px;
  float: left;
}
.main_content_top p {
  margin: 10px 0;
}

.main_content_bottom {
  border-top: 1px solid #d4d4d4;
  width: 740px;
  float: left;
}
.main_content_bottom p {
  margin: 5x 0;
}
.subscribe {
  float: right;
  background: #ccc;
  padding: 15px;
  width: 200px;
  position: relative;
  left: 30px;
}
.subscribe form label {
  margin: 5px 0px 0 0;
  font-size: 11px;
}
.subscribe form input[type="text"] {
  width: 185px;
  border: none;
  background: #fff;
  padding: 3px;
}
.subscribe form input[type="submit"], input[type="button"] {
  padding: 1px 3px;
  border: none;
  color: #fff;
  float: right;
  background: #333;
  position: relative;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
#index_left {
  width: 470px;
  float: left;
  margin: 30px 0 0 0;
}

#recent_actions {
  width: 200px;
  color: #666;
  float: left;
  margin: 30px 0 0 20px;
}
#recent_actions ul, #recent_actions_sidebar ul {
  margin-top: 10px;
  width: 220px;
  font-weight: bold;
  color: #999;
  list-style: none;
}
#recent_actions ul li, #recent_actions ul li {
  list-style: none;
  margin-top: 10px;
}


#from_blog {
  width: 200px;
  color: #666;
  float: left;
  margin: 10px 0 0 20px;
  font-size:10px;
}
#from_blog ul, #from_blog_sidebar ul {
  margin-top: 10px;
  width: 220px;
  font-weight: bold;
  color: #999;
  list-style: none;
}
#from_blog ul li, #from_blog ul li {
  list-style: none;
  margin-top: 10px;
}

#from_blog h3 {
  font-size: 12px;
  color:#502F10;
  font-weight:bold;
}

#main_content_bottom {
  width: 400px;
  color: #666;
  float: left;
  margin: 30px 0 0 20px;
}
#main_content_bottom ul {
  margin-top: 10px;
  width: 400px;
  font-weight: bold;
  color: #999;
  list-style: none;
}
#main_content_bottom ul li {
  list-style: none;
}
#main_content_spacer {
  width: 470px;
  float: left;
  margin: 10px 0 0 0;
}
/****** POPUPFORM ******/

/****** LOGINFORM ******/
#formLogin {
	position: absolute;
	width: 430px;
	height: 160px;
	left: 50%;
	top: 50%;
	margin-left: -220px;
	margin-top: -90px;
	
	color: #ebebeb;
	background-color:#959595;
	padding: 2px 6px 4px 6px; 
	border: 5px solid #cecece;
	
	font-family: Arial,Helvetica, sans-serif;
	font-size: 8pt; 
	text-align: left;
 
}
#formLogin input {
  padding: 5px;
  width: 420px;
  background: #fff;
  color: #000;
  border:#959595;
  height:15px;
}
#formLogin a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #000000;
  font-weight:bold;
}
#formLogin p {
	text-align: right;
}
/****** END LOGINFORM ******/
/****** REGISTERFORM ******/
#formRegister {
  position: absolute;
  width: 430px;
  height: 270px;
  left: 50%;
  top: 50%;
  margin-left: -220px;
  margin-top: -100px;

 color: #ebebeb;
 background-color:#959595;
 padding: 2px 6px 4px 6px; 
  border: 5px solid #cecece;
 
 font-family: Arial,Helvetica, sans-serif;
 font-size: 8pt; 
 text-align: left;
 
}
#formRegister input {
  padding: 5px;
  width: 420px;
  background: #fff;
  color: #000;
  border:#959595;
  height:15px;
}
#formRegister a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #000000;
  font-weight:bold;
}
#formRegister p {
	text-align: right;
}
/****** END REGISTER FORM ******/
/****** SHAREFORM ******/
#formShare {
  position: absolute;
  width: 430px;
  height: 220px;
  left: 50%;
  top: 50%;
  margin-left: -220px;
  margin-top: -90px;

 color: #ebebeb;
 background-color:#959595;
 padding: 2px 6px 4px 6px; 
  border: 5px solid #cecece;
 
 font-family: Arial,Helvetica, sans-serif;
 font-size: 8pt; 
 text-align: left;
 
}
#formShare input {
  padding: 5px;
  width: 420px;
  background: #fff;
  color: #000;
  border:#959595;
  height:15px;
}
#formShare a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #000000;
  font-weight:bold;
}
#formShare p {
	text-align: right;
}
/****** END SHARE FORM ******/

/****** SHAREFORM LOGGED IN******/
#formShareLogged {
  position: absolute;
  width: 430px;
  height: 110px;
  left: 50%;
  top: 50%;
  margin-left: -220px;
  margin-top: -70px;

 color: #ebebeb;
 background-color:#959595;
 padding: 2px 6px 4px 6px;
 border: 5px solid #cecece;
 
 font-family: Arial,Helvetica, sans-serif;
 font-size: 8pt; 
 text-align: left;
 
}
#formShareLogged input {
  padding: 5px;
  width: 420px;
  background: #fff;
  color: #000;
  border:#959595;
  height:15px;
}
#formShareLogged a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color: #000000;
  font-weight:bold;
}
#formShareLogged p {
	text-align: right;
}
/****** END SHARE FORM LOGGED IN******/



/****** END OF POPUPFORM ******/
/****** ACTIONS ******/
.box_wrap {
  width: 750px;
}
.inner_box_wrap {
  width: 170px;
  float: left;
  margin: 0 17px 0px 0;
}
.box {
  width: 170px;
  height: 200px;
  border: 5px solid #f17c48;
}
.action_number {
  color: #46220d;
  margin: 5px;
  position: relative;
  top: 5px;	
}
.action_stats {
  color: #999;
  margin: 5px;
  position: relative;
  top: 5px;
  font-size:9px;
}
.learnmore {
  color: #46220d;
  position: relative;
  top: 5px;
/*  margin-left:40px;	*/
  right: -35px;
}
.learnmore a {
  color: #46220d;
  text-decoration:none;
}
.learnmore a:hover {
  color: #46220d;
  text-decoration:underline;
}

div.action_share {
  background: #f17c48;
  padding: 5px;
  font-weight: bold;
  width: 50px;
  text-align: center;
  position: relative;
  top: -30px;
  left: 10px;
  float: right;
  margin-left:5px;
}
.action_share a {
  color: #fff;
}
div.action_done {
  background: #fff;
  color:#9ebebd;
  padding: 5px;
  font-weight: bold;
  width: 80px;
  text-align: center;
  position: relative;
  top: -30px;
  left: 10px;
  float: right;
  margin-left:5px;
}
.actions_content {
  width: 550px;
  float: right;
}
.actions_content p {
  color: #333;
  font-weight: normal;
  font-size: Arial !important;
  margin-bottom: 20px;
}
#recent_actions_sidebar {
  background: #fff;
  margin-top: 30px;
  float: right;
}
/*--- sugggest an action ---*/
.box_suggest_action {
  width: 170px;
  height: 200px;
  border: 5px solid #cecece;
}
.box_suggest_action h4 {
  color: #46220d;
  font-size: 16px;
} 
.box_suggest_action form textarea {
  border-bottom: 5px solid #eee;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 110px;
  width: 140px;
  padding: 5px;
  margin: 5px 0 0 10px;
  background: #f5f5f5;
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
}
div.suggest_action {
  background: #cecece;
  padding: 5px;
  font-weight: bold;
  width: 50px;
  text-align: center;
  position: relative;
  top: -30px;
  left: 10px;
  float: right;
}
.suggest_action a {
  color: #fff;
}
/****** END OF ACTIONS ******/ 
/****** GENERIC ******/ 
.generic {
  width: 750px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #999;
}
.generic p, .placeholder_content p {
  color: #333;
  font-size: 11px;
}
.placeholder_wrap {
  width: 750px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.placeholder {
  width: 200px;
  height: 120px;
  margin-top: 5px;
  background: #000;
  float: left;
}
.placeholder_content {
  width: 530px;
  float: right;
}
/****** END OF GENERIC ******/ 
/*--- sugggest an action ---*/
.box_suggest_action {
  width: 170px;
  height: 200px;
  border: 5px solid #cecece;
}
.box_suggest_action h4 {
  color: #46220d;
  font-size: 16px;
}
.box_suggest_action form textarea {
  border-bottom: 5px solid #eee;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 110px;
  width: 140px;
  padding: 5px;
  margin: 5px 0 0 10px;
  background: #f5f5f5;
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
}
div.suggest_action {
  background: #cecece;
  padding: 5px;
  font-weight: bold;
  width: 50px;
  text-align: center;
  position: relative;
  top: -30px;
  left: 10px;
  float: right;
}
.suggest_action a {
  color: #fff;
}
/***----- Calendar -----***/
.calendar_wrapper {  
}
.calendar_date {
  width: 61px;
  height: 57px;
  background: url(images/calendar_bg.png) no-repeat;
  float: left;
  margin-top: 20px;
}
.calendar_date p {
 color: #FFFFFF;
 font-size: 31px;
 margin: 20px 0 5px 10px;
}
.calendar_date span {
  font-size: 10px;
  margin: 0 0 0 20px;
}

.calendar_event {
  width: 500px;
  float: left;
  margin: 20px 0 20px 20px;
}


.front_calendar_date {
  width: 61px;
  height: 57px;
  background: url(images/calendar_bg.png) no-repeat;
  float: left;
  margin-top: 10px;
}
.front_calendar_date p {
 color: #FFFFFF;
 font-size: 31px;
 margin: 10px 0 5px 10px;
}
.front_calendar_date span {
  font-size: 10px;
  margin: 0 0 0 20px;
}

.front_calendar_event {
  width: 360px;
  float: left;
  font-size:10px;
  margin: 10px 0 10px 10px; 
  color:#666; 
}
.front_calendar_event h3 {
  font-size: 12px;
  color:#666;
  font-weight:bold;
}

#pagingLink {
float: right;
}

/****** END OF MAIN CONTENT *****/


/***** FOOTER *****/
#footer_top_morning {
  background: url(images/footer_top_morning.jpg) repeat-x;
  height: 173px;
}
#footer_top_afternoon {
  background: url(images/footer_top_afternoon.jpg) repeat-x;
  height: 173px;
}
#footer_top_evening {
  background: url(images/footer_top_evening.jpg) repeat-x;
  height: 173px;
}
#footer {
  background: url(images/footer_top_bgm.png) repeat-x;
  height: 260px;
}
#footer div {
  width: 1000px;
  margin: 0 auto;
  padding-top: 10px;
  font-size: 10px;
}