body { /* set everything to zero for a good cross-browser starting point */
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; 
background-color: #103328; 
color: #000;  
text-align: center; /* Hack to centre the wrapper in IE5.x pc */
font-family:  Arial, Helvetica, sans-serif;/* set the default fonts */
font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
min-width: 719px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

#wrapper {
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
width: 722px;/*sets the width for IE5.x's broken box model*/
w\idth: 720px; /* sets the width of the wrapper for compliant browsers*/
margin: 0px auto;
position: relative; 
background-position: bottom;  
background-repeat: no-repeat; 
background-color: #fff; 
border-left: 2px solid #fff; 
border-right: 2px solid #fff;
text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
position: relative; 
background-image:  url(/safeharbour/forum/images/banner.jpg);  
background-repeat: no-repeat; 
height: 196px;
}
/*a:link	{
	font-style: normal;
	text-decoration: none;
	font-weight: bold; 
	color: #336600; 
	}
a:visited, a:active, a:hover	{
	font-style: normal;
	text-decoration: none;
	font-weight: bold; 
	color: #336600; 
	}*/
.blocked { 
display:block; 
width:100%;
height: 100%; 
text-decoration:none; 
}

#graphic { padding: 0; margin: 0; width: 173px; height: 270px; 
background-image:  url(amssa.jpg); background-repeat: no-repeat;}

#content { 
width: 450px; 
margin-top: 35px;
margin-left: 220px; 
margin-bottom:10px; 
background-color: #fff;
}
#content0 { 
width: 450px; font-size:12px;
padding-left: 10px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px;
background-color: #FCFCFC;
}
#content1 { 
width: 450px; font-size:12px;
padding-left: 10px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px;
background-color: #F4F4F4;
}
h2 {font-size: 18px; font-family: helvetica, verdana,  arial, san-serif; color: #069;
}
h3 {font-size: 18px; font-family: helvetica, verdana,  arial, san-serif; color: #993333;}
#logos {margin-top: 20px;}

#testimonial {line-height: 18px; margin-top: 20px; font-size: 12px; padding: 10px; font-style:italic; background-color: #CDDDB0;}
.sig {font-style: normal;}
#content p {
font-size: 12px; 
line-height: 18px;
margin: 10px 6px 0px 0px; 
padding: 0; 
}
img.floatright { float: right; 
margin-right:0px; margin-left: 20px; margin-top: 0; margin-bottom: 5px;}


ul { line-height: 17px; color: #000;
 font-family:  helvetica, verdana,  arial, san-serif; font-size: 12px;}
 ol { line-height: 17px; color: #000;
 font-family:  helvetica, verdana,  arial, san-serif; font-size: 12px;}


.list {
padding: 0;
font-size: 80%; 
margin: 0px 0px 0 40px; 
 }


#leftcol { 
font-weight: bold;
float: left; 
width: 130px;
margin-bottom: 0px;
margin-left: 0px; 
margin-top: 2px; 
padding-top: 0px;
}
/*
#leftcol #navigation {
text-align:left;
line-height: 100%; { helps out IE 5.01 PC }
width: 130px; 
background-repeat: no-repeat;
background-position: bottom left; 
padding-bottom:30px; { gives background image room to display }
}

#leftcol #navigation ul {
border-top: 0px solid #000; 
border-bottom: 0px solid #fff; 
list-style-type: none; 
margin: 0; 
padding: 0; 
font-size: 12px; 
}
*/
/*#leftcol #navigation ul li { The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 background-color:#f8cb66; 
padding: 0; 
margin: 0; */

/*margin:  0 0 -3px 0; *//* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
/*ma\rgin: 0;  IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail 
}
*/
/*#leftcol #navigation a, 
#leftcol #navigation a:visited { 
border-bottom: 2px solid #fff; 
border-left: 0px solid #323C55; 
border-right: 0px solid #000000; 
color: #000;*/
/*display: block;  required to make the links act like a button, having the full area "clickable" */
/* padding: 10px 0 7px 10px; sets padding values to give the link text some "air" 
text-decoration: none;*/
/*width: 169px;  sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
 /*w\idth: 163px; resets the width for IE6 and compliant browsers 
}*/

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
/*

#leftcol #navigation a:hover, 
#leftcol #navigation a:focus { 
background-color: #fec; 
border-bottom: 2px solid #fff; 
color: #000; 
}
#leftcol #navigation #graphic ul,
#leftcol #navigation #graphic li,
#leftcol #navigation #graphic a, 
#leftcol #navigation #graphic a:visited {border-bottom: 0;} 


#leftcol #navigation #graphic a:hover {background-color: transparent;} */

 
#footer {  
background-color: #fff;  
width: 719px; 
border-top: 2px solid #fff;  
font-size: 80%;  
text-align: center;  
margin-top: 20px;  
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
background-color: #cc9;  
padding: 4px 4px 4px 10px;  
margin: 0;  
}

#footer ul{
text-align: center;
background-color: #fff;
margin: 0;
padding: 4px;
}

#footer li{
display: inline;
}

#footer a { 
color: #000;  
text-decoration: underline; 
}

#footer a:hover,
#footer a:focus {
text-decoration: none; 
}

h1 { font-size: 14px;}