body {margin: 0px;padding: 10px;background:  /*#666600*/;background: url(../images/wt9eVu.png) repeat-x;background-attachment:fixed;text-align: justify;font: 13px Arial, Helvetica, sans-serif;line-height: 1.5em;color: #444444;}
#wrapper {margin: 0 auto;width: 902px;height: 600px;background: #FFFFFF;}
p, ol{margin-right: 10px;margin-bottom: 1px;line-height: 20px;}
ul {margin-right:10px; margin-left:10px;}
/* Header */
#header {width: 900px;height: 10px;margin: 1px auto;}
/* Menu */
/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(../images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 8px 0 8px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(../images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */
/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(../images/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 8px 0 8px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(../images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */
	/* Page Setup */
#page {width: 902px;height: 0px auto;margin: 0px auto;padding: 1px 0px 0px 0px;float: right;border:0px solid black;background-color:white;z-index:1;}
#header-pic {background: url(../images/ipswichmosque_logo.png);width: 902px;height: 200px;border:0px solid blue;}
/* Corners */
div#nifty{ width:630px;margin: 10px 0px 0px 10px;background: #9BD1FA url('../images/gradient_back1.png');}
b.rtop, b.rbottom{display:block;background: #FFF;}
b.rtop b {display:block;height: 1px;
    overflow: hidden; background: blue url('../images/h5.jpg') ;}

b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA url('../images/gradient_back1.png') ;}
	
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/* Content Setup */
#content {float: left;border:0px solid black;width: 600px;background-color:white;z-index:1;}
#content p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em;}
/* Top Info Bars 3 */
#b_cell {width:902px; height:235px; background:url(../images/b2_cell.jpg) no-repeat; position: relative; clear:both; color: blue; border-top:1px solid white;font-size: 12px}
#cell {width:902px; height:230px; background:url(../images/cell.jpg) no-repeat; position: relative; clear:both; color: #0000CC; border-top:1px solid white;font-size: 12px;font-family:Arial, Helvetica, sans-serif;line-height: 2px;}
#cell  h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;color:blue; font-weight:400;}
#cell_border {width:900px; height:3px; background:url(../images/cell_border.jpg) repeat-x; position: relative; clear:both}
#cell_bg {width:253px; height:197px; background:url(../images/cell_bg.jpg) repeat-x; position: relative; clear:both}
#right {width:220px; float: right; padding:10px; position:inherit}
#cell_right {width:270px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:15px;}
#cell_middle {width:270px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:34px;}
#cell_left {width:265px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:40px;}
*html  #cell_right {width:270px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:5px;}
*html  #cell_middle{width:270px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:25px;}
*html  #cell_left {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:25px;}

/* Heading Style*/
h1, h2, h3, h4 {margin: 0px;font-weight: normal;padding: 0px;color: #4F789F;}
h1 {font-size: 20px;color: blue;}
h2 {font-size: 16px;color: black;}
h3 {font-size: 12px;color: #D72020;}
h4 {color: #4F789F;font-size: 16px;font-weight: bold}
h5 {margin-top: 0px;padding-left: 10px;padding-top: 7px;font-size: 20px;font-weight: bold;color: #fff;height: 26px;text-align:center;background: url(../images/h5.jpg) repeat-x;}
h6 {font-size: 16px;height: 28px;margin: 0;padding: 10px 0 0 15px;color: blue;background: white url(../images/post_title.gif) repeat-x;}

blockquote {
	font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
	width: 440px;
	background: url(../images2/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
	color:black;
}
blockquote:first-letter {
	background: url(../images2/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

#right
{
float: right;
width: 236px;

}

#right H4
{	
	margin: 0;
	font-size: 12px;
	color: #4DA0C6;
	padding-left: 10px;
}

#right a
{
color: #4DA0C6;
text-decoration: none;
}

#right a:hover
{
color: #4DA0C6;
text-decoration: underline;
}

#right a:visited
{
color: #4DA0C6;
text-decoration: none;
}

#right p {
	margin: 0;
	padding: 0px 10px 0px 10px;
	padding-bottom: 10px;
}

#right h2 {
	height: 27px;
	padding: 5px 0px 0px 20px;
	margin: 0;
	color: #ffffff;
	background: url(../images2/titl2.jpg) no-repeat;
	font-size: 18px;
}
.titl_right
{
height: 25px;
padding-top: 10px;
font-size: 14px;
font-weight: bold;
padding-left: 21px;
text-transform: uppercase;
color: #ffffff;
background: url(../images2/tit_r.gif) center no-repeat;
margin: 0px 0px 0px 0px;
}

#right ul {
	list-style: none;
	margin-bottom: 10px;
}


#left li ul {
	border: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding: 0px;
	
	
}

#right .ug li {
	margin: 4px 0px;
	background:url(../images2/fish.gif) 0px 5px no-repeat;
	padding-left: 10px;
}

#left ol {
	margin: 10px 25px;
}

#left a {
	color: #4DA0C6;
	text-decoration: none;
}

#left a:hover {
	color: #4DA0C6;
	text-decoration: underline;
}

#left a:visited {
	color: #4DA0C6;
}

.pug {
	background: url(../images2/tit_r_bg.jpg) 0px 0px  no-repeat;
	padding: 20px 0px 20px 5px;
}

.ug {
	background: url(../images2/tit_r_bg.jpg) 0px 0px  no-repeat;
	padding: 20px 15px 20px 15px;
}
.dates {
background:url(../images/date.jpg) no-repeat left; 
padding-left:20px; 
height:30px; 
line-height:30px; 
vertical-align:middle; 
font-weight:bold;
}


.date {
	text-align: right;
	color: green;
	font-size: 11px;
}

.date a {
	color: #4DA0C6;
}
/*Form*/
#holder 
{
 width: 468px;
}

input.text, textarea 
{
 width: 400px;
 background-color: #fff ! important;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 3px;
 height: 20px;
 font-size: 14px;
}

input#submit 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10px;
}

textarea 
{
 height: 120px;
}

label 
{
 width: 90px;
 text-align: right;
 display: block;
 float: left;
 font-size: 14px;
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
}

span.req 
{
 color: #ff0000;
}

span.message 
{
 /* blue */

 display: block;
 background-color: #DFF1FF;
 border-color: #8FD7FF;
 border-width: 2px;
 border-style: solid;
 color: #333;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding: 3px;
 text-align: left;
 font-size: 14px;
}

span.error 
{
 /* red */

 display: block;
 background-color: #DFF1FF;
 border-color: #FF6F75;
 border-width: 0px;
 border-style: solid;
 color: #444;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding: 4px;
 text-align: left;
 font-size: 14px;
 font-weight: bold;
}

span ul 
{
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0px;
}

span ul li 
{
 margin: 0;
 padding: 0;
}
/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(../images/buttonBackground.gif);
background-repeat: no-repeat;
width: 280px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(../imagesok.gif);
}
#buttonCancel .icon {
background-image: url(cancel.gif);
}
#buttonImport .icon {
background-image: url(import.gif);
}
/* Midbox Global reset */
.content_three{
	width: 65%;
	padding:0 0 0 0;
	margin:0px 20px 0px 0px;
	z-index:1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
border:0px solid black;
margin:0px 0px 0 305px;
	}

	
*html #.content_three { 
width:100%px;
top:20px;
margin:0px 0px 0 305px;
    }
	
.spaces {
background: #fff url("../images/spicer.png") repeat-x;
}	

div.midbox dt {
	font-size: 120%;
	margin: 0 1em;
}
div.midbox dd {
	margin: 0 2em;
}
div.midbox {
	width:640px;
	background: url(../images/top.png) repeat-x;
}
div.midbox div {
	background: url(../images/right.png) right repeat-y;
}
div.midbox div div {
	background: url(../images/left.png) repeat-y;
}
div.midbox div div div {
	background: url(../images/bottom.png) bottom repeat-x;
}
div.midbox div div div div {
	background: url(../images/cornerTL.png) no-repeat;
}
div.midbox div div div div div {
	background: url(../images/cornerTR.png) top right no-repeat;
}
div.midbox div div div div div div {
	background: url(../images/cornerBL.png) bottom left no-repeat;
}
div.midbox div div div div div div div {
	background: url(../images/cornerBR.png) bottom right no-repeat;
	padding: 15px 25px 27px 16px;
}
div.midbox div div div div div div div div {
	background: #fff url(../images/gradient.png) repeat-x;
	padding: 0.5em;
}

* Post Title*/
.post {}
.post .title {height: 45px;margin: 0;padding: 10px 0 0 5px;background: url(../images/post_title.gif) repeat-x;}
.post .title a {text-decoration: none;color: green;}
.post .title a:hover {color: #3366FF;}
.post .date {margin-top: -34px;padding-right: 15px;text-align: right;font: bold x-small Arial, Helvetica, sans-serif;}

/* Form */
#holder 
{
 width: 468px;
}

input.text, textarea 
{
 width: 400px;
 background-color: #fff ! important;
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 3px;
 height: 20px;
 font-size: 14px;
}

input#submit 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10px;
}

textarea 
{
 height: 120px;
}

label 
{
 width: 90px;
 text-align: right;
 display: block;
 float: left;
 font-size: 14px;
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
}

span.req 
{
 color: #ff0000;
}

span.message 
{
 /* blue */

 display: block;
 background-color: #DFF1FF;
 border-color: #8FD7FF;
 border-width: 2px;
 border-style: solid;
 color: #333;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding: 3px;
 text-align: left;
 font-size: 14px;
}

span.error 
{
 /* red */

 display: block;
 background-color: #DFF1FF;
 border-color: #FF6F75;
 border-width: 0px;
 border-style: solid;
 color: #444;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding: 4px;
 text-align: left;
 font-size: 14px;
 font-weight: bold;
}

span ul 
{
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0px;
}

span ul li 
{
 margin: 0;
 padding: 0;
}
#footer_cell {width:902px; height:75px; background:url(../images/b3_cell.jpg) no-repeat; position: relative; clear:both; color: blue; border-top:1px solid b3_cell.jpg;font-size: 12px}

#footer {
	height: 20px;
	margin-top:10px;
	margin:0px auto;
	width: 600px;
}

#footer p {
	padding:10px;
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: green;
}
*html div #footer  {height: 10px;}
*html div #footer  a {color: black;}
*html div #footer  p {color: black;}

.corner_center {margin:10px;}