/* @import "SimpleDesignDefault.css"; */


/* reset styles
=======================================================*/
html, 
body, 
div, 
span, 
applet, 
object, 
iframe,
blockquote, 
pre, 
p,
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code,
del, 
dfn, 
em, 
font, 
img, 
ins, 
kbd, 
q, 
s, 
samp,
small, 
strike, 
strong, 
sub, 
sup, 
tt, 
var,
dl, 
dt, 
dd, 
ul, 

fieldset, 
form, 
label, 
legend,
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td
{border:0;font-size:100%;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;line-height:20px;}



/* --  ol, 
ul 
{list-style: none;}
*/

#titanBody {background-color:#fff;}


h1 {color:#555;margin-bottom:0.3em; font-size:16px;border:0;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
h2 {color:#555;margin-bottom:0.3em; font-size:15px;border:0;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
h3 {color:#555;margin-bottom:0.3em; font-size:14px;border:0;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
h4 {color:#555;margin-bottom:0.3em; font-size:13px;border:0;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
h5 {color:#777;margin-bottom:0.3em; font-size:9px;border:0;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
em, #content strong {color:#555;}
p {padding-bottom:.5em;}


/* links - general
=======================================================*/
a:link {color:#b31b1b}
a:visited {color:#b31b1b}
a:hover {color:#555}
a:active {color:#b31b1b}

/* common values for background divs - centering
=======================================================*/
#backgroundHeader, 
#backgroundMenu, 
#backgroundBannerImage, 
#backgroundQuote, 
#backgroundContent, 
#backgroundBottomMenu, 
#backgroundFooter
{text-align:center;width:100%;}

/* common values for content wrappers - centering
=======================================================*/
#header, 
#menu, 
#bannerImage, 
#quote, 
#content, 
#bottomMenu, 
#poweredBy
{margin:0px auto;text-align:left;width:748px;}



/* logo, pageTools and Search wrapper and content
=======================================================*/
#backgroundHeader {background-color:#556b2f;} 
#header {height:64px;}
#logoControlContainer {float:left;} 
#utils {float:right;text-align:right;}
#pageTools {margin:16px 0px 9px 0px}
#pageTools ul li{display:inline;font-size:0.7em;}
#pageTools a:link {color:#222;text-decoration:none;}
#pageTools a:visited {color:#222;text-decoration:none;}
#pageTools a:hover{color:#990000;text-decoration:none;}
#pageTools a:active {color:#222;text-decoration:none;}
#pageTools ul li a {background-position:left 50%;background-repeat:no-repeat;padding: 0 5px 0 20px;}
#pageTools ul li:first-child a {background:url(images/sch/bar_icon_link_2.png) no-repeat left 50%;padding:0 5px 0 20px;}
#pageTools ul li:first-child + li a {background:url(images/sch/bar_icon_email_2.png) no-repeat left 50%;padding:0 5px 0 20px;}
#pageTools ul li:first-child + li + li a {background:url(images/sch/bar_icon_print_2.png) no-repeat left 50%;padding:0 5px 0 20px;}
#searchBarContainer input {width:8em;}
#searchBarContainer input#searchGo {width:4.6em;}


#contentColumnRight #pageTools {margin:16px 0px 9px 0px}
#contentColumnRight #pageTools ul li{display:inline;font-size:0.7em;}
#contentColumnRight #pageTools a:link {color:#222;text-decoration:none;}
#contentColumnRight #pageTools a:visited {color:#222;text-decoration:none;}
#contentColumnRight #pageTools a:hover{color:#990000;text-decoration:none;}
#contentColumnRight #pageTools a:active {color:#222;text-decoration:none;}
#contentColumnRight #pageTools ul li a {background-position:left 50%;background-repeat:no-repeat;padding: 0 5px 0 20px;}
#contentColumnRight #pageTools ul li:first-child a {background:url(images/sch/bar_icon_link_2.png) no-repeat left 50%;padding:0 5px 0 20px;}
#contentColumnRight #pageTools ul li:first-child + li a {background:url(images/sch/bar_icon_email_2.png) no-repeat left 50%;padding:0 5px 0 20px;}
#contentColumnRight #pageTools ul li:first-child + li + li a {background:url(images/sch/bar_icon_print_2.png) no-repeat left 50%;padding:0 5px 0 20px;}


/* menu wrapper and content
=======================================================*/
#backgroundMenu {background-color:#556b2f;height:1.9em;}
#menu {font-size:.8em;padding:.6em 0px .6em 0px;} 
#menu ul li{display:inline;} 
#menu ul li a{color:#fff;font-weight:bold;padding:.6em .7em .5em .7em;text-decoration:none;} 
#menu ul li a.current{background-color:#bdb76b; color:#b31b1b;font-weight:bold;padding:.6em .7em .5em .7em;text-decoration:none;} 
#menu ul li a:hover {background-color:#bdb76b;} 

/* bannerImage wrapper and content 
=======================================================*/
#backgroundBannerImage {background-color:#bdb76b} 
#bannerImage {no-repeat 50% top;height:118px;}
#bannerImageContainer {}
#bannerImage img{margin:3px 0px 0px 0px;}

/* quote area wrapper and content - below bannerImage
=======================================================*/
#backgroundQuote {background-color:#556b2f;}
#quote {height:10px;background-color:#556b2f;}


/* BreadCrumb
=======================================================*/
#breadCrumbContainer {background-color:#fff;height:1.9em;}
#breadCrumbContainer {font-size:.8em;padding:.0em 0px 1.6em 0px;} 
#breadCrumbContainer ul li{display:inline;} 
#breadCrumbContainer ul li a{color:#556b2f;font-weight:bold;padding:.6em .7em .5em .7em;text-decoration:none;} 
#breadCrumbContainer ul li a.current{background-color:#fff; color:#b31b1b;font-weight:bold;padding:.6em .7em .5em .7em;text-decoration:none;} 
#breadCrumbContainer ul li a:hover {background-color:#fff;} 



#titleBarContainer {background-color:#fff;height:1.9em;color:#b31b1b}
#titleBarContainer {font-size:15px;padding:0px 0px 0px 0px;} 

/* content wrapper - contentleft, contentRight, contentCenter
=======================================================*/
#backgroundContent {}
#content {font-size:.8em;}
#content em, #content strong {color:#555;}
#content p {padding-bottom:.8em}
#contentColumnLeft {float:left;padding:5px;width:120px;height:100%; background-color:#bdb76b}
#contentColumnLeft{margin:0 0 0 1px; padding:0; width:182px; float:left; }
/* Level 1  */
#contentColumnLeft ul {margin: 0; padding: 0; list-style-type: none;}
#contentColumnLeft li {list-style-type: none; margin:0; padding:0; text-align:right; font-family:  Arial, Helvetica, sans-serif; font-size: 11px;}
#contentColumnLeft a:link, #contentColumnLeft a:visited {color:#000; font-weight:bold; text-decoration:none; text-align: right; display:block;padding:8px 14px 8px 0px; font-size:11px; border-bottom: solid #ccc 1px;}
#contentColumnLeft a:hover {color:#000; background: #fff;}
#contentColumnLeft ul a.current {padding:8px 14px 4px 0px; color:#b31b1b; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;  }
/*  2nd level pages in side navigation */
#contentColumnLeft ul li ul {margin: 0px; padding:0;list-style-type: none;}
#contentColumnLeft li ul li{margin:0; padding:0; text-align:right;   }
#contentColumnLeft li ul li a:link, #contentColumnLeft li ul li a:visited { font-weight:normal;color:#000; text-decoration:none; text-align: right; display:block; padding:4px 14px 4px 0px; _ padding:0px 4px 0px 20px; font-size:11px; border-bottom: solid #ccc 1px;}
#contentColumnLeft li ul li a.current:link, #contentColumnLeft li ul li a.current:visited { font-weight:normal;color:#b31b1b; text-decoration:none; text-align: right; display:block; padding:4px 14px 4px 0px; _ padding:0px 4px 0px 20px; font-size:11px; border-bottom: solid #ccc 1px;}

#contentColumnLeft li ul li a:hover {color:#000; background: #fff; }
/*  3rd level pages in side navigation */
#contentColumnLeft ul li ul li ul {margin: 0px; padding: 0;list-style-type: none;}
#contentColumnLeft li ul li ul li{margin:0; padding:0; text-align:left;}
#contentColumnLeft li ul li ul li a:link, #contentColumnLeft li ul li ul li a:visited { font-weight:normal;color:#333; text-decoration:none; display:block; padding:4px 14px 4px 40px; font-size:11px;}
#contentColumnLeft li ul li ul li a:hover {color:#000; background-color: #f1f1f1;}

#contentColumnCenter {float:left;padding:5px;width:540px;}
#contentColumnRight {float:right;padding:0px;width:160px;}
#contentColumnRight {color:#666;margin-bottom:0.3em; font-size:10px;}
#content h1 {color:#555;margin-bottom:0.3em; font-size:16px;}
#content h2 {color:#555;margin-bottom:0.3em; font-size:15px;}
#content h3 {color:#555;margin-bottom:0.3em; font-size:14px;}
#content h4 {color:#555;margin-bottom:0.3em; font-size:13px;}
#content h5 {color:#777;margin-bottom:0.3em; font-size:9px;}
.floatLeft {margin:4px 4px 0px 0px;float:left}
.floatRight {margin:4px 0px 0px 4px;float:Right}

/* bottomLinks wrapper and content 
=======================================================*/
#backgroundBottomMenu {background-color:#556b2f;border-top:1px solid #9f9f98;clear:both;}
#bottomMenu {font-size:.7em;height:1.8em;}
#bottomMenu a {padding:0px 5px 0px 5px;}
#bottomMenu a:link {color:#ddd}
#bottomMenu a:visited {color:#ddd}
#bottomMenu a:hover {color:#aaa}
#bottomMenu a:active {color:#ddd}

/* footer wrapper and content
=======================================================*/
#backgroundFooter {}
#poweredBy {font-size:.6em;padding-bottom:7px;text-align:right;}

.sitemap {
	display:list-item;
	LIST-STYLE-TYPE: square;
}



/* calendar styles */
.calendar {
	float: left;
	clear: both;
}
.calendarCallOut {
	width: 161px;
	float: left;
	margin: 10px 0px 0 5px;
	padding: 0;
}

table.calendar {
	width: 161px;
	padding: 0;
	margin: 0 0 10px 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

table.calendar .nav, table.calendar .nav a {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
	padding: 0 10px;
}	
table.calendar thead tr.caption th {
	border: 0;
	background: #556b2f;
	color: #fff;	 
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100px;
	height: 20px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
}
table.calendar tr.caption th.arrow {
	border: 0;
	background: #556b2f;
	color: #fff;	 
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: center;
}
table.calendar thead tr.caption th.arrow:hover {
	cursor: pointer;
	border: 0;
	background: #556b2f;
	color: yellow;	 
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: center;
}
table.calendar caption {
	margin: 0;
	padding: 0 0 2px 0;
	width: 161px;
	border: 0;
	background: #556b2f;
	color: #fff;	 
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
}
table.calendar th {
	width: 50px;
	height: 20px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

table.calendar .otherMonth {
	color: #aaa;
	font-weight: normal;
	background: #eee;
}
table.calendar td.selected {
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	background: #bdb76b;
}

table.calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
}

table.calendar td.hasevents {	
	text-decoration: none;
	font-weight: bold;
	color: #556b2f;
	background: none;
}
table.calendar .otherMonth.hasevents {
	color: #aaa;
	font-weight: normal !important;
	text-decoration: underline;
	background: #eee;
	padding-right: 1px;
}
table.calendar td.selected.hasevents {
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	background: #990000;
}
table.calendar td.hasevents:hover {
	color: #ffffff;
	background: #519b95;
	text-decoration: none;
}


.calendarCallOut .CalendarFilter {
	float: left;
	clear: both;
	padding: 20px 0 20px 0;
}
.calendarCallOut .CalendarFilter fieldset {
	float: left;
	clear: both;
	width: 120px;
	border: 0;
	border-top: 1px dotted #519b95;
	margin: 10px 0 5px 0;
}
.calendarCallOut .CalendarFilter fieldset label {
	font-weight: bold;
	color: #232d54;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
}
.calendarCallOut .CalendarFilter fieldset span {
	float: left;
	clear: both;
	margin: 2px 0;
}
html* .calendarCallOut .CalendarFilter fieldset span {
	margin: 0;
}
.calendarCallOut .CalendarFilter fieldset span input {
	margin: 0px 5px 0 0;
}
.calendarCallOut .CalendarFilter fieldset span label {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	line-height: 13px !important;
}	
.calendarCallOut .CalendarFilter input#btnEvents {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000;
	color: #fff;
	background: #519b95;
	padding: 1px 3px;
	margin: 10px 20px;
}
.calendarCallOut .CalendarFilter input#btnEvents:hover {
	font-weight: bold;
	color: #990000;
}
.calendarItem {
	float: left;
	width: 310px;
}
.calendarItem h3 {
	font-family: Verdana, Arial,Geneva, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	text-decoration: none;
	color: #065590;
	margin-top: 10px;
}
.calendarItem div.calendarItemCallout {
	float: left;
	width: 100%;
	clear: both;
	margin: 5px 0 20px 0;
}
.calendarItem div.calendarItemCallout div {
	float: left;
	clear: both;
	margin: 2px 0;
	color: #666666;
}
.calendarItem div label {
	float: left;
	clear: right;
	display: block;
	color: #232d54;
	font-weight: bold;
	width: 100px;
}
.calendarItem .Description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px; 
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	width: 100%;
	margin: 0;
	padding: 0;
}
.calendarItem .Description table {
	border: 0px solid white;
}
.calendarItem .Description td {	
	border: none;
}
.calendarNav {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	text-align: center;
	cursor: default;
}
.calendarNav:hover {
	cursor: pointer;
}

.calendarNav .selected {
	font-weight: bold;
}
.calendar ul.pagination li.prevbutton {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	text-align: right;
	margin: 0;
	color: #000;
	list-style: none;
}
.calendar ul.pagination li {
	float: left;
}
.calendar ul.pagination li span{
	margin: 0 5px;
}
.CalendarResults {
	float: left;
	width: 450px;
	color: #666666;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 4px;

}
.CalendarResults h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;

}

.CalendarResults .OneCol,
.CalendarResults .TwoCol {
	float: left;
	width: 450px;
	clear: both;
	margin: 5px;
}
.CalendarResults .OneCol div,
.CalendarResults .TwoCol div {
	float: left;
	clear: both;
	width: 450px;
	margin-bottom: 0px;
	padding: 1px;
	background: #fff;
}
.CalendarResults .OneCol div.altRow,
.CalendarResults .TwoCol div.altRow {
	background: #fff;
}

.CalendarResults h2 {
	float: left;
	clear: both;
	margin-bottom: 1px;
}
.CalendarResults span.date {
	float: left;
	font-weight: bold;
	width: 220px;
}
.CalendarResults span.time {
	display: block;
	float: left;
	font-weight: bold;
}
.CalendarResults span.location {
	display: block;
	float: left;
	font-weight: bold;
	width: 450px;
}
.CalendarResults p, 
.CalendarResults .OneCol div div.Description {
	float: left;
	width: 450px;
	clear: both;
	margin-bottom: 0;
	background: none;
	display: inline;
	padding: 0px 0;
	background: none;
}

/* For whats new type calendar display */
#contentColumnRight DIV DIV.CalendarResults, 
#contentColumnRight DIV DIV.CalendarResults div.data div.OneCol, 
#contentColumnRight DIV DIV.CalendarResults div.data div.OneCol div {
	float: right;
	width: 150px;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	display: inline;
	padding: 2px 0;
}

#contentColumnRight DIV DIV.CalendarResults span.location {
	float: left;
	font-weight: bold;
	width: 150px;
}
#contentColumnRight DIV DIV.CalendarResults span.date {
	float: left;
	font-weight: bold;
	width: 120px;
}



.loading {
	display: none;
}
.waiting .loading {
	display: none;
}
.waiting .data{
	width: 450px;
}
/* Makes the prevbutton and nextbutton calendar links on one line */
.data ul li{
	display: inline;
}

/** Picasa Album Block **/
.PicasaAlbumBlock div.AlbumImageList {padding:0 0 10px 0;}
.PicasaAlbumBlock div.AlbumImageList h3 {color:#333; font-size:12px; font-weight:bold; margin: 10px 0 15px 0; text-decoration: none;}
.PicasaAlbumBlock div.AlbumImageList h4 {color:#333; font-size:11px; font-weight:bold; margin: 10px 0; padding:0;}
.PicasaAlbumBlock div.AlbumImageList img {cursor:hand;}
.PicasaAlbumBlock div.AlbumImageList div.Preview {width:288px;float:left;padding:10px 10px 0 10px;margin:10px 0 0 10px;border: solid 1px gray;}
.PicasaAlbumBlock div.AlbumImageList div.FilmstripThumbs {width:170px;height:320px;overflow:scroll;padding:10px 10px 0 10px;margin:10px 10px 0 0;border: solid 1px gray;float:right;clear:none}
.PicasaAlbumBlock div.AlbumImageList div.FilmstripThumbs p {color:#333; font-size:10px; font-style:italic; margin-top:-3px}
.PicasaAlbumBlock div.AlbumImageList div.FilmstripThumbs img {}


/** LightBox Aggregation Block Support  **/
#ccontentColumnCenter .Aggregation div.AggregationResults div.LightBox {float: left; margin: 5px 0 10px 0; width: 205px; height: 365px; overflow-x: hidden; overflow-y: scroll; scrollbar-base-color: #666;}
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox {border: 0px solid #dedede; padding: 4px; background-color:#fff; margin: 0 5px 0 0; float: left; width: 100%; }
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div {border: 0px solid #dedede; padding: 4px; background-color:#fff; margin: 0 5px 0 0; float: left; }
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div {padding: 2px; margin: 0;}
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div:hover {background-color: #fff;} 
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div:hover a {color: #66F;}
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div.altRow {background-color: #fff;} 
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div.altRow:hover {background-color: #fff;} 
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div.image {float: left; width: 180px; }
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div.image h4{float: left; margin: 5px 0 0 0; width: 180px;}
#contentColumnCenter .Aggregation div.AggregationResults div.LightBox div.image P{float: left; margin: 5px 0; width: 180px; color: #ccc!important;}



/** CSS for the Picture Lightbox Stuff **/
#lightbox{
	
	position: absolute;
	
	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;
	
}


	#lightbox a img{ 
	border: none; 
}


#outerImageContainer{
	
	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}


#imageContainer{

	padding: 10px;

	}


#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{
 left: 0;
}

#hoverNav a{
 outline: none;
}


#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(images/blank.gif) no-repeat; 
/* Trick IE into showing hover */
	
	display: block;
	}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink {
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	 background: url(images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover {
 background: url(images/nextlabel.gif) right 15% no-repeat; 
}



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%
	
	}


#imageData{
	padding:0 10px;
	color: #666;
 }

#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left; 
}

#imageData #caption{
	font-weight: bold;
	}

#imageData #numberDisplay{
	display: block;
	clear: left; 
	padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;	
}	
		

#overlay{
	position: absolute;

	top: 0;
	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

        .Aggregation .AggregationResults .classifications,
        .Calendar .CalendarResults .classifications
        {
            display:none; 
        }    
    
    .Aggregation .AggregationResults .loading {
        display:none ;
    }
    .Aggregation .AggregationResults.waiting .loading {
        display:block ;
    }
    .Aggregation .AggregationResults.waiting .data {
        display:none ;
    }  


/*JAP - New comment form */

/* ==== comment form ====
======================== */	
.commentForm{
	margin-bottom:30px;
	padding-bottom:20px;
}
.commentForm p{display:none}
.commentForm h3{background:url(images/bgAddComment.jpg) no-repeat left top;width:435px;height:20px;color:#fff;padding:7px;font-size:14px;}

.commentForm .name,
.commentForm .email,
.commentForm .rating,
.commentForm .title,
.commentForm .comment,
.commentForm .recaptcha,
.commentForm .thankYouForm{margin-top:10px;}
.commentForm .comment textarea{display:block;}
.commentForm .label,
.recaptcha_only_if_image{font-weight:bold;display:block;}


.commentForm .comment .label{float:left;margin-right:5px;}

.commentForm table{border-collapse:collapse;margin:0;padding:0;}
.commentForm table tr{margin:0;padding:0;}
.commentForm table td{margin:0;padding:0;text-align:center;}

.commentForm .nameMessage,
.commentForm .emailMessage,
.commentForm .titleMessage,
.commentForm .ratingMessage,
.commentForm .commentMessage,
.commentForm .recaptchaMessage{display:none;}

.commentForm input#recaptcha_response_field{width:200px;margin-bottom:5px;}

.commentForm .icon{display:none;}
.commentForm .ErrorMessage{display:none;}

.commentForm .messageOn,
.commentForm .error{display:block;}
.commentForm .messageOn{color:#900}
.commentForm .error{margin-bottom:30px;padding:0 20px 20px 20px;width:408px;background:url(images/bgError.jpg) repeat-x left bottom;}

.commentForm .error .SFMessage{background:url(images/bltArrow.gif) no-repeat -3px 2px;}
.IE .commentForm .error .SFMessage{background:url(images/bltArrow.gif) no-repeat -3px 3px;}

.recaptcha_only_if_image{margin-top:20px;clear:both;}
#recaptcha_area div{clear:both;margin-top:0px;}
.commentForm .recaptcha a{color:#73b5e2;text-decoration:none;margin-right:10px;}
.commentForm .recaptcha a:hover{text-decoration:underline;}
.commentForm #recaptcha_tagline,
.commentForm #recaptcha_logo,
.commentForm .recaptcha_only_if_image a,
.commentForm .recaptcha_only_if_audio a{display:none}

.commentForm .buttons{margin-top:20px;}
.commentForm .buttons .btnSubmit{border:0;background:url(images/btnSubmit.jpg) no-repeat left top;cursor:pointer;height:27px;width:63px;color:#fff;font-weight:bold;padding-top:3px;margin-left:17px;}
.IE .commentForm .buttons .btnSubmit{padding-top:6px;}
.commentForm .buttons .btnSubmit:hover{color:#333;}
.commentForm .buttons,
.commentForm .thankYouForm{clear:both;}

/* ==== comments ====
======================== */	
.commenting .label{
	font-weight:bold;
	margin-right:5px;
}

.comments .label,
.summary .label{
	float:left;
	font-weight:bold;
	margin-right:5px;
}

.summary{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}

.summary .average,
.summary .count{
	margin-bottom:5px;
}	

.summary .average .rated{
	/*float:left;*/
	margin-right:4px;
}
.comments{margin-bottom:30px;}
.comments .comment .label{
	float:none;
}

.summary  .icon,
.comments .icon{
	display:none;
}

.comments .OneCol div{
	overflow:hidden;padding:10px;margin-bottom:5px;
}

.comments .OneCol div.altRow{background:#faf9f6;border:1px solid #f2efe6;width:85%}
.comments .OneCol div .title .label,.comments .OneCol div .comment .label{display:none}
.comments .OneCol div .title .value{font:bold 16px Arial,Helvetica,sans-serif;color:#9d9d90;margin-bottom:12px;}
.comments .OneCol div .title,
.comments .OneCol div .rating,
.comments .OneCol div .user,
.comments .OneCol div .dateTime,
.comments .OneCol div .comment{
	margin-bottom:6px;padding:0px;
}

.comments .OneCol div .title div,
.comments .OneCol div .rating div,
.comments .OneCol div .user div,
.comments .OneCol div .dateTime div,
.comments .OneCol div .comment div{
	padding:0px;margin-bottom:4px;
}

.comments .comment .value p{
	margin-bottom:0;
	padding-bottom:0;
	margin-top:5px;
	padding-top:0;
}
.comments .comment .value p:first-child{
	margin-top:0;
	padding-top:0;
}

.commenting .featured{
	margin:0 0 30px 0;
}

.features .OneCol div,
.features .OneCol div.altRow{border:1px solid #ddd;background:#f0f0f0;margin:8px 0;padding-left:10px;border-left:5px solid #b31b1b;}
.features .OneCol div h4 {margin-bottom:9px;}
.features .OneCol div h4 a{font:16px Helvetica,Arial,sans-serif;}
.features .OneCol div a{color:#b31b1b;}
.features .OneCol div a:hover{text-decoration:none;}
/* JAP - New Comment Form */