/*	CSS style sheet
	Last edit date: 5/11/04
*/

html {

        height: 100%; /* for mozilla */

}


body {	/* basic body stuff */
	margin : 0;
	padding : 0;
	height: 100%;
	font-family: arial, helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 14px;
}

div.container {

	height: 100%;

}

p.copyright {
	
	font-size: 10px;
	color: #999999;
	text-align: right;
}

.contact_box {

	float: right;
	font-weight: bold;
	margin: 0px;
	padding: 2px 2px 0 0;
	color: #ffffff;
}

.rightfloat {

	float: right;
	margin: 0 0 10px 10px;
	border: solid #000;
	border-width: thin;

}

.leftfloat {

	float: left;
	margin: 0 10px 10px 5px;
	border: solid #000;
	border-width: thin;
}


h3 {

	margin: 0px;
	padding: 0px;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;
	color: #336600;

}

li {

	font-size: 16px;
	font-weight: bold;
	font-family: arial, helvetica, san-serif;

}

li.small {

	font-size: 12px;
}


div.body_text { /* Main text of a page */

	position: absolute;	 /* positions main text */
	top: 65px;		 /* away from banner, navigation */
	left: 170px;
	padding: 0 10px 0 0;
	font-family: arial, helvetica, sans-serif;
}

div.nav_bar {	/* the navigation menu setup */

	position : relative;
	top  : 0px;
	left : 0px;
	width: 160px;
	height: 100%;
	font-family: arial, helvetica;
	font-size: 14px;
	/*background-image: url(images/nav/nav_bar.jpg);
	background-repeat: repeat-y;*/
	background-color: #336600;

}

.nav_bar ul { /* more navigation stuff */

	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.nav_bar ul li {

	padding: 0px;
	margin: 0px;
	display: block;
	padding: 3px 5px 3px 5px;
	color: #666666;
}

.nav_bar ul li a {

	color: #ffffff;
	text-decoration: none;
}

.nav_bar ul li a:link {

	 color: #ffffff;

}

.nav_bar ul li a:visited {

	 color: #ffffff;

}

.nav_bar ul li a:hover {

	color: #ffffff;
	background-color: #330066;
 }

div.banner { /* the main banner */

	font-family : arial, helvetica;
	color: white;
	/*background-image: url(images/nav/banner.jpg);
	background-repeat: repeat-y;*/
	background-color: #336600;
}

div.banner h2 { /* this is for the "Welcome to" part */

	margin : 0;
	padding : 0 0 0 0;
	font-size : 15px;
	font-family : arial, helvetica;
	font-style: italic;
}

div.banner h1 { /* this is for the "Circle-Prosco, Inc." part */

	margin : 0;
	padding : 0 0 .3em .5em;
	font-size : 30px;
	font-family : arial, helvetica;
	
}

table.product {


}

tr.header {

	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #336600;
	font-weight: bold;

}

td.product_name {

	font-size: 16px;
	font-weight: bold;
	text-align: center;

}

td.descrip {

	text-align: left;

}

tr.separate {

	background-color: #cccccc;

}

td.type {

	text-align: center;

}

table.info_request {
		   
        background-color: #cccccc;

}

.button {

       text-align: center;

}