body {
width:950px;
margin:0 auto;
margin-top:0px;
font-family:verdana;
font-size: .8em;
color: #666;

}
a{text-decoration:none;}
a:link,  a:visited{color: #666;}
a:hover {color:#993333;}



/* ----- HEADER ----- */



#header {
width:950px;
height:90px;
background-color:#fff;
border-bottom: 1px solid #ccc;
}



/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:950px;
background:url(background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:10px;
}


/* ----- NAVIGATION ----- */



#navigation {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#fff;
float:left;
border-right:1px #ccc solid;
color:#ccc;

}
#navigation ul{margin-top: 1px; margin-bottom:1px;}
#navigation ul li{margin-top:5px; margin-bottom: 5px; margin-left:-25px; margin-right:10px;}
#navigation strong{color:#666; margin:1px 0 5px 0;}
#navigation h3{color:#a11f35; margin:1px 0 5px 0;}
#navigation div.button a{margin: 5px;}
#navigation hr{border:1px #ccc solid; min-width:90%; max-width:90%;}
#navigation #phone{color:#666; text-align:center;margin:-2px 0 5px -15px;}
#navigation p{margin:0 7px 0 2px;color:#003366;}
/*
#navigation div.button span a{
	border: solid 1px #888;
	padding: 5px;
	font-weight:600;
	min-width:80%;
}
#navigation div.button span a{color:#fff; background:#336699;}
#navigation div.button span a:hover{color:#fff;background:#993333;}
*/

/* ----- MAIN CONTENT ----- */



#content { 
margin-left:210px;
width:740px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#fff;
margin-top:5px;
}
#content a{color:#66cc33;font-weight: bolder;}



/* ----- FOOTER ----- */



#footer { 
margin-top:10px;
width:950px;
height:100px;
background-color:#fff;
text-align:center;
border-top: 1px solid #ccc;
}

#col1{float:left;min-width:45%; max-width: 45%;}

#col2{float:right;min-width:45%; max-width: 45%;}
#col1a{float:left;min-width:60%; max-width: 60%;}

#col2a{float:right;min-width:40%; max-width: 40%;}

.gallery p{text-align: left;}
.gallery p img{margin-top:5px;}


blockquote{min-width:80%;
	max-width:80%; 
	text-align:justify;
	margin:15px 8px 15px 8px; 
	font-style:italic; 
	font-size:14px;
	text-indent: -0.8em;
	color:#003366;  }
strong {text-align:left; font-size: 1em; color:#333333;}
p{text-align:justify; color:#333;}
p img{margin: 0px 0px 10px 0px;}
p img.right, p img.rightframe{float:right; margin-left:10px;}
p img.left, p img.leftframe {float:left; margin-right:10px;}
h1, h2 , h3 ,h4{color:#a11f35;
				text-align:center;
				font-family:sans-serif;}
h1 {font-size:1.4em;
	margin:0 0 1em 0; text-align:left;color:#003366;}
h2 {color:#000; text-align:left; font-size:1.2em;}
h3 {font-size: 1.1em;
	margin: 2em 0 1em 0;
	text-align:left;
	color:#666;
	}
	
/*picasa */
#flashgallery{vertical-align:top; margin-top:-80px;}

img.frame , img.rightframe, img.leftframe, div.attention {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
	}
div.attention_wrapper{
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
div.attention{
	vertical-align:top;
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
div.attention h2{margin-top:1px;
	color:#a11f35;
	text-transform: uppercase;}
div.attention a{text-decoration: underline;}