/* @override http://localhost/roth/css/roth2.css */

* {
  padding:0;
  margin:0;
}
body {
	font: 11px/11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  	background: #8496c5 url(../images/side.jpg) repeat-x;
	text-align: center;
}
	
#wrapper{
	text-align: left;
	margin: auto;
	position: relative;
	width: 800px;
}
#bottombar{
	width: 710px;
	}

/* @group topbar */

/* @group Nav */

#topbar ul {
  float: left;
  width: 790px;
  list-style: none;
  font-size: 12px;
}

#topbar ul li {
  float: left;
}


#topbar ul a {
  padding: 0 7px;
  line-height: 1.6em;
  background: url(../images/mainNavBorder.gif) repeat-y left center;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


#topbar ul a:hover {
	color: yellow;
	text-decoration: underline;
}


#topbar ul .first a {
  background: none;
}

/* @end */

#topbar{
	width: 795px;
	height: 100px;
	}

#topbar #logo {
	width: 400px;
	height: 75px;
	float: left;
	background: url(../images/logo.jpg) no-repeat;
		}

/* @end */

/* @group middlebar */

/* @group contact */

.contactcontent{
	width: 400px;
	float: left;
}

.contactcontent h4{
font-size: 14px;
margin-top: 10px;
}


/* @end */

#middlebar{
	width: 800px;
	height: 1200px;
	padding-top: 15px;
	float: left;
	position: relative;
	background: url(../images/bg-color.jpg) repeat-y;
}

#middlebar  #detailnav{
	width: 230px;
	float: left;
	position: relative;
}

#middlebar  #detailnav ol{
	font-size: 11px;
	line-height: 15px;
	width: 171px;
	position: relative;
	left: 30px;
	margin-top: 9px;
	list-style-position: outside;
}

#middlebar  #detailnav ol li{
	padding-top: 6px;
}

#detailnav p{
	line-height: 18px;
	margin-top: 4px;
	padding-left: 36px;
	}
	
#detailnav h1{
	height: 20px;
	color: #1700b0;
	background: url(../images/3bar1.gif) repeat-x 0 22px;
	padding-bottom: 21px;
	font: bold 19px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-left: 15px;
	margin-right: 15px;
}

#detailnav .left {
	padding-right: 10px;
}

#middlebar #maincontent{
	width: 450px;
	position: relative;
	float: left;
	padding-left: 20px;
	border-left-style: dotted;
	border-left-width: 1px;

}

#middlebar #maincontent button{
	background-color: #10007f;
	color: #fff;
	padding: 5px 20px;
	}

#middlebar #maincontent h2{
	margin: 10px 0px 0px 0px;
	color: #1700b0;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}

#maincontent p{
	font-size: 13px;
	line-height: 19px;
	margin-top: 7px;
}

#maincontent p.story{
	font-size: 11px;
	line-height: 15px;
	margin-top: 7px;
}

#maincontent h1{
	height: 20px;
	color: #1700b0;
	background: url(../images/3bar1.gif) repeat-x 0 22px;
	padding-bottom: 21px;
	font: bold 19px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
#middlebar #detailnav h2{
	margin: 10px 0px 0px 14px;
	color: #1700b0;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}


.extra{
	height: 20px;
	color: #1700b0;
	background: url(../images/3bar1.gif) repeat-x 0 22px;
	padding-bottom: 21px;
	font: bold 19px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-top: 15px;
}
	
#middlebar #maincontent img{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 9px;
	border: 0px solid black;
}

#middlebar #maincontent table {
	margin-top: 15px;
	border-bottom: 1px solid #10007f;
}


#middlebar #maincontent table td{
	color: #10007f;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #10007f;
}
#middlebar #maincontent table th{
	text-align: center;
	padding: 5px;
	background-color: #1700b0;
	color: #fff;
}


/* @group fieldset form */

#middlebar #maincontent form{
	width: 450px;
	padding-top: 10px;
	border-style: solid;
	border-width: 1px;
	background-image: url(../images/bg-fieldset.jpg);
}

#middlebar #maincontent fieldset input{
	width: 400px;
	margin-bottom: 6px;
}

#middlebar #maincontent fieldset{
	width: 405px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px;
}

#middlebar #maincontent h4.clear{
	width: 405px;
	height: 10px;
}

#middlebar #maincontent fieldset legend{
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
#middlebar #maincontent form p{
margin: 10px;
}

#middlebar #maincontent textarea{
	width: 400px;
	height: 200px;
	color: #10007f;
	margin-bottom: 5px;
}
#middlebar #maincontent select{
	width: 350px;
	color: #10007f;
	margin-bottom: 5px;
}

#middlebar #maincontent label{
	font-size: 13px;
	line-height: 13px;
}

/* @end */	

/* @end */

/* @group footer */

#footer{
	margin-top: 10px;
	padding: 15px;
	font-size: 13px;
	width: 770px;
	float: left;
}

/* @end */

/* @group Form Val */
#commentForm { width: 450px; }
#commentForm label { width: 450px; }
#commentForm label.error, #commentForm input.submit {
	float: right;
	color: red;
	text-align: right;
}


#middlebar #maincontent h2.right {
	float: right;
	padding-right: 60px;
	color: red;
}

#BB_BuyButtonForm {
	padding-left: 40px;
}

#middlebar #maincontent a.bigger {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}



/* @end */