div {
/*border: 1px solid lime;*/
}
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    background:#616161;
	color:#000000;
}
#main_container {
	margin:0 auto;
	width: 980px;
	padding:0;
}
#hdr {
	float:left;
	width:976px;
	height:211px;
	background-image:url(/images/header.png);
	border-right: solid 2px #ffffff;
}
#left_nav {
	float:left;
	margin:0;
	padding:0;
	width:191px;
	height:730px;
	min-height:645px;
	background-image:url(/images/lft_nav_bg.jpg);
	background-repeat:repeat-y;
}
#left_nav .facebook {
	float:left;
	width:191px;
}
#left_nav .facebook .find, #left_nav .facebook .share {
	width:150px;
	margin:0 auto;
	padding:5px 0;
}
#top_nav {
	float:left;
    position: relative;
	margin:0;
	width:758px;
	height:29px;
	background-image:url(/images/tp_nav_bg.jpg);
	background-repeat:repeat-x;
	border-left: solid 2px #ffffff;
	border-right: solid 3px #ffffff;
    z-index: 1000;
	zoom:1;
 *display:block;
}
#top_nav ul { /* all lists */
	float:left;
	/*margin:6px 0px 0px 0px;*/
	margin: 0;
	padding:2px 0px;
	font-size: 11px;
	font-weight: normal;
	/*padding: 0;
	margin: 0;*/
	list-style: none;
}
#top_nav ul li { /* all list items */
	float: left;
	position: relative;
	list-style-type:none;
	display:inline;
	color:#ffffff;
	border-left: solid 1px #ffffff;
	padding:0 7px 0 6px;
    height: 25px;
    line-height: 25px;
}
#top_nav ul li:first-child {
    border-left: none;
}
#top_nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 25px;
	left: 0;
	background-color: #000;
}
#top_nav li ul li {
	border-left: none;
	border-bottom: 1px solid #fff;
    line-height: 17px;
    padding-top: 4px;
	padding-bottom: 4px;
	width: 120px;
    height: auto;
}
#top_nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#top_nav li:hover ul { /* lists nested under hovered list items */
	display: block;
}
#top_nav ul li a:link,
#top_nav ul li a:visited {
	color:#fff;
	text-decoration:none;
	font-size: 11px;
}
#top_nav ul li.selected > a:link,
#top_nav ul li.selected > a:visited,
#top_nav ul li a:hover,
#top_nav ul li a:active {
	color:#fff;
	text-decoration:underline;
}
#main_content {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	width:474px;
	/*	min-height:620px;*/
	height:auto;
	background-color:#ffffff;
}
#main_content_subpage {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	width:740px;
	min-height:700px;
	height:auto;
	background-color:#ffffff;
}
#main_content_subpage h2 {
	padding-top: 0;
	margin-top: 0;
}
#body_container {
	float:left;
	margin:0px 0px 0px 24px;
	padding:0px 0px 0px 0px;
	width:954px;
	height:auto;
	background-color:#ffffff;
}
.home_body {
	background-image: url(/images/body_container_bg.gif);
	background-position: left;
}
#rgt_clmn {
	float:left;
	margin:0px 0px 0px 0px;
	width:268px;
	height:auto;
	background-color:#ffffff;
	color:#ffffff;
}
#rgt_clmn_pic {
	float:left;
	margin:0px 0px 0px 0px;
	width:266px;
	height:auto;
}
#rgt_clmn_pic p {
    margin: 12px 0 0 0;
}
#rgt_clmn_pic img {
    display: block;
}
#calendar_title {
	float:left;
	width:262px;
	height:21px;
	border-top: solid 6px #018b97;
	border-bottom: solid 6px #018b97;
	background-color:#710a85;
	margin:0px 2px 0px 0px;
	padding:6px 0px 0px 4px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
#rgt_clmn_calendar {
	float:left;
	width:266px;
	height:auto;
	margin:0px 2px 0px 0px;
	background-color:#ffffff;
}
#rgt_clmn_calendar td, #rgt_clmn_calendar table {
	border: solid 1px #018b97;
}
#up_coming {
	float:left;
	width:266px;
	min-height:309px;
	hright:auto;
	background-color:#616161;
}
#title {
	float:left;
	height:22px;
	width:165px;
	background-color:#710a85;
	margin:0px 2px 0px 0px;
	padding:8px 0px 0px 6px;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}
#img_slot {
	float:right;
	background-color:#ffffff;
	width:260px;
	text-align:center;
}
#upcoming_content {
	float:left;
	width:154px; /* 164 - 10 */
	height:308px;
	padding: 5px;
}
img {
	border:none;
}
.drk_grey {
	background-color:#292929;
}
.light_grey {
	background-color:#505050;
}
.homepage_cal a:link, .homepage_cal a:visited {
	color: #fff;
}
.homepage_cal a:hover {
	color: #CCCCCC;
}
#lft_nav_ftr_hdr {
	float:left;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 12px;
	width:174px;
	height:26px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background-color:#710a85;
}
#lft_nav_ftr li a:link {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:0px;
}
#lft_nav_ftr {
	float:left;
	width:185px;
	height:300px;
	margin:318px 0px 0px 6px;
	padding:0px 0px 0px 0px;
	background-color:#393939;
}
#left_nav #lft_nav_ftr ul {
	float:left;
	width:180px;
	height:300px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#left_nav #lft_nav_ftr ul li {
	float:left;
	width:180px;
	height:auto;
	;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	border:0px;
}
#left_nav ul {
	position:absolute;
	width:185px;
	margin:10px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}
#left_nav ul li, #left_nav ul li {
	list-style-type:none;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0px 0px 6px;
	border-bottom: solid 6px #5f5f5f;
	text-decoration:none;
}
#left_nav ul li a:link,
#left_nav ul li a:visited {
	list-style-type:none;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0px 0px 6px;
	border-bottom: solid 4 px #ffffff;
	text-decoration:none;
}
#left_nav ul li.selected a:link,
#left_nav ul li.selected a:visited,
#left_nav ul li a:hover,
#left_nav ul li a:active {
	list-style-type:none;
	font-size:12px;
	color:#018b97;
	font-weight:bold;
	padding:0px 0px 0px 6px;
	border-bottom: solid 4 px #ffffff;
	text-decoration:none;
}
#lft_hdr_bg {
	position:absoute;
	margin:0px 0px 0px 6px;
	padding:6px 0px 4px 12px;
	width:173px;
	height:auto;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
    background-color: #078D97;
	background-image:url(/images/lft_hdr_bg.jpg);
	background-repeat:repeat-x;
    border-bottom: 2px solid #282A29;
}
#lft_ftr_bg {
	position:absoute;
	margin:0px 0px 0px 0px;
	padding:6px 0px 6px 10px;
	width:174px;
	height:auto;
    min-height: 20px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background-color:#710a85;
}
.lrg_blue {
	font-size:16px;
	color:#048c98; /*blue*/
	font-weight:100;
}
.lrg_prpl {
	font-size:20px;
	color:#710a85; /*purple*/
	font-weight:100;
}
.button {
	width:93px;
	height:20px;
	background-image:url(/images/btn_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:5px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
}
a:link, a:active, a:visited {
	text-decoration:none;
color:#048a96;
}
a:hover {
	text-decoration:underline;
color:#710A85;
}
#gallery_layout .item h2 {
	margin: 0;
}
#gallery_layout .item {
	margin-bottom: 10px;
}
#gallery_layout .gallery img {
	float: left;
	margin: 0 5px 5px 0;
}
#main_content_subpage h3{
margin:0;
color:#710A85;
}
#main_content_subpage fieldset{
margin:5px 0;
}
#main_content_subpage .box{
padding:5px 0;
}
#main_content_subpage .box label{
font-weight:bold;
width:80px;
display:inline-block;
text-align:right;
vertical-align:top;
}
#main_content_subpage .box input[type="text"], #main_content_subpage .box input[type="password"] {
width:200px;
}
#main_content_subpage .box textarea{
width:400px;
height:150px;
}
#main_content_subpage .submit input[type="button"], #main_content_subpage input[type="submit"] {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#048a96;
color:#fff;
border:none;
padding:3px;
cursor:pointer;
}
#main_content_subpage .submit input[type="button"]:hover, #main_content_subpage input[type="submit"]:hover {
background:#710A85;
}
#main_content_subpage span.required{
color:#710A85;
font-size:18px;
}
#main_content_subpage .time_item{
padding:5px 0;
}
#main_content_subpage .birthday{
float:left;
clear:left;
width:100%;
}
#main_content_subpage .birthday ul{
float:left;
clear:left;
}
#main_content_subpage .birthday ul li{
float:left;
display:block;
padding:0 10px;
border-left:#048A96 solid 1px;
}
#main_content_subpage .birthday ul li:first-child{
border-left:none;
}
#birthday_calendar fieldset{
    position: relative;
    min-height: 164px;
}
#month_calendar {
    position:absolute;
    top:-20px;
    right:250px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding:5px;
    border:#710A85 solid 2px;
    z-index:22;
}
#month_calendar h4 {
    margin: 0;
    line-height: 20px;
    text-align: center;
}
#month_calendar .prev{
    float: left;
    line-height: 20px;
    margin-top: -20px;
}
#month_calendar .next{
    float: right;
    line-height: 20px;
    margin-top: -20px;
}
#month_calendar table {
    table-layout: fixed;
    text-align: center;
}
#month_calendar table td {
    border: 1px solid #FFF;
}
#month_calendar table td.closed {
    color: #F00;
}
#month_calendar table td.selected {
    border: 1px solid #048A96;
}
#month_calendar table td.closed a:link,
#month_calendar table td.closed a:visited {
    color: #F00;
    text-decoration: none;
}
#month_calendar table td.closed a:active,
#month_calendar table td.closed a:hover {
    color: #F00;
    text-decoration: underline;
}
#login {
    min-height: 323px;
}
#login .box {
float:left;
clear:left;
width:270px;
}
#login .box.submit {
    margin-left: 63px;
}
#login a.forgot{
float:left;
clear:left;
width:250px;
    margin-left: 63px;
}
#login .message{
text-align:center;
padding:10px;
width: 600px;
}
#login, #birthday_calendar{
position:relative;
width:720px;
float:left;
}
fieldset{
border:none;
}
#main_content_subpage #login label{
width:60px;
}
#main_content_subpage #register label {
    width: 120px;
}
#register .captcha img {
    display: block;
    margin-left: 123px;
    margin-top: 5px;
}
#register .submit {
    margin-left: 123px;
}
#register a.back {
    margin-left: 123px;
}
#login .message span{
font-family: 'Chewy', cursive;
font-size:20px;
color:#ff0000;
}
#login .sign{
position:absolute;
top:100px;
left:0;
}
#birthday_calendar {
    background: url('../images/birthday_hat.jpg') no-repeat right 41px;
    min-height: 323px;
}
#month_calendar table td{
padding:5px;
}
#month_calendar table td.today,
#month_calendar table td.today.closed{
background:#FFFFCC;
}
#birthday_calendar .box{
float:left;
width:auto;
padding:5px;
}
#birthday_calendar .box.submit{
float:left;
clear:left;
width:100px;
}
#main_content_subpage #birthday_calendar label{
width:40px;
float:left;
text-align:left;
}
#main_content_subpage #birthday_calendar select{
float:left;
clear:left;
}
#birthday_calendar .birthday_hat{
position:absolute;
z-index:2;
right:0;
top:90px;
}
#main_content_subpage #birthday_calendar #calendar_box label {
    width: 85px;
}
#calendar_box .time_item {
    clear: left;
    margin: 5px 0 5px 85px;
}
#calendar_box .time_item .full {
    color: #710A85;
}
#main_content_subpage #birthday_calendar #calendar_box .time_item label {
    width: 200px;
}
#calendar_box .submit {
    margin-left: 85px;
    margin-top: 10px;
}
#calendar_box span.error {
    color: #F00;
    display: block;
}
#volunteering_availability .box, #volunteering_setup .box{
float:left;
width:20px;
}
#volunteering_availability label, #volunteering_setup label{
float:left;
clear:right;
width:300px;
padding:7px 0 0 0;
}
#volunteering_availability .field, #volunteering_setup .field, #volunteering_hours .field, #volunteer_search_bar .field{
float:left;
width:700px;
padding:5px 0;
}
#volunteering_hours .field label, #volunteer_search_bar .field label{
font-weight:bold;
width:50px;
text-align:right;
float:left;
padding:5px 0 0 0;
}
#volunteering_hours .field .box, #volunteer_search_bar .field .box{
float:left;
width:210px;
padding:0 5px;
}
#volunteering_hours .field span.required{
font-weight:bold;
font-size:18px;
}
#volunteering_hours p span{
font-weight:bold;
}
#volunteer h1{
margin:0;
color: #048A96;
font-size:16px;
}
#volunteer h2{
margin:0;
color: #710A85;
font-size:14px;
}
#volunteering_events_list table td, #volunteering_hours_list  table td, #volunteer_list table td{
border-bottom:#dfdfdf solid 1px;
padding:5px 0;
}
#volunteering_hours_list .field{
padding:5px 0;
}


.n-birthday-calendar #login {
    background: url("http://www.ottawagymnasticscentre.ca/images/birthday_hat.jpg") no-repeat right 80px;
    min-height: 370px;
}