html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0; 
    padding: 0; 
    border: 0; 
}

body{
	font-family:"Times New Roman", Times, serif;
	margin:0 10pt;
	font-size: 14pt; 
	float:none !important;
}

/****************   Display None ************************/

#footer,#nav, #bottomnav, #fish{	
	display:none;
}


#wrapper {
	width:90%;
	margin:0;
  	border:none;
	background-image: none;
	background-color: none; /* sets the wrappers background color */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
	padding-bottom:20px;
}

#container{
   width: 100%;/*sets the width for IE5.x's broken box model*/
	w\idth: 100% /* sets the width of the wrapper for compliant browsers*/
}

#banner {
	position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	width: 620px; 
	margin-left: .5em; 
	margin-top:0;
   padding-top:30px;
	/* IE does not correctly read margin-top - however this only applies to div properties, not image properties inside of DIVs */
}

#bannerInterior{
	position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	width: 95%; 
	margin-left:0; 
	margin-top:0;
   padding-top:0;
	/* IE does not correctly read margin-top - however this only applies to div properties, not image properties inside of DIVs */
}

#intro{
		clear:both;
		width: 80%; 
		margin-left: 0.5em;
		padding-top: 0.8em;
/* IE does not correctly read margin-top  */
} 

#rightcol{ /* Begin laying out and styling the content div */
	width: 250px; /* sets the width of our content*/
	margin-left: 390px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px; /* sets a padding clearance on the bottom of the div*/
	padding-top: 20px;
}

#rightcol p {
	font-size: 80%; /* set the font size for p, scaled from the body declaration */
	margin: 10px 6px 10px 6px; /* set the margins for the p element */
	padding: 0; /* zero off the padding */
}

#leftcol { /* Begin laying out the leftcol div */
	float: left; /* Floats the div to the left to make a column */
	width: 300px; /* sets a width for the div - Imperative for IE mac - for the time being this is set in both basic and ie css until otherwise realized*/
	margin-bottom: 0px;
	margin-left: 0.5em; /*creates a margin on the left to move the div away from the wrapper's edge */
	margin-top: 0px; /* moves the div down from the banner */
	padding-top: 0px; /* sets a padding to the top of the div to allow the bg image to show above the leftcol divs contents */
}

#bottom{
	clear:left;
	margin-left: 0.5em;
	width: 80%; 
}

/****************   Interior Page Styles ***************/

#photocontainer{ 
   position:relative;
	text-align:left;
   margin-left:0px;
	width:100%;
	padding: 35px 0 20px 0;
}
/************** Photo Styles *************/
#TopPhoto{
	float:right;
	margin-left:20px;
	margin-bottom:20px;

}

#LivingRoom{
	margin: 0px 0 20px 20px;	
}

.rightcolPhotos{
	margin: 30px 0 20px 20px;	
}



/*****************  Text Styles ***************************/
H1{ /* home page header */
	font-size: 2em;
	margin: 0px 0 .5em;
	font-family: "Times New Roman", Times, serif;	
	color: #333333;
	padding-top:10px; /* padding-top selector more effective than margin-top selector
	IE does not read margin-top. However this selector did not work with img id */	
}

Body#photographs H1{
	padding-top:0;
}

H2{ /* home page sub header1 */
	font-size: 1em;
	margin: 1em 0 .5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

H3{ /* home page sub header 2 */
	font-size: 0.8em;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}


H4{ /* home page sub header 3 */
	font-size: 0.8em;
	margin-top: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

p {
	font-size: .8em;
	margin: 10px 6px 10px 0;
	padding: 0; 
}



.caption{
	font-size:11pt;
	font-style: italic;
	margin-top:-10px;
}


/**********  Global Link Styles *************/
a, a:visited {
	color:#660000;
}

a:hover{
	color:#E37200;	
}