/* LAYOUT */
#container{
	width:843px;
	margin:0 auto;
}

#top_nav{
	margin:-6px 0 20px 38px;
	z-index:10;
	position:relative;
}


#content{
	width:800px;
	margin-left:39px;
}

#left_col{
	float:left;
	width:590px;
	margin-top:40px;
	padding-bottom:15px;
	border:1px solid #ff9900;
}

#right_col{
	float:right;
	width:188px;
	margin-top:20px;
}

/* GENERAL */

body{
	font-family:garamond, "times new roman", times, serif;
	font-size:16px;
	color:#000;
	background-color:#f2f2f2;
	background-image:url('http://www.seattleguild.org/images/style/bg_page.gif');
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

div{
	margin:0;
	padding:0;
}

a:link, a:visited{
	color:#013664;
}

a:hover, a:active{
	color:#b80000;
}

p{
	margin:0;
	padding:0;
	line-height:130%;
}

ul{
	margin:0;
	padding:0;
}

li{
	margin:0;
	padding:0;
}

h1{
	margin:0;
	padding:0;
	display:block;
	background-image:url('http://www.seattleguild.org/images/style/header_sup.png') !important;
	background-image:url('http://www.seattleguild.org/images/style/header_sup.gif');
	width:843px;
	height:99px;
	text-indent:-99999px;
	z-index:100;
	position: relative;
}

h2{
	margin:0;
	padding:0;
}

h3{
	margin:0;
	padding:0;
}

h4{
	font-family:helvetica , arial, sans-serif; 
	font-size:16px;
	font-weight:bold;
	color:#333333;
	padding:10px 0 0 20px;
	margin:0;
}

div.float_left{
	float:left;
	width:265px;
}

p.discipline{
	font-family:helvetica , arial, sans-serif; 
	font-style:italic;
	padding:0 20px 15px 20px;
}

p.date_spec{
	margin-top:-15px;
	padding-top:0;
	font-size:14px;
}

p.paypal{
	font-weight:bold;
}

p.disclaimer{
	color: #b60100;
	font-size: .9em;
}

a.register{
	width:196px;
	height:27px;
	background-image:url('http://www.seattleguild.org/images/style/register.gif');
	display:block;
	margin:-10px 0 15px 20px;
	padding:0;
	text-indent:-9999em;
}

a.register:hover{
	background-image:url('http://www.seattleguild.org/images/style/register_ro.gif');
}

p.read_more{
	margin-top:-10px;
	padding-top:0;
}

#left_col img.legend{
	margin: 0;
	padding: 0;
}



/* LEFT COL */

#left_col h2{
	margin-top:-36px;
	postiion:relative;
	font-size:38px;
	font-style:italic;
	font-weight:normal;
	color:#013664;
}

#left_col h3{
	font-family:helvetica , arial, sans-serif; 
	font-size:20px;
	font-weight:bold;
	color:#b80000;
	padding:20px 20px 0 20px;
	border:0;
}

#left_col h3 .subtitile{
	font-size:18px;
	font-weight:normal;
	color:#000;
}

#left_col p{
	padding:0 20px 10px 20px;
}

#left_col ul{
	padding:0 20px 10px 55px;
}

#left_col li{
	padding:5px 0 5px 0;
}

#left_col #paypal{
	padding:0 20px 10px 20px;
}

#left_col p.event_date{
	font-family:helvetica , arial, sans-serif; 
	font-style:italic;
	padding:0 20px 15px 20px;
}

#left_col img {
	margin:20px 20px 0 20px;
}

#left_col #sponsor p.sponsor_image{
	margin:0;
}

#left_col #sponsor h4{
margin-bottom:5px;
}

#left_col p.sponsor_image a img{
	border: 2px solid #fff;
	margin:0;
}

#left_col p.sponsor_image a:hover img, #left_col p.sponsor_image a:active img{
	border: 2px solid #b80000;
}

#left_col img.member_image{
	width:550px;
	margin:0 19px;
	padding:0;
	border:1px solid #333333;
}

#left_col h4.bottom_left{
	font-family:helvetica , arial, sans-serif; 
	font-size:20px;
	font-weight:bold;
	color:#013664;
	padding:20px 20px 0 0;
}

#left_col table{
	width:550px;
	margin:20px;
}


/* RIGHT COL */

#right_col{
	font-size: 14px;
}

#right_col h3{
	font-family:helvetica , arial, sans-serif; 
	font-size:17px;
	font-weight:bold;
	color:#013664;
	padding:20px 20px 0 0;
}


#right_col ul#second_nav{
	font-family:helvetica , arial, sans-serif; 
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0;
	list-style:none;
}

#right_col ul#second_nav li{
	padding:10px 0 0;
}

#right_col ul#second_nav ul{
	list-style:none;
}

#right_col ul#second_nav ul li{
	padding:0;
	font-weight:normal;
}

/* FOOTER */

#footer{
	clear:both;
	padding-top:30px;
	font-size:12px;
	color:#333333;
	text-align:center;
}

#footer a:link, #footer a:visited{
	color:#b80000;
}

/* HOME */

body.home #container{
	width:860px;
	margin:0 auto;
}

body.home h1{
	display:block;
	background-image:url('http://www.seattleguild.org/images/style/header_home2.jpg') !important;
	width:860px;
	height:386px;
	text-indent:-99999px;
	cursor:default;
}

body.home #top_nav{
	margin:3px 0 20px 55px;
}

body.home #content{
	width:800px;
	margin-left:55px;
}

body.home #left_col{
	float:left;
	width:406px;
	border:0;
	margin-top:40px;
	padding-bottom:15px;
}

body.home #left_col div#main_content{
	border:1px solid #ff9900;
	background-color:#ffffff;
}

body.home #right_col{
	float:right;
	width:350px;
	margin-top:20px;
}

body.home #right_col h3{
	font-family:helvetica , arial, sans-serif; 
	font-size:18px;
	font-weight:bold;
	color:#013664;
	padding:20px 20px 0 0;
}

body.home #left_col h2{
	margin-top:-36px;
	position:relative;
	font-size:38px;
	font-style:italic;
	font-weight:normal;
	color:#013664;
}

body.home #left_col h3{
	font-family:helvetica , arial, sans-serif; 
	font-size:20px;
	font-weight:bold;
	color:#b80000;
	padding:10px 20px 0 20px;
}

body.home #left_col h3 .subtitile{
	font-size:18px;
	font-weight:normal;
	color:#000;
}

body.home #left_col p{
	padding:0 20px 10px 20px;
}

body.home #left_col p.event_date{
	font-family:helvetica , arial, sans-serif; 
	font-style:italic;
	padding:0 20px 15px 20px;
}



/* HOME2 */

#top_nav{
	font-weight:bold;
	letter-spacing: -.025em;
	font-family:arial, sans-serif; 
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:10;
}

#nav a{
	padding: 13px 0 10px 18px;
	font-size:14px;
	color:#333;
	text-decoration:none;
	display: block;
}

#nav a:hover, #nav a:active{
	background-color:#ff9900;
	color: #000;
}

#nav li {
	float: left;
	margin-left: 3px;
	padding: 0;
	background-color:inherit;
	postion:relative;
	
}

 #nav li.first{
	margin-left:0;
}

#nav li:hover, #nav li.sfhover{
	background-color:#ff9900;
}



#nav li ul {
	position: absolute;
	left: -999em;
	display:none;
	z-index:100;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display:block;
}

 #nav li ul li a:hover,  #nav li ul li a:active{
	background-color:#ff9900;
	color:#000;
}

body.home #nav a.home, body.events #nav a.events, body.about #nav a.about, body.membership #nav a.membership, body.member #nav a.member, body.resources #nav a.resources,  body.contact #nav a.contact, body.national #nav a.national {
	color:#fff;
	text-shadow: #000 2px  2px 2px;
	text-decoration:none;
}

body.home #nav a.home:hover, body.events #nav a.events:hover, body.about #nav a.about:hover, body.membership #nav a.membership:hover, body.member #nav a.member:hover, body.resources #nav a.resources:hover, body.contact #nav a.contact:hover, body.national #nav a.national:hover {
	color:#000;
	text-shadow:none;
	text-decoration:none;
}

body.home #nav li.home, body.events #nav li.events, body.about #nav li.about, body.membership #nav li.membership, body.member #nav li.member, body.resources #nav li.resources,  body.contact #nav li.contact, body.national #nav li.national {
	background-color: #013765;
}

#nav li.home{
	width:74px;
}

#nav li.about{
	width:98px;
}

#nav li.events{
	width:82px;
}
 
#nav li.member{
	width:130px;
}
 
#nav li.membership{
	width:117px;
}
 
#nav li.national{
	width:91px;
}

#nav li.resources{
	width:102px;
}

#nav li.contact{
	width:90px;
}

#nav li ul li{
	clear:both;
	border:0;
	width:170px;
	background-color:#ff9900;
	background-image: none;
	postition:relative;
	margin:0;
}



/* CONTACT FORM */
div.form_box{
	border:solid 1px #666666;
	background-color:#fafafa;
	color:#000000;
	margin:0 10px 0;
	float:right;
	width:300px;
}
div.form_box h3 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.form_box p{padding-bottom:14px;}

div.form_box input.input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:158px;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}

div.form_box textarea.input-textarea{
	border:1px solid #3b6e22;
	color:#000000;
	width:148px;
	margin:0;
	padding:5px;
}

div.form_box label{
	display:block;
	margin:0 20px 10px 20px;
}

div.form_box label span{
	display:block;
	float:left;
	padding:3px 6px 0 0;
	width:90px;
	text-align:right;
	font-weight:bold;
	font-size:14px;
}
.spacer{margin-left:115px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
div.form_box .green{
	background:#ff9900;
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

div.form_box .green:hover {
	text-decoration:underline;
	color:#fff;
}