/* CSS Document for Coolac Store site*/


body
{
	margin: 0;
	padding: 0;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(images/head_bg_iron3.png) repeat-x; /*  */
	text-align: center;
}

#container
{
	width: 800px;
	margin: 0px auto;  /*  moved logo and everything below higher on page   */
	/*  i previously had background #fff in here and it prevented me from seeing blue across nav bar  */
	padding: 10px;
	text-align: left;
}

#container h1, h2, h3, h4 { color: #B4003D;
}

#header
{		width:800px;
		height:120px;
		overflow:hidden;
		float:left;
		text-align:left;
		padding:0;
		margin:0;
		vertical-align:middle;
}
#header h1
{	float: right; margin: 0 0 5px 0;	padding: 30px 0 0 0; font-size: 1.1em; letter-spacing: 0em;
	font-family: "trebuchet ms", verdana, arial; color: #fff;
}
#header h2
{	clear: both;  margin: 0 0 10px 0; font-size: 85%; letter-spacing: 0;
	font-family: "trebuchet ms", verdana, arial; color: #fff; /*  */ 
}


#header img
{	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
}

#nav
{
	height:35px;
	float: left;
	text-align:center;
}

#nav ul
{	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#nav a
{	display: inline;
	line-height:35px;
	padding: 15px 10px 10px 10px;
	
	
	color: #fff;
	text-decoration: none;
	font-size: 115%;
	text-transform: uppercase;
	font-family: verdana, arial;	
}

#nav li
{
	display: inline;
	line-height:35px;
	color: #fff;
	font-family: verdana, arial;
}

#nav a:hover {	color: #ccc; }


#bodycontainer {
		width:800px;
		text-align:left;
		float:left;
		line-height:20px;
		padding-top:30px;
		padding-bottom:30px;
		color:#666;
		min-height: 220px;
		font-family: verdana, arial;
		

		}

#homecontent {
		width:510px;
		text-align:left;
		float:left;
		line-height:20px;
		padding:15px 10px 0 0;
		color:#666;
		/*  min-height: 220px;   */
		font-family: verdana, arial;
		
		}

#homeimage {
		width:200px;
		text-align:center;
		float:left;
		padding-top:10px;
		padding-bottom:0px;
		}


#content
{
	float: right;
	width: 75%;
	margin: 0 10px;
	color: #666;
	line-height:20px;
	font-family: verdana, arial;
	
	padding-top:15px;

}
#content h1
{
	margin-top: 20px;
	font-size: 2em; 
	letter-spacing: 0.1em;}
		
		

#content h2
{
	margin-top: 0;
}

#content h4
{
	margin-top: 0;
	font-size: 110%;
}

#content h3
{
	padding-top: 20px;
	border-bottom: 1px dotted #B4003D;
}

#content li a.active {
		color:#666;
		text-decoration: none;
		border-bottom:1px dashed #666;
		}
.intro {
 	font-style: italic;	
	line-height:25px;
	font-size: 150%;
	font-family: "Times New Roman", times, serif;
}

.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}
a img.backtotop { 
    float: right; 
    margin: 10px 10px 10px 0px; 
	border: none;
}

table { border-collapse:collapse; border:1px solid #eee; margin-left: 20px;}
td { padding:4px 9px 6px 9px; background-color:#eeeeee; font-size:95%;  }
th { padding:4px 9px 6px 9px; font-size:95%; text-align:left; }

.headertable { color:#B4003D; font-size:14px; font-family:verdana, georgia, serif; background-color:#FFFFFF; border:none}
.whitebg { background-color:#FFFFFF; }


#sidecolumn {
		width:22%;
		float:left;
		margin-top:20px;
		margin-right:10px;
		padding:0px;
		min-height:280px;
		/*background:#fff url(images/sidecolumn_bg.jpg);  need to limit this to 220px  */
		background-color:#e9e9e9;/* f1eff4   */
		
		}
#sidecolumn h3 {
		font-size:100%;
		line-height:18px;
		
		font-weight:bold;
		padding-left:10px;
		margin-top:10px;
		}
		
#sidecolumn li {
		font-size:95%;
		line-height:22px;
		color:#666;
		font-weight:normal;
		}

#sidecolumn li a{
		color:#666;
		text-decoration:none;
		}

#sidecolumn li a:hover, a:active {
		color:#666;
		
		}

#sidecolumn li a.active {
		color:#666;
		text-decoration: none;
		border-bottom:1px dashed #666;

		}


#sidecolumn p {
		font-size:11px;
		line-height:18px;
		color:#666;
		font-weight:normal;
		padding-left:10px;
		}
		
#sidecolumn img {
		margin-left: 20px;
		}
		
#clear { clear: both;}	

		
#featurebox {		
		width:31%;
		float:left;
		margin-top:0px;   /*  removed this space to bring all buttons up  */
		margin-left:10px;
		margin-left:10px;
		 border-right: 1px solid #ccc;   added these borders on 3 sides of featurebox  
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding:0 0;
		min-height:360px;
		/*  background:#fff url(images/sidecolumn_bg.jpg);  removes grey background on featureboxes  */
	  /*   background-color:#e6e6e6;    */

		/*  border:1px solid #ccc;   or  e7f1fe   */
		}

#featurebox img {
		padding:0px;
		margin-left: 0;		}

#featurebox h3, h3 a {
		font-size:18px;
		line-height:18px;
		text-align:center;
		font-weight:bold;
		margin-top:10px;
		color: #333;   /*  B3003C is coolac store red   */
		text-decoration: none;
		background: url(images/dotted_line.gif) bottom left repeat-x;
	padding-bottom: 10px;
		}
#featurebox h2 {
		font-size:14px;
		line-height:18px;
		text-align:left;
		font-weight:bold;
		margin-top:5px;
		color: #B3003C;   /*  B3003C is coolac store red   */
		text-decoration: none;
	padding-bottom:0px;
	margin-bottom: 0;
		}

#featurebox li {
		font-size:11px;
		line-height:18px;
		color:#666;
		font-weight:normal;
		}

#featurebox li a{
		color:#666;
		
		}

#featurebox li a:hover, a:active {
		color:#666;
		
		}

#featurebox p {
		font-size:95%;
		line-height:1.5em;
		color:#333;
		font-weight:normal;
		margin-top:5px;
		padding-top:0px;
		padding-left:6px;
		padding-right:6px;

		}

#featurebox a {
	/*  text-decoration: none;  */
	color: #473C72;
		}
#featurebox a.button, a:hover.button {
	text-decoration: none;
	border:none;
		}

#featurebox a img {
	text-decoration: none;
	border:none;
		}

#footer
{
	clear: both;
	font-size: 90%; 
	background: #666666 url(images/footer_bg.jpg) repeat-x;    /*  */
	margin-top: 20px;
	padding: 20px 60px;
	text-align: right;
	color: #ffffff;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#footer a
{
	color: #ffffff;
}

a:link
{
	color:#B3003C; /* previously #666 */
}

a:visited
{
	color:#B3003C;
}


a:hover, a:active
{
	color:#B3003C;
	text-decoration: none;
	border-bottom:1px dashed #B3003C;
}