﻿/* CSS Document */
/* DEV NOTES -
This is the MASTER Layouts.css file and should propagate to all versions 
of inpower sites. The properties here can be overridden for individual sites
by editing the Layouts_Override.css file. 

ANY EDITS OR CHANGES MADE TO THIS FILE MUST BE APPLIED TO THE OVERRIDE CSS FILE UNTIL THE FINAL VERSION IS COMPLETED.

*/
.inside { padding-right: 22px; padding-left: 23px;}


#container { width: 935px; margin-left: 5px; margin-right: 5px; background: #FFF url(../images/mainContent2_bg.gif) repeat-x; padding-bottom:30px; padding-top:1px}


.first p {font-size: 12px;}
.inside {font-size: 12px!important;}
.inside p {font-size: 12px!important;}
.inside p a{font-size:12px!important;}

.insideleft {font-size: 12px!important;}
.insideleft p a{font-size:12px!important;}

#mainContent #right .third { padding-top: 15px; padding-right: 22px; padding-left: 23px;}
#mainContent #right .third a { font-size: 12px;}
#membership_card {float: right; padding-top:1px; }
h3#join_today { background: url(../images/join_today.gif) no-repeat;height: 19px; /*float: left; */width: 98px; margin-top: 13px; margin-bottom: 3px; padding-top:0px;  }
p.swap span { display: none;}
h3.swap span { display: none;}
p#learn_more { background: url(../images/learn_more.gif) no-repeat; height: 29px; float: left; width: 115px;}
a.news { padding-top: 24px; padding-left:1px; display: block;}

.subNav { background: #0094b2; float: left; width: 920px; margin-top: 0px; padding-left: 15px; margin-left:5px; margin-top:1px;}

.subNav { float: left; font-size: 1.3em; padding-top: 9px; padding-right: 0px; padding-bottom: 8px; padding-left:15px; color:#fff;}
.subNav a {color:#fff;}
h1.swap span { display: none;}
.subpage h1{ color:#db5b34; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:2.4em; padding-top:14px; padding-bottom:37px; background:none; height:0px; }

#mainContent #left .first { padding-top: 17px; padding-right: 22px; padding-left: 21px;}
#mainContent #right h3 { padding-top: 0px;}

#homeCalendar { padding-bottom: 10px;}

#mainContent #left h2 { background: url(../images/membership_centre.gif) no-repeat left top;}
#content_image { float: right; padding-right: 12px; padding-left: 50px; padding-bottom: 25px;}
#sidebar a { border-bottom: 1px solid #0094b2; display: block; color:#034e75;}
#sidebar li a { padding-top: 7px; padding-bottom: 7px; }
#sidebar { width: 200px; font-size: 1.4em; float: left; padding-left: 20px; padding-top: 6px; }
#sidebar li a.AspNet-Menu-Link { padding-left:5px;}
#sidebar li li a.AspNet-Menu-Link { padding-left:40px;}
#sidebar li li li a.AspNet-Menu-Link { padding-left:77px;}
#sidebar ul.AspNet-Menu ul { position:static}

#sidebar ul ul{
	font-size:9pt;
	margin-left:15px;
	line-height:13px;
}

#mainCopy { width: 619px; float: left; padding-left: 38px; padding-top:24px; min-height:450px; font-size: 14px; line-height:20px;}
#wrap { margin: 0px auto;}
#mainCopy p { font-size: 14px; line-height:20px;}
#mainCopy a {color:#db5b34;}
#mainCopy a:visited {color:#810081;}
#mainCopy h1{background:none; line-height:30px; padding-bottom: 10px;}
#mainCopy ol {
font-size: 14px;
line-height: 19px;

}



#mainCopy_wide { width: 820px; float: left; padding-left: 38px; padding-top:24px; min-height:450px;}
#mainCopy_wide p { font-size: 14px; line-height:20px;}
#mainCopy_wide a {color:#db5b34; }
#mainCopy_wide a:visited {color:#810081;}
#mainCopy_wide h1{background:none;}
#mainCopy_wide ol {
font-size: 14px;
line-height: 19px;

}


#ctl00_ContentMain_lnkBack {

font-size: 14px;
line-height: 19px;

}
/* Layout Columns */

.col100 {
	width:100%;
	display:block;
	float:left;
	}
.col50 {
	width:45%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	}
	.col50 img {
		margin:12px;
		clear:both;
		float:left;
		border:1px solid black;
		}
.col30 {
	width:26%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	}
.col60 {
	width:56%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	}







/* NEWS TEMPLATE STYLES */
/* These styles apply to the ALL NEWS and NEWS DETAIL PAGES */
#news {
	width:80%;
	}
#news h1 {
	margin:0;
	margin-top:1em;
	padding:0;
	font-size:1.1em;
	}
	#news h3 {
		margin:0;
		padding:0;
		font-size:0.7em;
		color:#999;
		}
#news p {
	margin:0;
	padding:0;
	font-size:0.9em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	}

/* NEWS FEED STYLES */
/* Specifically for the news feed that appears on the home page of the site */
		.news_feed {
			width:20%;
			}
		.news_feed h1 {
			margin:0;
			margin-top:1em;
			padding:0;
			font-size:0.7em;
			}
			.news_feed h3 {
				margin:0;
				padding:0;
				font-size:0.6em;
				color:#999;
				}
		.news_feed p {
			margin:0;
			padding:0;
			font-size:0.6em;
			margin-bottom:0.5em;
			margin-top:0.5em;
			}
			
/* PHOTO GALLERY STYLES */
#photo_gallery {
	width:100%;
	}
.photo {
		width:225px;
		float:left;
		margin:12px;
		}
.photo_image {
	width:100%;
	/*float:left;*/
	padding:6px;
	}
.photo_image img{
	border:1px solid black;
	}
.photo_caption {
	width:100%;
	padding:6px;
	font-size:0.9em;
	/*float:left;*/
	}
		/* Styles for the large image page of the photo gallery */
		.photo_lg {
				width:100%;
				margin:12px;
				text-align:center;
				}
		.photo_image_lg {
			width:100%;
			/*float:left;*/
			padding:6px;
			}
		.photo_image_lg img{
			border:1px solid black;
			}
		.photo_caption_lg {
			width:100%;
			padding:6px;
			font-size:0.9em;
			/*float:left;*/
			}
			
			
/* Calendar Styles */
#calendar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	width: 208px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	color: #dd4802;
	text-align: center;
	background-color: #fff;
}

.nav, .nav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	width: 208px;
	background: #003869;
	color: #fff;
	font-size:12pt;
	text-align: center;
}

#calendar th {
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #dd4802;
	background: #DF9496;
}

#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(images/bg_calendar.gif) no-repeat right bottom;
}

#calendar td a {
	text-decoration: none;
	display: block;
}

#calendar td a:link, td a:visited {	
	color: #dd4802;
	background: url(images/bg_calendar.gif) no-repeat;
}

#calendar td a:hover, td a:active {
	color: #6aa3ae;
	background: url(images/bg_calendar.gif) no-repeat right top;
}


/* FORM STYLES */

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* Form Beautification */

form.cmxform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}
	


	/* Calendar Styles */
.minical { background:white; border:none!important; border-bottom:1px solid #666!important;}
.OtherMonthDayCssClass { background:#fff; color:#fff!important; font-size:8pt!important; }
.OtherMonthDayCssClass a { background:#fff; color:#fff!important; font-size:8pt!important; display:block; }
.minical .title { color:#DB5B34!important; text-align:center; border-bottom:1px solid #525252; font-weight:bold;}
.minical td {text-align:center; padding:3px; font-size:8pt;}
.minical .dayheader {color:#000; font-weight:normal; font-size:8pt;}
.minical .today { background:url(../images/bluedot.png) no-repeat; color:#FFF; }
.minical .weekend { background:#fff; color:#DB5B34; }
.minical .weekend a {background:#DB5B34; color:#fff!important; font-size:8pt!important; display:block;}
.minical .title tbody tr td { color:#DB5B34; font-size:9pt; text-align:center;}
.minical .today a { background:none!important; color:#fff!important; font-weight:normal;}
.minical .DayCSSClass { background:#fff; color:#DB5B34; }
.minical .DayCSSClass a {background:#DB5B34; color:#fff!important; font-size:8pt!important; display:block;}

.day { height:125px; }

#CalendarLayout tr td{ font-size:14pt;}
#CalendarLayout .day {font-size:10pt;}
#CalendarLayout .day a{color:#DB5B34!important;}
#CalendarLayout .today{background:#048DC6; color:#fff;}
#CalendarLayout .today a{background:#048DC6; color:#fff;}


#loggy {
width: 250px;
height: 400px;
margin-left: 45px;
margin-top: 25px;
font-size: 13px;
line-height: 15px;
}
#loggy a {
color: #E15B34;
line-height: 16px;
}
#loggy input {

display:block;


}

#loggy .log1 {
font-size: 16px;
color: #0083A5;
}





#mainContent ul li { font-size:11pt;}
