/* =reset
--------------------------------------------------------------------*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}

/* =
--------------------------------------------------------------------*/
body {
	text-align: center;
	background: #aaa url(/i/bg-grad.png) 50% 0 repeat-y;
/* 	background: #fff url(/i/stripebackground_lg.png) 50% 0 repeat-x; */
	font: 75%/150% arial, "helvetica neue", helvetica, sans-serif;
	color: #333;
}

p, ul, ol, hr {
	margin: 0 0 1.5em 0;
}

ul, ol {
	padding-left: 2em;
}

ul {
	list-style-type: square;
}

hr {
	border-top: 1px solid #ddd;
	clear: both;
}

hr.ghost {
	visibility: hidden;
	border-color: #fff;
}

h1, h2, h3, h4, h5 {
	margin-bottom: .3em;
	color: #000;
	line-height: 120%;
}

h1 {	font-size: 1.8em; margin-bottom: .6em; }
h2 {	font-size: 1.6em; }
h3 {	font-size: 1.4em; }
h4, h5 {	font-size: 1.0em; }
h5 {	font-style: italic; }

h3, h4, h5 {
	color: #777;
}


a {
	color: #7a0;
	font-weight: bold;
}

a:hover {
	color: #acc;
	text-decoration: none;
}


/* =basic structure
--------------------------------------------------------------------*/
#head, #wrap {
	width: 760px;
	background: #fff;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#main, #foot {
	width: 720px;
	margin: 0 20px;
	background: #fff;
}

#head {
/* 	width: 720px;
	margin: 0 20px 10px 20px; */
	border-bottom: 6px solid #efefef; 
}

#logo {
	margin-left: 20px;
}


#wrap {
	padding-top: 10px;
}

#nav, #con, #main {
	float: left;
	display: inline;
}

#main {
}

#con {
	width: 530px;
	padding-bottom: 2em;
}

#foot {
	border-top: 1px solid #ccc;
	clear: both;
	color: #999;
	padding-top: 5px;
	margin: 10px 20px; 
/* 	font-size: .9em; */
}


/* =nav
--------------------------------------------------------------------*/
#nav {
	width: 170px;
	margin: 0 20px 0 0;
	list-style: none;
	padding: 0 0 2em 0;
/* 	border-top: 1px solid #ccc; */
}

#nav ul, #nav ul li {
	padding: 0;
	margin: 0;
}

ul.navmain {
	padding: 0 0 2em 0;
}
ul.navmain li {
	margin: 0;
}

#nav li {
	width: 170px;
	border-bottom: 1px solid #ccc;
	float: left;
}

#nav a {
	line-height: 100%;
	padding: 8px 10px;
	margin: 0;
	display: block;
	text-decoration: none;
}

.navmain a:hover, .navmain a.current {
	background: #9c0;
	color: #fff;
}

a#contact {
	border-bottom: 0;
}

#nav ul.secondary {
	list-style: none;
}
#nav ul.secondary li {
	border-bottom: 0;
}
#nav ul.secondary li a {
	padding: 6px 10px 6px 20px;
	color: #999;
}
#nav ul.secondary li a:hover, #nav ul.secondary li a.current {
	background: #fff;
	color: #7a0;
}


/* =content
--------------------------------------------------------------------*/


.feature {
	margin-bottom: 2em;
	color: #666;
/* 	width: 170px; */
	float: left;
	line-height: 130%;
}

.feature h3, .feature h4 {
	line-height: 100%;
	padding: 5px 10px;
	background: #9c0;
	color: #fff;
}

.feature p {
	margin: 0 10px 1.3em 10px;
}

.l {
	float: left;
}

.r {
	float: right;
}

img.l {
	margin: 0 10px .5em 0;
}

img.r {
	margin: 0 0 .5em 10px;
}

.art {
 	float: left;
	width: 530px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

.art p, .art h2, .art h3, .art h4, .art ul, .art ol, .art hr, .art img {
	margin-left: 10px;
	margin-right: 10px;
}

.alt {
	background: #eee;
}

body.newsy img.r {
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

 
*.bare {
	border: 0;
}


/* =multi-columns
--------------------------------------------------------------------*/
.col {
	float: left;
	margin: 0 9px;
}

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}

.half {
	width: 250px;
}

.third {
	width: 162px;
}

.twothird, #con.twothird {
	width: 340px;
}

.c {
	text-align: center;
}

.vc {
	vertical-align: middle;
}

.thumbs a img {
	border: 2px solid #7a0;
}
.thumbs a:hover img {
	border-color: #acc;
}

/* =forms
--------------------------------------------------------------------*/

/* =form elements -  2-column
--------------------------------------------------------------------*/

label {
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 1em;	
}

input, textarea, select {
	font: 10px/100% verdana, arial, helvetica, sans-serif;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #ccc #ccc #999;
	padding: 3px;
	display: block;
	width: 180px;
	margin-bottom: .5em;
}

select {
	width: auto;
}

textarea {
	float: none;
	width: 350px;
}

form hr {
	clear: both;
	width: 100%;
}

form p {
	width: 100%;
	float: left;
	margin-bottom: .1em;
}

input:focus, textarea:focus, select:focus {
	background: #ffe;
}

.but, .loose, .check {
	width: auto;
	text-align: left;
	margin-bottom: 0;
}

.but {
	border-color: #ccc #777 #777 #ccc;
	border-width: 2px;
	background: #ddd;
	text-align: center;
}

.check {
	border: 0;
}