
/*==============================================================

	Version : 2009.08.10

==============================================================*/


/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, strong, 
dl, dt, dd,  ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1;}
ul { list-style: none;}

/* TYPOGRAPHY */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color:#333;
}
p, li, td {
	font-size: 1.4em;
	line-height: 1.5em;
}
td td {
	font-size: 1em;
}
li ul li {font-size:1em;}
p {margin-bottom:1em;}


/* OVERALL LAYOUT */

body {background: url(../Images/templates/generic_bg_body.png) repeat-x #F3F3F3 top;}
#wrapper {
	margin:0 auto;
	width:980px;
	position:relative;
}
#header {
	position:relative;
	height:135px;
}
#footer {
	width:100%;
	min-height:250px;
	clear:both;
	background:url(../Images/templates/bg_footer.png) repeat-x top #666;
}
a:link, a:visited {color:#06798B;}
a:hover {color:#06798B;background-color:#C1DDE2;}
a:active {color:#FFF;background-color:#06798B;}

a.champaign {color:#006679}
a.dewitt {color:#1D2789}
a.ford {color:#20A339}
a.livingston {color:#D6A000}
a.macon {color:#FF3E00}
a.mclean {color:#CC3333}
a.piatt {color:#0086B3}

/* HEADER */

#header a:link, #header a:visited {color:#FFF;}
#header a:hover {text-decoration:none;}
#header hr {background:url(../Images/templates/generic_bg_hr.png) repeat-x transparent;}

div#nav-primary {
	background:url(../Images/templates/generic_bg_nav_primary.png) repeat-x;
	width:430px;
	height:40px;
	padding:0;
	position:absolute;
	top:65px;
	left:320px;
	text-align:center;
}
div#nav-primary ul li {
	display:block;
	float:left;
	font-size:1.8em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	height:36px;
	margin:0;
	padding:0 0;
	border-right:1px solid #751792;
	text-shadow: 1px 1px 1px #3B0455;
}
div#nav-primary ul li#nav-events {width:93px;}
div#nav-primary ul li#nav-match {width:108px;}
div#nav-primary ul li#nav-volunt {width:125px;}
div#nav-primary ul li#nav-donate {width:100px;}

div#nav-primary ul a {display:block;margin-top:5px;}
div#nav-primary ul a:link, div#nav-primary ul a:visited {text-decoration:none;}
div#nav-primary ul a:hover {text-decoration:underline;background-color:transparent;}

div#nav-secondary {
	background-color:#57116E;
	width:660px;
	padding:5px 0px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	text-shadow: 1px 0px 1px #000;
}
/* Spry Menu Bar */
ul.MenuBarHorizontal {}
ul.MenuBarActive {z-index: 1000;}
ul.MenuBarHorizontal li {
	list-style-type: none;
	/*font-size: 100%;*/
	position: relative;
	text-align: left;
	cursor: pointer;
	/*width: 8em;*/
	float: left;
	font-size:1em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin:0 12px;
	text-shadow: 0px -1px 1px #000;
}
ul.MenuBarHorizontal ul {
	margin: 5px 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
	background-color: #57116E;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #985FAF;
}
ul.MenuBarHorizontal a:active {text-decoration:overline underline; background-color:#481607;}




ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}
ul.MenuBarHorizontal ul li {
	width: 8.2em;
	margin:0;
}
ul.MenuBarHorizontal a {
	display: block;
	cursor: pointer;
	padding:0;
	text-decoration:underline;
	color:#FFF;
}
ul.MenuBarHorizontal ul a {
	padding:5px;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {text-decoration:none;background-color:transparent;}
ul.MenuBarHorizontal a:active {text-decoration:overline underline; background-color:#481607;}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	text-decoration:none;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu {background: url(../Scripts/SpryMenuBarDownHover.gif) no-repeat 95% 50%; padding-right:16px;}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background: url(../Scripts/SpryMenuBarRightHover.gif) no-repeat 95% 50%;}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {background: url(../Scripts/SpryMenuBarDown.gif) no-repeat 95% 50%;}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {background: url(../Scripts/SpryMenuBarRight.gif) no-repeat 95% 50%;}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE {
		display: inline;
		f\loat: left;
		background: transparent;
	}
}


#header hr {
	width:780px;
	height:3px;
	border:none;
	position:absolute;
	top:116px;
	left:0;
	margin:0;
}

/* BANNER */

#banner {
	width:780px;
	height:330px;
	margin:-10px 0 0;
	padding:0;
	/* set images in county stylesheet */
}
#banner h1 {
	text-indent:-9999px;
	display:block;
	/* set images in county stylesheet */
}


/* CONTENT */
#content {
	width:740px;
	padding:20px;
	margin:10px 0;
	float:left;
	clear:left;
	background:#FFF url(../Images/templates/bg_content.png) repeat-x 0 90px;
	border:2px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	min-height:570px;
	}
	body#section-home #content {
		background-image:none;
}
#content p.breadcrumb {
	font-size:1.1em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin-bottom:0.5em;
}
#content p.date,
#content p.loggedin {
	font-size:1.0em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	color:#666;
	margin-bottom:0.5em;
}
#content p.loggedin {
	float:right;
	margin-top:-1.5em;
}
#content h1 {
	font-size:3.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin-bottom:0.8em;
	background-color:#FFF;
}
#content h2 {
	font-size:2.4em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:normal;
	margin:0.8em 0;
}
#content h3 {
	font-size:1.8em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin:0 0 0.5em;
}
#content h4 {
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin:0 0 8px;
}
#content ul {
	margin-bottom:1.4em;
}
#content li {
	list-style:disc;
	margin-left:2em;
}
#content hr {
	height:1px;
	border:none;
	background-color:#CCC;
	margin:10px 0;
}

#content div.display0 {display:none}/* shows or hides div based on whether logged in */
#content div.display1 {display:block}

#content div.col1 {
	width:350px;
	float:left;
}
#content div.col2 {
	width:350px;
	float:right;
	padding-left:20px;
	background:url(../Images/templates/bg_vertrule.png) repeat-y top left;
}
#content div.col1 h2,
#content div.col2 h2 {
	margin-top:0;
	font-size:2.2em;
	font-weight:bold;
	}
	body.homepage #content div.col1 h2,
	body.homepage #content div.col2 h2 {
		font-size:1.9em;
}
#content div.col1 img,
#content div.col2 img {
	border:solid 1px #333;
}
#content div.col1 img.noborder,
#content div.col2 img.noborder {
	border:none;
	display:block;
}
#content div.col1 p.date {
	font-size:1.4em;
	font-weight:normal;
	font-style:italic;
	margin-bottom:0;
}
#content p.event,
#content div.col1 p.event {
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin-bottom:0.5em;
}
div.booking-list {
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}
div.matchmonth {
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}
#content div.matchmonth img {
	display:block;
	width:350px;
}
#content div.matchmonth h3 {
	font-size:1.4em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin:0.5em 0;
}
img.pic-left,
span.pic-left img {
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #333;
}
img.pic-right,
span.pic-right img {
	float:right;
	margin:0 0 10px 10px;
	border:solid 1px #333;
}
#content div.matchmonth span.pic-right img {
	width:175px;
}
p.clearall {
	display:block;
	clear:both;
	font-size:1px;
}
a#donate-now:link, a#donate-now:visited,
a#volunteer:link, a#volunteer:visited {
	display:block;
	width:200px;
	height:54px;
	float:right;
	margin:0 0 20px 20px;
	text-indent:-9999px;
	background:url(/Images/templates/button_donate_now.png) no-repeat top;
}
a#volunteer:link, a#volunteer:visited {
	background:url(/Images/templates/button_volunteer.png) no-repeat top;
}
a#donate-now:hover {background:url(/Images/templates/button_donate_now.png) no-repeat bottom;}
a#volunteer:hover {background:url(/Images/templates/button_volunteer.png) no-repeat bottom;}

/* STAFF LIST */
table.staff-list {
	clear:both;
	width:100%;
	margin-bottom:10px;
}
table.staff-list td {
	padding:10px 0;
	border-bottom:1px solid #999;
	display:table-cell;
	vertical-align:top;
	font-size:1em;
	}
table.staff-list td.staff-pict {
	padding-right:10px;
	width:100px;
}
table.staff-list td.staff-pict span.thumb-bg {
	display:block;
	width:90px;
	height:120px;
	background:url(/Images/templates/nopic.jpg) no-repeat center;
}
table.staff-list td.staff-pict span.thumb-bg img {
	display:block;
	width:90px;
	height:120px;
}
table.staff-list td.staff-info p.staff-name {
	font-size:1.6em;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin-bottom:0;
}
table.staff-list td.staff-info p.staff-role {
	font-size:1.2em;
	text-transform:uppercase;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin-bottom:0;
}
table.staff-list td.staff-info p.staff-email {
	font-size:1.2em;
}
table.staff-list td.staff-info p.staff-bio {
	font-size:1.2em;
}




/* SIDEBAR */
#sidebar {
	width:180px;
	margin:0;
	float:right;
	margin-top:-100px;
	}
	body#section-home #sidebar {
		margin-top:-420px;/* accounts for banner height of 330px + -10px top margin */
	}
	body#section-home #sidebar.homepage {
		margin-top:-100px;
}
#sponsors {
	width:170px;
	padding:5px;
	margin:0 0 80px;
	background-color:#333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
div.advertisement {
	margin:5px 0;
	padding-bottom:10px;
	border-bottom:1px solid #601381;
}
div#sponsors div.last {
	margin-bottom:0px;
	padding-bottom:10px;
	border-bottom:none;
}
div.advertisement p {
	font-size:1.2em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-align:center;
	margin:0 0;
	color:#FFF;
}
div.advertisement p a {
	font-size:0.7em;
	color:#FFF;
}
div.advertisement a {
	display:block;
	width:170px;
	overflow:hidden;
}
div.advertisement p a:hover {
	background-color:#FFF;
	color:#333;
}

/* SEARCH */

div#search {
	width:180px;
	margin-bottom:50px;
}
div#search h5 {
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin:0 0 8px;
	color:#751792;
}
div#search form {
	width:180px;
}
#search input.cat_textbox_small {
	margin: 0 5px 0 0;
	width:105px;
	height:16px;
	float:left;
}
#search input#btn-search {
	width:60px;
	float:right;
}

/* LOGIN */

form#biglogin div.item {
	margin:0 0 10px 0;
}
form#biglogin label {
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	padding-bottom:5px;
}
form#biglogin input[type="text"],
form#biglogin input[type="password"] {
	width:250px;
	height:24px;
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
form#biglogin input[type="submit"] {
	font-size:1.8em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}

/* UPDATE INFO */

form#update fieldset {
	margin-bottom:10px;
	/*padding-bottom:10px;
	border-bottom:1px solid #CCC;*/
}
form#update legend {
	margin-bottom:15px;
	padding:1%;
	display:block;
	width:98%;
	background-color:#CCC;
}
form#update legend h3 {
	margin:0;
}
form#update table label {
	display:inline-block;
	width:150px;
}
form#update table input[type="text"],
form#update table input[type="password"]{
	display:inline-block;
	width:175px;
}
form#update input#catupdatedetailsformbutton {
	font-size:2em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin:5px 0 5px 340px;
}

/* CONTACT FORM */

form#contact-form fieldset {
	margin:10px 0;
}
form#contact-form legend {
	margin-bottom:15px;
	padding:5px 5px;
	display:block;
	width:98%;
	background-color:#CCC;
	font-weight:bold;
}
form#contact-form legend h3 {
	margin:0;
	font-size:1.6em;
}
form#contact-form table {
	margin:10px 0;
}
form#contact-form td {
	padding:2px 5px;
	font-size:1.6em;
	border-bottom:1px dashed #CCC;
}
form#contact-form table label {
	display:inline-block;
	width:170px;
}
form#contact-form table input[type="text"],
form#contact-form table input[type="password"],
form#contact-form table select {
	display:inline-block;
	width:250px;
	font-size:1.2em;
}
form#contact-form table textarea {
	display:inline-block;
	width:400px;
	height:200px;
	font-size:1.1em;
}
form#contact-form input[type=checkbox] {
	display:inline-block;
	margin:3px 10px 0 170px;
}

form#contact-form table td.captcha {
	padding-left:180px;
}
form#contact-form table td.captcha label {
	display:block;
	width:400px;
}
form#contact-form input.cat_button {
	margin:3px 10px 0 180px;
	font-size:1.4em;
}

	/*			
				form.update_form input[type=text],
				form.update_form input[type=password] {
					font-family:"Century Gothic", Futura, Helvetica, Arial, sans-serif;
					font-size:1.2em;
					width:240px;
					height:22px;
					padding:2px;
					float:left
				}
				form.update_form textarea {
					font-family:"Century Gothic", Futura, Helvetica, Arial, sans-serif;
					font-size:1.0em;
					width:240px;
					height:80px;
					padding:2px;
					float:left
				}
*/


/* NEWS SIGNUP */

div#newsletter {
	width:180px;
	margin-bottom:40px;
}
div#newsletter h5 {
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	margin:0 0 5px;
	color:#751792;
}
div#newsletter form {
	width:180px;
}
div#newsletter label {
	display:block;
	width:180px;
	height:18px;
	font-size:1.4em;
	margin-bottom:2px;
	padding-top:4px;
	clear:both;
}
#newsletter input.cat_textbox_small {
	margin: 0 0 0 5px;
	width:110px;
	height:16px;
	float:right;
	clear:right;
}
#newsletter input.cat_textbox {
	margin: 0;
	width:176px;
	height:16px;
}
#newsletter input#btn-signup {
	clear:both;
	float:right;
	margin-top:2px;
}

/* COMPARISON CHART */
table.comparison {
	background-color:#FFF;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin:10px auto 20px;
}
table.comparison th {
	background-color:#666;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #808080;
	padding:5px 3px;
}
table.comparison td {
	background-color:#FFF;
	text-align:center;
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	padding:3px;
}
table.comparison td.county {
	background-color:#666;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:3px;
	width:10%;
}
table.comparison td.champaign {background-color:#006679}
table.comparison td.dewitt {background-color:#1D2789}
table.comparison td.ford {background-color:#20A339}
table.comparison td.livingston {background-color:#FDB40B}
table.comparison td.macon {background-color:#FF3E00}
table.comparison td.mclean {background-color:#CC3333}
table.comparison td.piatt {background-color:#0086B3}

table.comparison a {color:#FFF;}
table.comparison th a:hover,
table.comparison td.county a:hover {color:#FFF; background-color:#333; text-decoration:none;}



/* FOOTER */

#footer-content {
	width:980px;
	margin:20px auto 0;
	padding:20px 0;
}
p#footer-logo {
	display:block;
	width:200px;
	height:50px;
	margin:0 30px 30px 0;
	float:left;
	text-indent:-9999px;
	background:url(../Images/templates/generic_logo_footer.png) no-repeat;
}
p#footer-address {
	font-size:1.2em;
	line-height:1.3em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color:#FFF;
	margin:16px 0 30px 0;
	float:left;
	clear:right;
}
div#nav-footer {
	display:inline-block;
	float:none;
	clear:both;
	height:29px;
	width:auto;
	background-color:#595959;
	text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
div#nav-footer ul li {
	display:block;
	float:left;
	font-size:1.2em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	margin:0;
	padding:5px 12px;
	height:19px;
}
div#nav-footer ul li:first {margin:0 12px 0 0;}
div#nav-footer ul li:last {margin:0 0 0 12px;}

div#nav-footer ul li#nav-f-events,
div#nav-footer ul li#nav-f-match,
div#nav-footer ul li#nav-f-volunt,
div#nav-footer ul li#nav-f-donate {
	background-color:#333;
}
li#nav-f-events {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
}
li#nav-f-donate {
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
}
div#footer a, div#footer a:link, div#footer a:visited {color:#FFF;}
div#footer a:hover {text-decoration:none;background-color:transparent;}

img.footer-sponsor, a.footer-sponsor {
	float:right;
	clear:right;
	margin-bottom:4px;
}

/* HCARD FORMAT */

.vcard a.fn {
	font-size:1.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	font-weight:normal;
	margin:0 0 0.5em;
}
.vcard .adr {display:block; margin-top:0.5em;}

.vcard .adr span,
.vcard .adr div,
.vcard .adr abbr,
.vcard .tel,
.vcard .email {
	font-size:1.4em;
	line-height:1.5em;
}
.vcard .email { font-weight:bold;}


/* FORUMS */

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {
	color: #666;
}

div.forum-registration h2 {
	color: #000;
}
div.post p.postdate {
	margin:1em 0 0;
}
table.forum {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {
	font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {
	border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {
	border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {
	float: left;
	width: 50px;
}

table.forum .forum {
	margin: 0 0 0 50px;
}

table.forum h3 {
	margin: 0;
}

table.forum h3 a {
	text-decoration: none;
}

ul.cap-top,
ul.cap-bottom {
	height: 30px;
	margin: 0 0 10px;
	padding: 0;
}

ul.cap-bottom {
	margin: 10px 0 0;
}

ul.cap-top li,
ul.cap-bottom li {
	display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {
	float: left;
	width: 300px;
}
#content ul.cap-top li.user {
	margin-left:0;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{
	float: right;
	margin: 0;
	padding: 0 9px;
	background-color:transparent;
}

table.topic-list {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {
	background: #DDD;
	border: 1px solid #ddd;
	color: #000;
	font-size: 1em;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {
	font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {
	float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 1em;
	text-align: center;
	width: 10%;
}

table.topic-list .date {
	font-size: 1em;
	text-align: right;
	width: 20%;
}

table.topic-list td {
	padding: 0;
}

table.topic-list a {
}

table.topic {
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td {
	padding: 9px;
	font-size:1em;
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px;
}

.forum-registration input.cat_button {
	margin: 0 6px 0 0;
}

.forum-posts-container .breadcrumb {
	font-size: 1em;
	padding: 6px;
}

.forum-posts-container h1 {
	margin: 18px 0;
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {
	background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {
	width: 100px;
}

#content .forum-posts-container h3.name {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px;
}

/* @end */

/* @group System Message */

.system-message, .system-error-message {
	/*background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;*/
	padding: 18px 18px 18px 180px;
}
.system-message {
	background: url(/CatalystImages/ok.png) no-repeat 29px 18px;	
}
.system-error-message {
	background: url(/CatalystImages/error.png) no-repeat 26px 26px;
}
.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}
.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}
/* @end */

/* PHOTO GALLERY */

#imageContainer img {
	margin: 0;
}

table.photogalleryTable td {
	padding: 10px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
table.photogalleryTable td a {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:128px;
	height:128px;
	padding:22px 18px 16px;
	background:url(../Images/templates/slideframe.png) no-repeat center center;
}

/* WEB APPS */

/*pagination*/
ul.pagination {
	margin: 0;
	padding: 0;
}
div.col1 ul.pagination {
	display:none;
}
ul.pagination li {
	display: inline;
	list-style: none;
	margin: 0 2px;
}

/* @end */

/* DONATIONS & CHECKOUT */
table.prodList {
	display:table;
	width:740px;
}
table.prodList td {padding:2px;}
table.prodList td.prodName {
	font-size:1.2em;
	font-weight:bold;
	display:table-cell;
	width:300px;
}
table.prodList td.detailsLink {
	font-size:0.8em;
	font-weight:normal;
	display:table-cell;
	width:170px;
}
table.prodList td.price {
	font-size:1.0em;
	font-weight:bold;
	display:table-cell;
	width:140px;
	text-align:right;
}
table.prodList td.cartButton {
	font-size:1.0em;
	display:table-cell;
	width:130px;
}
table.cart {
	display:table;
	width:740px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
table.cart td {
	padding:4px 10px;
	border-right:1px solid #999;
}
table.cart th {
	background-color:#666;
	font-size:1.2em;
	color:#FFF;
	text-align:left;
	padding:4px 10px;
}
table.cart tr.val td,
table.cart tr.total td {
	font-size:1.4em;
	border-bottom:1px solid #999;
}
table.cart td.prodName {
	display:table-cell;
	width:40%;
}
table.cart td.price,
table.cart th.price{
	display:table-cell;
	width:15%;
	text-align:right;
}
table.cart td.quantity {
	display:table-cell;
	width:15%;
}
table.cart td.right { text-align:right;}
table.cart td.quantity input.cartInputText {
	width:30px;
}
table.cart tr.val td.action {
	display:table-cell;
	width:15%;
	font-size:1.2em;
}
table.cart td div.productitemcell {
	margin-bottom:10px;
}

