@charset "UTF-8";
/* CSS Document */




/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++ STYLES ++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/


body {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 160%;
	color: #333; 
	background-color: #eaeaea;
	margin: 0px;
	padding: 0px;
	}
	
	
p {
	color: #333;
	}
	
a {
	color: #333;
	text-decoration: none;
	}
	
a:hover {
	color: #333;
	text-decoration: underline;
	}
	
p.footer, p.footer a{
	color: #333;
	margin-top: 15px;
	}
	
h1 {
	font-size: 16px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	margin: 10px 0px 15px 0px;
	padding: 0px;
	}

#column_1 p, #column_2 p, #column_3 p{
	margin: 5px 0px 10px 0px;
	padding: 0px;
	}
	
#signup{
border-left: solid 1px #999;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
width: 300px;
float: left;
padding: 20px;
}

#title {
background-image:url(../images/title_bg.gif);
color: #FFFFFF;
width: 342px;
height: 45px;
float: left;
}

#title p{
color: #FFFFFF;
font-weight: bold;
padding: 8px 0px 15px 20px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++ LAYOUT ++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/

#container {
	margin: 0px auto;
	width: 936px;
	padding: 30px 0px 30px 0px;
	}
	
#header, #portrait, #logo {
	float: left;
}

#nav {
height: 44px;
width: 703px;
float: left;
background: url(../images/nav_bg.gif) top left;
}

#footer {
	float: left;
	width: 936px;
}

#content {
background-image: url(../images/content_bg.gif);
float:left;
width: 936px;
padding-top: 10px;
background-color: #e4e4e4;
}

#logo {
background-image: url(../images/rowland_logo.jpg);
width: 703px;
}



#column_1{
float: left;
width: 500px;
margin-left: 30px;
}
#column_2{
float: left;
width: 346px;
margin-left: 30px;
}


img {
border: none;
margin: none;
}

#column_wide {
width: 576px;
float: left;
padding: 0px 22px 20px 22px;
margin-top: 0px;
}



#product_container {
width:  874px;
float: left;
background-image: url(../images/product_bg.gif);
border: solid 1px #999999;
margin-left: 30px;
margin-bottom: 20px;
}
#product_col_1 {
width: 242px;
float: left;
padding: 15px;
}
#product_col_2 {
width: 301px;
float: left;
padding: 15px;
}
#product_col_3 {
width: 241px;
float: left;
padding: 15px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++ TABLES ++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/

table {
	border-collapse: collapse;
	}
	
table p {
line-height: 120%;
padding: 0px;
margin: 9px 0px 9px 0px;
}

	
th.top {
	border-bottom: 2px solid #FFF;
	font-weight: bold;

}

td, th{
	border-bottom: 1px solid #684378;
	
	text-align: left;
	}

td:first-child {
	width: 190px;
	}

td+td {
	text-align: left;
	}

	
/*++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++ NAVIGATION ++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/




#nav a{
overflow: hidden;
float: left;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
padding: 3px 10px 5px 10px;
margin: 10px 0px 0px 12px;
}

 
#nav a:hover,  #nav a.active{
background-color: #530001;
text-decoration: none;
border-bottom: solid 1px #420001;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++ FORMS ++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++*/

input.box {
border:solid 1px #999;
height: 20px;
background:#eee; 
padding:5px;
}

textarea.box {
border:solid 1px #999;
height: 50px;
background:#eee; 
padding:5px;
}
