html, body {
	height: 100%;
}

body
	{
	margin: 0 auto;
	padding: 0;
	background: #e3e3e3 url(/assets_new/bg_gradient.png) repeat-x;
	height: 100%;
	font-family: arial, sans-serif;
	}

#outside_wrapper
	{
	background: transparent url(/assets_new/shadow_right.png) repeat-y top right;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0px;
	padding: 0;
	text-align: left;
	width: 782px;				/* <-- use this for a set width */
	min-height: 600px;
	padding: 0 13px;
	}

#inside_wrapper
	{
	padding:0 18px 20px 18px;
	background-color: #fff;
	min-height: 505px;
	}
	

#width_wrapper
{
	background: transparent url(/assets_new/shadow_left.png) repeat-y;
	width: 808px;
	margin: 0 auto;
}

#bottombar{	
	height: 18px;
	background: transparent url(/assets_new/shadow_bottom.png) no-repeat top left;
}

#bottombar div{
	width: 20px;
	float: right;
	height: 18px;
	background: transparent url(/assets_new/shadow_bottom.png) no-repeat top right;
}

.left
{
	float: left;
}

.right
{
	float: right;
	text-align: right;
}


.main_content
{
	padding: 0 35px;
	float: right;
	width: 706px;
	font-size: 14px;
	color: #555;
	font-family: arial, sans-serif;
}

.main_content .message
{
	width: auto;
	margin: 10px auto 30px auto;
	text-align: left;
	background-color: #b9ffc3;
	color: #005008;
	padding: 20px;
	display: hidden;
}
.main_content .message img
{
	position: relative;
	top: -4px;
}
.main_content #breadcrumb
{
	font-size: 22px;
	color: #0e609a;
	margin-bottom: 10px;
}

.main_content #breadcrumb .heading{
	font-weight: bold;
}


.main_content p
{
	margin: 0 0 1em 0;
}

.main_content .option_link
{
	font-size: .85em;
	color: #666;
}


.main_content ul.menu{
	margin-top: -8px;
	padding: 0px 0px 20px 0px;
	margin-left: 0px;
	font-weight: bold;
	list-style: disc inside;
}

.main_content ul.menu a{
	font-weight: normal;
	color: #0e609a;
	text-decoration: none;
}

.main_content ul.menu a:hover{
	text-decoration: underline;
}

.main_content ul.menu li{
	color: #666;
	margin: 5px 10px 5px 5px;
	float: left;
}

.main_content ul.menu li.admin{
	margin-top: -5px;
	display: block;
}

.main_content li.admin:hover ul{
	left: auto;
	background-color: white;
}

.main_content ul.admin_menu{
	padding: 0;
	margin: 0;
	text-align: right;
}

.main_content ul.admin_menu li{
	padding: 0px;
	margin: 0px;
	text-align: right;
	clear: left;
	float: left;
	display:block;
}

.main_content ul.admin_menu{
	position: absolute;
	left: -999em;
}

.main_content ul.admin_menu a, .main_content ul.menu .admin a{
	position: relative;
	top: -1px;
	display:block;
	padding: 5px 10px;
	margin: 0px;
	width: 185px;
	border: 1px solid #ccc;
	background-color: white;
}

.main_content ul.admin_menu a:hover, .main_content ul.menu .admin a:hover{
	background-color: #eee;
}

.main_content .option_link a:link {color: #666;}
.main_content .option_link a:visited {color: #666;}
.main_content .option_link a:hover {color: #666; text-decoration: none;}
.main_content .option_link a:active {color: #666;}


.main_content a:link {color: #153e92;}
.main_content a:visited {color: #153e92;}
.main_content a:hover {color: #153e92; text-decoration: none;}
.main_content a:active {color: #153e92;}

.footer
{
	color: #aaa;
	font-size: 9pt;
	font-family: arial, sans-serif;
	padding: 5px 0 30px 0;
	padding: 18px;
	border-right: 18px solid #fff;
	border-left: 18px solid #fff;
}

.footer  a { color: #666; text-decoration: none;}
.footer  a:hover {color: #666; text-decoration: underline;}


/* tables! */
table {
  width:95%;
  border-collapse:collapse;
}
td {
  border:1px solid #ccc;
  padding:5px;
}
/* end tables!*/



/* begin css tabs - http://unraveled.com/projects/html/css_tabs/*/

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #ccc; /* set border COLOR as desired */
list-style-type: none;
padding: 8px 15px 8px 15px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav li img{
	border: 0px;
	position: relative;
	top: 3px;
}

div#show li.show, div#edit li.edit, div#info li.info, div#delete li.delete{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
/*background-color: #fff;*/ /* set background color to match above border color */
font-weight: bold;
}

div#show li.show span, div#edit li.edit span, div#info li.info span, div#delete li.delete span { /* settings for selected tab link */
background-color: #fff; set selected tab background color as desired */
color: #666; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 8px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li span { /* settings for all tab links */
height: 20px;
padding: 8px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eee; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
border-bottom: none;
}
ul#tabnav li a {
	color: #666; /* set unselected tab link color as desired */
	text-decoration: none;	
}
ul#tabnav a:hover { /* settings for hover effect */
	color: #153e92; /* set desired hover color */
}

ul#tabnav li:hover { /* settings for hover effect */
	color: #fff; /* set desired hover color */
}

/* end css tabs */



#calendar_container{
	padding: 0px;
}

#calendar_container th{
	background-color: #ccc;
	display: none;
}

.calendar_links{
	padding-top: 10px;
}

#calendar_container .calendar_links a{
	color: #1b5988;
}

#calendar_container table {
  width:100%;
  border-collapse:collapse;
  font-size: 15px;
}

#calendar_container td {
  height: 35px;
  text-align: center;  
  border: none;
  padding: 0px;
  background: transparent;
}

#calendar_container tr.odd { background-color: #fff; }

#calendar_container tr.even { background-color: #eee; }

#calendar_container .day { color: #24618d; }


#calendar_container table a{
  display:block;
  width:100%;
  height: 100%;
  line-height: 35px;
  background: #196094;
  color: #fff;
}

#calendar_container table a:hover{
  background: #999;
  color: #fff;
 }


/*splash calendar*/
.otherMonth {
	color: #999;
}
thead th {
	padding-bottom: 15px;
}
thead tr th {
	padding-bottom: 5px;
}
table.calendar {
	margin: 0 auto;
}

#calendar_container .selected_day {
	/*background-color: #153e92;*/
	background-color: #666;
	font-weight: bold;
	color: #fff;
}

/*end event list calendar*/

/*Rails stuff*/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
  margin-bottom: 1em;
}

#errorExplanation {
  width: 400px;
  border: 1px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}
/*end Rails stuff*/