/*   Code by  GR Sites  http://www.grsites.com  */

/* used on Ouse Washes Website rounded page  */

/* most comment-box values can be edited to achieve desired text style*/

.comment-box > div.comment-title {
				border: 1px solid maroon; 
				background: #fff99d; /* wastransparent url(images-and-logos/buttons/.jpg) no-repeat top center;  left */
				margin: 0px;
				height: auto;/* was 32 */
				font-family: Ebrima,Arial; 
				font-size:10pt;
				font-weight:bold; 
				color:maroon;
				text-align:center;/* values of box title text */
				box-shadow: 0px 20px 12px -18px #000;
				-webkit-box-shadow: 0px 20px 12px -18px #000;
				-mozbox-shadow: 0px 20px 12px -18px #000;
				border-radius: 12px 12px 12px 12px; /* CORNER RADIUS,  was originally 8 8 8 8 */
}
.comment-box > div.comment-title >  div.comment-text {
				margin: 0px;
				padding: 5px 5px 5px 5px;/* was 5 10 5 10 */
				font-family: Ebrima, Arial; 
				font-size:10pt; 
				font-weight: normal; 
				color: maroon; 
				text-align:left /* values of main text */
}

.comment-box h1,h2,h3,h4,h5,h6,ol,ul { 
				display: block; margin: 0; 
}
.comment-box h1,h2,h3,h4,h5,h6 { 
				font-weight: bold; 
}
.comment-box p { 
				margin:0; 
				font-weight:bold;
}
.comment-box { 
				letter-spacing: normal; 
				word-spacing: 0px; 
				white-space: normal; 
				text-transform: none; 
}
.comment-box {
				font-size: 10pt; 
				font-weight:normal; 
}

/* Easy Float Clearing */
div.import:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.import {display:inline-block;}
* html div.import {height:1%;}
div.import {display:block;}

a.noul { text-decoration: none; }
a.moul { text-decoration: none; }  
a.moul:hover { text-decoration: underline; }
a.mofuzz { text-decoration: none; }
a.mofuzz:hover {
	box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; -webkit-box-shadow: 0 0 3px #333; -o-box-shadow: 0 0 3px #333;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
}
a.modot       { text-decoration: none; border-bottom: 1px hidden; }
a.modot:hover { text-decoration: none; border-bottom: 1px dotted; }
a.dotul       { text-decoration: none; border-bottom: 1px dotted; }

img.corner5  { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
img.corner10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
img.corner15 { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; }

img.boxshad3-0  { box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; -o-box-shadow: 0 0 3px #000; }
img.boxshad8-0  { box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; -moz-box-shadow: 0 0 8px #000; -o-box-shadow: 0 0 8px #000; }
img.boxshad12-0 { box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; -moz-box-shadow: 0 0 12px #000; -o-box-shadow: 0 0 12px #000; }

img.boxshad0-3  { box-shadow: 3px 3px 0 #000; -webkit-box-shadow: 3px 3px 0 #000; -moz-box-shadow: 3px 3px 0 #000; -o-box-shadow: 3px 3px 0 #000; }
img.boxshad3-3  { box-shadow: 3px 3px 3px #000; -webkit-box-shadow: 3px 3px 3px #000; -moz-box-shadow: 3px 3px 3px #000; -o-box-shadow: 3px 3px 3px #000; }
img.boxshad8-3  { box-shadow: 3px 3px 8px #000; -webkit-box-shadow: 3px 3px 8px #000; -moz-box-shadow: 3px 3px 8px #000; -o-box-shadow: 3px 3px 8px #000; }
img.boxshad12-3 { box-shadow: 3px 3px 12px #000; -webkit-box-shadow: 3px 3px 12px #000; -moz-box-shadow: 3px 3px 12px #000; -o-box-shadow: 3px 3px 12px #000; }

img.bordw1 { border-style: solid; border-width: 1px; }
img.bordw2 { border-style: solid; border-width: 2px; }
img.bordw3 { border-style: solid; border-width: 3px; }
img.bordw5 { border-style: solid; border-width: 5px; }
img.bordw8 { border-style: solid; border-width: 8px; }
img.bordw15 { border-style: solid; border-width: 15px; }

img.bordc000 { border-color: #000000; }
img.bordcddd { border-color: #dddddd; }
img.bordcfff { border-color: #ffffff; }

img.pie { position: relative; } 

table.layout {
			width: 100%;
}

.comment-box img.toedge { 
			width: 178px; /* original box width was 180, this was 2px less = 178; box increased to 185 and this to 183.  */
			margin-left: -10px; 
			margin-right: -10px; 
}