/* styles.css */
/* United Insurance Agency 
   Cascading Stylesheet
   
   You can use this file to learn CSS, but don't copy it
   verbatim in your design. If you do, however, make sure to
   include something about "Steve Loftis | graphic designer"
   in the top of your doc. Thanks!
   
   (c) 2006 United Insurance Agency,
   			Steve Loftis | graphic designer 

*/

body
{
	margin: 0px;
	padding: 0px;
	
	background-color: #CCCCCC;
	
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}

#content
{
	position: relative;

	margin: 0px auto;
	
	width: 750px;
	height: 600px;
	
	background-color: #FFFFFF;
	border: 1px solid #252525;
	
	text-align: left;
}

#leftColumn
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 200px;
	height: 600px;
	

	background-image: url(graphics/navy_navbar.gif);
	background-repeat: repeat-y;
	
	text-align: left;
}

#links
{
	position: absolute;
	top: 90px;
	left: 10px;
	
	width: 190px;
	height: 300px;
	
	
	color: #FFFFFF;
	font-size: 12px;
}

#links ul
{
	list-style: none;
	line-height: 14px;

}

#links li
{	border-bottom: 1px solid #CCCCCC; }

#links a
{
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

#links a:hover
{
	font-weight: bold;
}

#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 200px;
	height: 80px;
}

#rightColumn
{
	position: absolute;
	top: 0px;
	left: 200px;
	
	width: 550px;
	height: 600px;
	
	background-color: #FFFFFF;
	
}

#rightTop
{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 550px;
	height: 80px;

}

#rightBottom
{
	position: absolute;
	top: 81px;
	left: 0px;
		
	width: 450px;
	height: 420px;
	
	padding: 10px 80px 5px 20px;
	text-align: left;
}

#rightBottomContact
{
	position: absolute;
	top: 81px;
	left: 0px;
		
	width: 510px;
	height: 420px;
	
	padding: 10px 20px 5px 20px;
	text-align: left;
}

#rightBottomLeft
{
	position: absolute;
	top: 81px;
	left: 0px;
		
	width: 250px;
	height: 420px;
	
	padding: 10px 40px 5px 20px;
	text-align: left;
}


#rightBottomRight
{
	position: absolute;
	top: 81px;
	right: 0px;
		
	width: 200px;
	height: 420px;
	padding: 10px 40px 50px 0px; 
	text-align: left;
}


/* Text formatting */
p
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

h1
{
	font-size: 15px;
	font-weight: 100;
	color: #283A88;
}

h2
{
	font-size: 13px;
	font-weight: 100;
	color: #283A88;
}

h3
{
	font-size: 11px;
	font-weight: 100;
	color: #283A88;
}

#copyright
{
	position: absolute;
	bottom: 0px;
	right: 1px;
	
	width: 520px;
	height: 34px;
	padding: 0px 10px 5px 20px;
	
	border-top: 1px solid #CCCCCC;
	text-align: left;
}

.copyrightText
{
	font-size: 10px;
}

.imagefloat
{
	float: right;
	margin: 10px 0px 10px 10px;
}
