/******************************************************************************
 * Generic Formatting
 *****************************************************************************/

p { color:#353F1F; }

p span.under { text-decoration:underline; }

a { color:#663355; font-weight:bold; }

h1.top { margin-top:0px; }

.accessibility { display:none; }

ul { color:#353F1F; }

div.center { text-align:center; }

/******************************************************************************
 * Debug / Test
 *****************************************************************************/
#hdrRight p.headerNumber {
	position:absolute; left:200px; top:0px; padding-top:7px;
	font-size:11px; color:#666666;
}

/******************************************************************************
 * Basic Layout
 *****************************************************************************/
#header {
  padding:0;
	background-image:url(../images/header_bg.jpg);
	background-position:top left; background-repeat:repeat-x;
}

#hdrLeft {
	width:100%; height:180px;
  background-image:url(../images/hdrLeft_01_bg.gif);
	background-position:top left; background-repeat:no-repeat;
}

#hdrRight {
	width:100%; height:180px;
  background-image:url(../images/hdrRight_02_bg.jpg);
	background-position:top right; background-repeat:no-repeat;
}

#left {
  	position:absolute; left:0; top:180px;
  	width:160px; padding:0;
  	/* height:100%; */
  	background-image:url(../images/left_bg.jpg);
	background-position:top left; background-repeat:repeat-y;
	color:#353F1F; font-size:11px;
}

#left h1 {
	color:#335566; font-size:11px;
}

#left_bottom {
	height:240px;
  	background-image:url(../images/left_bottom_bg.jpg);
	background-position:bottom left; background-repeat:no-repeat;
}

#mainContent {
  	position: relative;
  	margin-left:160px; margin-right:180px;
  	padding:0px 20px 30px 20px;
  	background-image:url(../images/center_bg.gif);
	background-position:top left; background-repeat:repeat-x;
}

#right {
  	position:absolute; right:0; top:180px;
  	width:180px; padding:0;
  	/* height:100%; */
  	background-image:url(../images/right_bg.jpg);
	background-position:top right; background-repeat:repeat-y;
	color:#353F1F; font-size:11px;
}

#right_bottom {
	height:240px;
  	background-image:url(../images/right_bottom_bg.jpg);
	background-position:bottom left; background-repeat:no-repeat;
}

#footer {
	padding:20px 5px 10px 5px;
  	background-image:url(images/footer_bg.jpg);
	background-position:top left; background-repeat:repeat-x;
}

/******************************************************************************
 * Right Elements
 *****************************************************************************/

/************************************************************************ h1 */

#right h1 {
	display:block; width:160px; background-color:#E4E6C4;
	margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;
	color:#335566; font-size:11px;
  background-image:url(../images/right_h1.gif);
	background-position:0px 0px; background-repeat:repeat-y;
}

#right h1.alt1 { color:#556633; }

#right h1.alt2 { color:#665033; }

html>body #right h1 { margin-right:0px; }

#right h1.top {
  	background-image:url(../images/right_h1_top.gif);
	background-position:0px 0px; background-repeat:no-repeat;
}

#right h1 a {
	color:#666666; font-size:10px;
	padding-right:5px; padding-bottom:2px; margin-left:5px;
  	background-image:url(../images/arrow_03.gif);
	background-position:center right; background-repeat:no-repeat;
}

#right a.graphicLink { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/********************************************************************* entry */

#right .entry { display:block; width:180px; }

#right .entry p.normal {
	margin:0px 0px 0px 0px; padding:5px 9px 5px 11px;
}

#right .entry img { float:left; margin:8px 9px 5px 11px; }

#right .entry p.moreLink { text-align:right; padding:0px 9px 0px 11px; margin:0px 0px 5px 0px; }

#right .entry p.moreLink a {
	display:block;
  	background-image:url(../images/arrow_03.gif); padding-right:5px;
	background-position:center right; background-repeat:no-repeat;
}

#right .entry {
  	background-image:url(../images/right_entry.gif); padding-bottom:1px;
	background-position:bottom left; background-repeat:no-repeat;
}

#right .entry_top {
	padding-top:1px; width:180px;
	background-image:url(../images/right_topEntry.gif);
	background-position:top left; background-repeat:no-repeat;
}

#right .entry a.item {
	display:block; width:159px;
	margin:0px 0px 0px 1px; padding:5px 9px 5px 11px;
	text-decoration:none;
	color:#353F1F; font-weight:normal;
}

#right .entry a.item:hover {
	background-image:url(../images/right_entry_a_hover.gif);
	background-position:top right; background-repeat:repeat-y;
}

#right .entry a span.content {
	margin:0px 0px 0px 0px;
}

#right .entry a.item:hover p { text-decoration:underline;  }

#right .entry a.item span.date {
	margin:0px 0px 0px 0px;
	color:#666666; font-weight:bold;
}

#right .entry a.item:hover p.date { text-decoration:none;  }

#right ul.normal {
	list-style-type:none; margin:0px 0px 10px 16px; padding:0px 0px 0px 0px;
}

#right ul.normal li {
	margin:0px 0px 5px 0px; padding:0px 0px 0px 10px;
	background-image:url(../images/bullet_01.gif);
	background-position:0px 5px; background-repeat:no-repeat;
}

#right img.top { margin-top:5px; }

/******************************************************************************
 * Left Elements
 *****************************************************************************/

#left img.top { margin-top:5px; }

#left h1 {
	color:#335566; font-size:11px;
	margin:0px 0px 0px 0px; padding:5px 9px 5px 11px;
}

#left p {
	margin:0px 0px 0px 0px; padding:5px 9px 5px 11px;
}

/******************************************************************************
 * Center Elements
 *****************************************************************************/
#tempBanner {
	height:100px;
	background-image:url(../images/temp-banner.jpg);
	background-position:0px 0px; background-repeat:no-repeat;
}

div.mainInset {
	border-bottom:1px solid #aaaaaa; padding-bottom:20px;
}

#mainContent { }

#mainContent p {
	line-height:18px; max-width:600px; margin:10px 0px 0px 0px;
	/* Fix for I.E to emulate max-width. */
	/* See: http://www.cameronmoll.com/archives/000892.html */
	/* width: expression(document.body.clientWidth < 1000 ? "100%" : "600px" ); */
}

#mainContent p.highlight_01 {
	font-size:16px; line-height:26px; max-width:600px; font-weight:bold;
}

#mainContent h1 {
	color:#335566; font-size:20px; margin:20px 0px 20px 0px;
}

#mainContent h2 {
	color:#353F1F; font-size:14px; margin:10px 0px 10px 0px;
}

#mainContent h3 {
	color:#444444; font-size:14px;
}

#mainContent ul.normal {
	list-style-type:none; line-height:20px;
	margin:20px 0px 10px 16px; padding:0px 0px 0px 0px;
}

#mainContent ul.normal li {
	margin:0px 0px 5px 0px; padding:0px 0px 0px 10px;
	background-image:url(../images/bullet_01.gif);
	background-position:0px 8px; background-repeat:no-repeat;
}

#mainContent p.topBackToLink {
	text-align:right; margin-top:10px;
}

#mainContent div.mainInsetSplt {
	position:relative; float:left; width:100%; margin-top:20px;
	border-bottom:1px solid #aaaaaa; padding-bottom:20px;
}

#mainContent div.mainInsetSplt div.mis_left {
	position:relative; float:left; width:70%; padding-right:20px;
}

#mainContent div.mainInsetSplt div.mis_right {
	position:relative; float:left; width:25%; padding-bottom:30px;
	border-left:1px solid #cccccc;
}

#mainContent div.mainInsetSplt div.mis_right h1 {
	font-size:14px; margin:10px 0px 0px 10px;
}

#mainContent div.mainInsetSplt div.mis_right p {
	margin:10px 0px 0px 10px;
}
/******************************************************************************
 * general01
 *****************************************************************************/
div.general01 {
	float:left; clear:both;
	position:relative; float:left; width:100%; margin-top:10px;
	border-bottom:1px solid #aaaaaa; padding-bottom:20px;
}

div#mainContent div.general01 h2 {
	font-size:16px; margin-top:0px;
}

div#mainContent div.general01 p.date {
	color:#666666; margin-top:0px; font-size:10px;
}

/******************************************************************************
 * Large Icons
 *****************************************************************************/
#largeIconSection {
	float:left; clear:both; width:100%;
}

html>body #largeIconSection { margin-bottom:20px; }

a.largeIcon {
	display:block; float:left; width:150px; height:30px;
	background-position:0px 0px; background-repeat:no-repeat;
	margin:0px 5px 5px 0px;
}

a.largeIcon span { display:none; }

a.largeIcon:hover {
	background-position:0px -30px;
}

a#ktrains.largeIcon { background-image:url(../images/largeIcon-ktrains.jpg); }
a#btimes.largeIcon  { background-image:url(../images/largeIcon-btimes.jpg); }
a#weath.largeIcon   { background-image:url(../images/largeIcon-weath.jpg); }
a#stmargs.largeIcon   { background-image:url(../images/largeIcon-stmargs.jpg); }
a#maps.largeIcon   { background-image:url(../images/largeIcon-maps.jpg); }
a#pschool.largeIcon   { background-image:url(../images/largeIcon-pschool.jpg); }
a#council.largeIcon   { background-image:url(../images/largeIcon-council.jpg); }
a#clubs.largeIcon   { background-image:url(../images/largeIcon-clubs.jpg); }

/******************************************************************************
 * Small Icons
 *****************************************************************************/
#smallIconSection {
	float:left; clear:both; width:100%;
}

/******************************************************************************
 * Index Set 01
 *****************************************************************************/
.indexSet01 {
	float:left; clear:both; width:100%;
	margin-left:10px; margin-top:20px;
}

.indexSet01 .entry {
	float:left; width:150px;
	background-image:url(../images/bullet_01.gif);
	background-position:0px 5px; background-repeat:no-repeat;
	padding:0px 0px 10px 10px; margin-right:5px;
}

#mainContent .indexSet01 .entry p {
	margin:0px; line-height:normal; font-size:12px;
}

#mainContent .indexSet01 .entry p a {
	color:#335566;
}

/******************************************************************************
 * Inset Box 01 (small, originally used for brief club information)
 *****************************************************************************/
.insetBox01_container {
	float:left; clear:both; width:100%;
	border-top:1px solid #444444; margin-top:20px; margin-bottom:20px;
}

.insetBox01 {
	float:left; width:250px; margin:10px 10px 0px 0px; padding:10px;
	background-color:#F0F2E5; height:70px;
}

#mainContent .insetBox01 h1 {
	margin:0px 0px 5px 0px; font-size:14px;
}

#mainContent .insetBox01 p {
	margin:0px; padding:0px; font-size:11px; line-height:15px;
}

/******************************************************************************
 * Inset Box 02 (full width banner used on club pages)
 *****************************************************************************/
.insetBox02 {
	margin-bottom:20px;
	background-color:#F0F2E5;
	background-position:right; background-repeat:no-repeat;
}

.insetBox02_i {
	margin:10px 0px 0px 0px; padding:10px;
}

html>body .insetBox02_i { margin-bottom:20px; }

#mainContent .insetBox02 h1 {
	margin:0px 0px 5px 0px;
}

#mainContent .insetBox02 p {
	margin:0px 0px 5px 0px; padding:0px; font-size:11px; line-height:15px;
}

.insetBox02#royal_british_legion { background-image:url(../sections/clubs-societies/images/royal_british_legion_hdr_bg.jpg); }
.insetBox02#womens-institute { background-image:url(../sections/clubs-societies/womens-institute/hdr_bg.jpg); }
.insetBox02#pilates { background-image:url(../sections/clubs-societies/pilates/pilates_hdr_bg.jpg); }
.insetBox02#jazz-club {
	background-position:right top; height:120px;
	background-image:url(../sections/clubs-societies/jazz-club/jazz-club_hdr_bg.jpg);
}

/******************************************************************************
 * Generic Table
 *****************************************************************************/
table.generic {
	margin-bottom:20px;
}

table.generic thead th {
	padding-bottom:20px;
}

table.generic td {
	padding-bottom:10px;
}

table.generic td.price { text-align:center; }

/******************************************************************************
 * Misc
 *****************************************************************************/
div.fudge {
	float:left; width:98%; clear:both;
}