.Comments { padding: 0px; margin: 20px 0px 0px 0px;}
.Comments .List h3 { font-size: 16px; letter-spacing: -1px; color:#004080; background:url(images/CommentsListHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 0px; margin: 0px; }
.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

/*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ 
.Comments .List .ListNr { color:#a8bed7; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: normal; letter-spacing: -1px; width: 18px; height: 16px; padding: 4px; text-align: center; border: solid 1px #cee0f4; background: #eaf4ff; }

.Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;}
.Comments .List .ListUser a { text-decoration: none;}
.Comments .List .ListUser a:visited { text-decoration: none;}
.Comments .List .ListUser a:hover { text-decoration: none;}

.Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 10px; }
.Comments .List .ListDate a { color:#8c97a1; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: none;}
.Comments .List .ListContent { color:#333; font-size: 11px; line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 12px; line-height: 18px; font: normal 13px "Trebuchet MS", Arial; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form {}
.Comments .Form h3 { font-size: 16px; letter-spacing: -1px; color:#004080; background:url(images/CommentsFormHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px;}

.Comments .Form form { padding: 20px; margin: 0px; background: #accbed url(images/CommentsFormEndBkg.gif) no-repeat left bottom;}
.Comments .Form p { padding: 3px 0px; margin: 0px; font-size: 12px; color:#000033;}
.Comments .Form p label { padding-bottom: 11px; display: block;}
.Comments .Form p label small { font-size: 12px; color: #000033}

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #89afd8; padding: 5px; font-family: Verdana; font-size: 12px; margin-right: 20px; color:#40454b;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 14px; color:#40454b;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 7px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; }
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 7px; }


.Comments .Form #pSubmitComment {
	display: block; width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 7px;
}

.Comments .Form #pSubmitComment:hover {
	display: block; width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 7px;
}
h1, h2, h3 { margin: 0px; }


	/* Header styles */
    .header {
        clear:both;
        float:left;
        width:100%;
		/*background: #ffff99;*/
    }


    .footer {
        clear:both;
        float:left;
        width:100%;
		/*background: #ff99ff;*/
    }


	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}

	/* common column settings */
	.p2Cp46_cr,
	.p2Cp46_cm,
	.p2Cp46_cl {
		float:left;
		width:100%;
		position:relative;
	}

	.p2Cp46_c1,
	.p2Cp46_c2,
	.p2Cp46_c3 {
		float:left;
		position:relative;
		padding: 0;
		overflow:hidden;
	}

	/* 2 Column (right menu) settings */
	.p2Cp46 {
		/*background: #ff9999;*/		/* right column background colour */
	}
	.p2Cp46_cl {
		right:60%;				/* right column width */
		/*background: #99ffff;*/		/* left column background colour */
	}
	.p2Cp46_c1 {
		width:39%;				/* left column content width (left column width minus left and right padding) */
		left:60%;				/* (right column width) plus (left column left padding) */
	}
	.p2Cp46_c2 {
		width:59%;				/* right column content width (right column width minus left and right padding) */
		left:62%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}




	.p2Cp55_cr,
	.p2Cp55_cm,
	.p2Cp55_cl {
		float:left;
		width:100%;
		position:relative;
	}

	.p2Cp55_c1,
	.p2Cp55_c2,
	.p2Cp55_c3 {
		float:left;
		position:relative;
		padding: 0;
		overflow:hidden;
	}

	.p2Cp55 {
		/*background: #999999;*/		/* right column background colour */
	}
	.p2Cp55_cl {
		right:50%;				/* right column width */
		/*background: #666699;*/		/* left column background colour */
	}
	.p2Cp55_c1 {
		width:49%;				/* left column content width (left column width minus left and right padding) */
		left:50%;				/* (right column width) plus (left column left padding) */
	}
	.p2Cp55_c2 {
		width:49%;				/* right column content width (right column width minus left and right padding) */
		left:52%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}












	.p2Cp3_cr,
	.p2Cp3_cm,
	.p2Cp3_cl {
		float:left;
		width:100%;
		position:relative;
	}

	.p2Cp3_c1,
	.p2Cp3_c2,
	.p2Cp3_c3 {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}

	.p2Cp3 {
		/*background: #999999;*/		/* right column background colour */
	}
	.p2Cp3_cl {
		right:85%;				/* right column width */
		/*background: #666699;*/		/* left column background colour */
	}
	.p2Cp3_c1 {
		width:15%;				/* left column content width (left column width minus left and right padding) */
		left:85%;				/* (right column width) plus (left column left padding) */
	}
	.p2Cp3_c2 {
		width:75%;				/* right column content width (right column width minus left and right padding) */
		left:90%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}












	.p2Cfr200 {
		background: #ffebb1;
		right: 10px;				/* right column right margin */
		margin-bottom: 10px;		/* whole div bottom margin */
	}

	.p2Cfr200_cl {
		float:left;
		width:200%;
		margin-left:-320px;					/* width of right column */
		position:relative;
		right:100%;
		background: #ffffff;
	}

	.p2Cfr200_c1w {
		float:left;
		width:50%;
		position:relative;
		left:50%;
		padding-bottom:0;
	}

	.p2Cfr200_c1 {
		margin:0 10px 0 340px;				/* left column right margin, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr200_c2 {
		float:right;
		width:300px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:310px;							/* right column width - right column right padding */
	}













	.p2Cfr100 {
		/*background: #99ff99;*/				/* right column background color */
	}

	.p2Cfr100_cl {
		float:left;
		width:200%;
		margin-left:-100px;					/* width of right column */
		position:relative;
		right:100%;
		/*background: #9999ff;*/				/* left column background color */
	}

	.p2Cfr100_c1w {
		float:left;
		width:50%;
		position:relative;
		left:50%;
		padding-bottom:1em;
	}

	.p2Cfr100_c1 {
		margin:0 0px 0 100px;				/* left column right padding, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr100_c2 {
		float:right;
		width:80px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:90px;							/* right column width - right column right padding */
	}










	.p2Cfr400 {
		background: #ffebb1;
	}

	.p2Cfr400_cl {
		float:left;
		width:200%;
		margin-left:-400px;					/* width of right column */
		position:relative;
		right:100%;
		background: #ffffff;
	}

	.p2Cfr400_c1w {
		float:left;
		width:42%;
		position:relative;
		left:50%;
		/*padding-bottom:1em;*/
	}

	.p2Cfr400_c1 {
		margin:0 10px 0 400px;				/* left column right padding, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr400_c2 {
		float:right;
		width:310px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:385px;							/* right column width - right column right padding */
	}

























	.p2Cfr4 {
		/*background: #99ff99;*/				/* right column background color */
	}

	.p2Cfr4_cl {
		float:left;
		width:200%;
		margin-left:-0px;					/* width of right column */
		position:relative;
		right:100%;
		/*background: #9999ff;*/				/* left column background color */
	}

	.p2Cfr4_c1w {
		float:left;
		width:50%;
		position:relative;
		left:50%;
	}

	.p2Cfr4_c1 {
		margin:0 10px 0 5px;				/* left column right padding, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr4_c2 {
		float:right;
		width:0px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:0px;							/* right column width - right column right padding */
	}


	/* holy grail 3 column settings */
	.p3Cf1 {
	    background: #fff;    		/* Right column background colour */
	}

    .p3Cf1_cm {
        float: left;
        width: 200%;
        margin-left: -20px; 			/* Width of right column */
        position: relative;
        right: 100%;
        background: #fff;    	/* Centre column background colour */
    }
    
	.p3Cf1_cl {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 150px;         	/* Left column width + right column width */
        _left: 120px;         	/* Left column width + right column width */
        background: #fff;    				/* Left column background colour */
    }
    
	.p3Cf1_c1w {
		float: left;
		width: 50%;
		position: relative;
		right: 130px;        	/* Width of left column */
		_right: 100px;        	/* Width of left column */
		padding-bottom: 1em; 					/* Centre column bottom padding. Leave it out if it's zero */
		padding-top: 3px;
	}
	
	.p3Cf1_c1 {
		margin:0 30px 0 140px;     	/* Centre column side padding:
		_margin:0 30px 0 110px;     	/* Centre column side padding:
																															Left padding = left column width + centre column left padding width
																															Right padding = right column width + centre column right padding width */
		position:relative;
		left:200%;
		overflow:hidden;
	}
    
	.p3Cf1_c2 {
        float: left;
        float: right;																/* This overrides the float:left above */
        width: 130px;        	/* Width of left column content (left column width minus left and right padding) */
        _width: 100px;        	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 0px;         									/* Width of the left-had side padding on the left column */
		  padding-top: 5px; 
    }
    
	.p3Cf1_c3 {
        float: left;
        float: right;																	/* This overrides the float:left above */
        width: 20px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 0px;  			/* Width of right column right-hand padding + left column left and right padding */
        position: relative;
        left: 50%;
		  padding-top: 3px;
    }


















	/* common column settings */
	/* earlier p3Cp33 */
	.p3Cp1_cr,
	.p3Cp1_cm,
	.p3Cp1_cl {
		float: left;
		width: 100%;				/* width of page */
		position: relative;
	}

	.p3Cp1_c1,
	.p3Cp1_c2,
	.p3Cp1_c3 {
		float: left;
		position: relative;
		padding: 0;																	/* no left and right padding on columns, we just make them narrower 
																							instead only padding top and bottom is included here, make it whatever value you need */
		overflow: hidden;
		padding: 0em 0 0em 0;
	}

	/* 3 Column settings */
	.p3Cp1 {
		background: #ffffff;			/* right column background colour */
	}

	.p3Cp1_cm {
		right: 33%;						/* width of the right column */
		background: #ffffff;		/* center column background colour */
	}

	.p3Cp1_cl {
		right: 33%;					/* width of the middle column */
		background: #ffffff;			/* left column background colour */
	}
	
	.p3Cp1_c1 {
		width: 29%;				/* width of center column content (column width minus padding on either side) */
		left: 102%;													/* 100% plus left padding of center column */
	}
	
	.p3Cp1_c2 {
		width: 32%;						/* Width of left column content (column width minus padding on either side) */
		left: 37%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.p3Cp1_c3 {
		width: 31%;																		/* Width of right column content (column width minus padding on either side) */
		left: 74%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}



















	/* common column settings */
	/* earlier p3Cp33 */
	.p3Cp2_cr,
	.p3Cp2_cm,
	.p3Cp2_cl {
		float: left;
		width: 100%;				/* width of page */
		position: relative;
	}

	.p3Cp2_c1,
	.p3Cp2_c2,
	.p3Cp2_c3 {
		float: left;
		position: relative;
		padding: 0;																	/* no left and right padding on columns, we just make them narrower 
																							instead only padding top and bottom is included here, make it whatever value you need */
		overflow: hidden;
		padding: 1em 0 1em 0;
	}

	/* 3 Column settings */
	.p3Cp2 {
		background: #ffffff;			/* right column background colour */
	}

	.p3Cp2_cm {
		right: 33%;						/* width of the right column */
		background: #ffffff;		/* center column background colour */
	}

	.p3Cp2_cl {
		right: 33%;					/* width of the middle column */
		background: #ffffff;			/* left column background colour */
	}
	
	.p3Cp2_c1 {
		width: 29%;				/* width of center column content (column width minus padding on either side) */
		left: 102%;													/* 100% plus left padding of center column */
	}
	
	.p3Cp2_c2 {
		width: 30%;						/* Width of left column content (column width minus padding on either side) */
		left: 39%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.p3Cp2_c3 {
		width: 29%;																		/* Width of right column content (column width minus padding on either side) */
		left: 76%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* holy grail 3 column settings */
	.p3Cf3 {
	    background: #ffffff;    		/* Right column background colour */
	}

    .p3Cf3_cm {
        float: left;
        width: 200%;
        margin-left: -127px; 			/* Width of right column */
        position: relative;
        right: 100%;
        background: #ffffff;    	/* Centre column background colour */
    }
    
	.p3Cf3_cl {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 257px;         	/* Left column width + right column width */
        _left: 227px;         	/* Left column width + right column width */
        background: #ffffff;    				/* Left column background colour */
    }
    
	.p3Cf3_c1w {
		float: left;
		width: 50%;
		position: relative;
		right: 100px;        	/* Width of left column */
		padding-bottom: 1em; 					/* Centre column bottom padding. Leave it out if it's zero */
		padding-top: 3px;
	}
	
	.p3Cf3_c1 {
			margin:0 137px 0 110px;     	/* Centre column side padding:
																																Left padding = left column width + centre column left padding width
																																Right padding = right column width + centre column right padding width */
			position:relative;
			left:200%;
			overflow:hidden;
	}
    
	.p3Cf3_c2 {
        float: left;
        float: right;																/* This overrides the float:left above */
        width: 100px;        	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 0px;         									/* Width of the left-had side padding on the left column */
		  padding-top: 5px;
    }
    
	.p3Cf3_c3 {
        float: left;
        float: right;																	/* This overrides the float:left above */
        width: 127px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 0px;  			/* Width of right column right-hand padding + left column left and right padding */
        position: relative;
        left: 50%;
		  padding-top: 3px;
    }