/* Font Settings */
body {
  font-family: "obliqua-1","obliqua-2",Arial,Helvetica,sans-serif;
}

	/* Site chrome */
body { background: #4C2E77 url(headway.jpg) no-repeat center top; margin: 0 ; padding: 0 ; }
#container { 
	position: relative; width: 840px; margin: 0 auto ; border: 1px solid #fff;
	background: #fff; }
#branding {
	position: relative ; height: 97px; border-bottom: 1px solid #fff; padding: 45px 0 0 150px ; 
	background: #1467f3 url(../images/site/bg-branding.png) no-repeat left top; }
#branding p {
	font-size: 40px ; line-height: 30px ; font-weight: bold ; color: #fff ; }
#branding p em { font-weight: normal ; font-size: 16px ; }

#branding p#strapline {
	position: absolute ; right: 20px ; top: 40px ; font-size: 22px ; font-weight: normal ; color: #4C2E77 ; }
#branding p#strapline span { display: block ; text-align: right ;  }
#branding p#strapline span#l1 { padding-right: 30px ; }

#content { margin: 50px 0 0; }
#content-main { float: left; width: 410px; margin: 0 25px 20px 185px; }
#content-supp { float: left; width: 200px; margin-top: 57px; }

#site-info {
	height: 80px; margin-top: 83px; padding: 14px 15px 0;
	background: #1566eb url(../images/site/bg-site-info.png) repeat-x left top;
	font-size: 13px ; line-height: 1.7; color: #fff; text-align: left; }
#site-info a { font-weight: bold ; color: #f098c2 ; }
#site-info a:hover { color: #fff ; text-decoration: underline ; }

	/* Navigation: Main */
#nav-main {
	position: absolute; left: 0; top: 143px ; width: 840px; height: 30px;
	background: #493574 url(../images/site/bg-nav-main.png) repeat-x left top;
}
#nav-main h4 { display: none; }
#nav-main ul { list-style: none; }
#nav-main li { float: left; border-right: 1px solid #fff; }
#nav-main li a {
	float: left; height: 30px; line-height: 30px; padding: 0 20px;
	font-size: 15px; font-weight: normal; color: #fff; }
#nav-main li a:hover { text-decoration: underline; }
#nav-main li.active a { background: #eb4287 url(../images/site/bg-nav-main-active.png) repeat-x left top; }

	/* Navigation: Supplementary */
#nav-supp { position: absolute; left: 15px ; top: 245px ; width: 145px ; }
#nav-supp h4 { display: none; }
#nav-supp ul { list-style: none; }
#nav-supp li a {
	display: block ;
	margin-top: 5px ; 
	border-top: 1px solid #555 ;
	padding: 9px 5px 7px  ;
	color: #4C2E77 ;
	font-size: 17px ;
	font-weight: normal ;
	line-height: 1.0 ;
}

#nav-supp ul ul li a {
	display: block ;
	margin: 2px 0 2px ;
	border-top: none ;
	padding: 3px 5px 3px 15px ;
	color: #555 ;
	font-size: 13px ;
	font-weight: normal ;
	line-height: 1.2 ;
}

#nav-supp ul ul li.active a {
	background: #e95d9c ;
	background: rgba(233,93,156,0.3);
	color: #222;
}

	/* General Typography */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 { margin: 0 0 0.4em; line-height: 1.3; font-weight: bold; color: #2671f3; }

#content h1 { font-size: 26px; }
#content h2 { font-size: 22px; }
#content h3 { font-size: 18px; }
#content h4 { font-size: 16px; }
#content h5 { font-size: 14px; }

#content p,
#content ul,
#content ol { font-size: 15px; line-height: 1.3; margin-bottom: 1em; color: #444; }

/*#content h1 + p { font-size: 20px; }*/

#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol { font-size: 1em; }

#content ul,
#content ol,
#content blockquote { margin-left: 20px; }

#content ul,
#content ol { list-style: disc; }

#content blockquote { font-style: italic; }

#content a { text-decoration: none; font-weight: bold; color: #db0033; }
#content a:hover { text-decoration: underline; }

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a { color: #2671f3; }

	/* Sidebar Styling */
#content-supp .picturebox { margin-bottom: 20px; }
#content-supp .picturebox img { display: block; margin-bottom: 10px; }
#content-supp .picturebox p { margin: 5px 10px 0 ; font-size: 12px ; font-style: italic ; line-height: 1.3; text-align: center; }

#content-supp .box { margin-bottom: 10px; border-top: 1px solid #ddd; padding-top: 10px; }
#content-supp .box h2 { margin-bottom: 0; color: #444; font-weight: normal; }
#content-supp .box p { margin-left: 10px; font-size: 12px; line-height: 1.2; margin-bottom: 5px; }
#content-supp #twentyoneclub.box p { font-weight: bold; text-align: center; font-size: 14px; }
#content-supp .box img { display: block; margin-bottom: 5px; }
#content-supp #freephone-box h2 {
	height: 36px; margin-bottom: 6px; 
	background: transparent url(../images/site/bg-freephone.png) no-repeat left top;
	text-indent: -9999px; }

	/* Page Specific: Home */
body#home #content-main { width: 575px; margin-left: 20px; }
body#home #content-main .home-picture {
	margin: 19px 0 20px; }
body#home #content-main .home-leftcol,
body#home #content-main .home-rightcol { float: left; width: 272px; }
body#home #content-main .home-leftcol { margin-right: 20px; }

	/* Page Specific: Contact */
body#contact #content-main { width: 565px; margin-left: 20px; }



  /* Page Specific: News */

#content-main .article {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
  
#content-main .article .with-picture {
  padding-right: 160px;
}

#content-main .article img {
  float: right;
  margin-right: -160px;
}


.video {
  clear: both;
  width: 270px;
  margin-bottom: 20px;
  padding-left: 40px;
}

	/* Misc styling */
	/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

	/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }







/*



#content {
	padding: 100px 240px 0 180px;
	width: 400px;
	margin: 0 auto;
	color: #444;
}

#content a {
	font-weight: bold ; 
	color: #e95d9c ;	
}

#content h1 {
	color: #2671f3;
	font-size: 2.2em;
	margin-bottom: 0.8em;
}

#content p {
	font-size: 1.5em;
	line-height: 1.4;
	margin-bottom: 1.0em;
}

#content #introduction {
	font-size: 130%;

}

#content-picture {
 position: absolute ; 
 width: 200px ; 
 right: 20px ; 
 top: 250px ; 
}

#content #content-picture p {
	font-size: 12px ;
	font-style: italic ;
	line-height: 1.3;
	margin: 5px 10px 0 ;
}

#content-supp {
	position: absolute ; 
	right: 23px ; 
	top: 547px ; 
	width: 190px ; 
}

#content-supp p {
	font-size: 12px ;	
	margin-bottom: 14px ;
	border-bottom: 1px solid #ddd ;
	padding-bottom: 10px ;	 
	color: #222 ; 
}

#content-supp p#sponsors {
	position: relative ; 
	top: -6px ;
	padding-bottom: 14px ;
	margin-bottom: 10px ;
}

#content-supp p#sponsors span {
	display: block ; 
	margin: 72px 0 0 16px  ; 
}

#content-supp p#donate {
	border: none ;
}

#site-info {
	position: absolute; left: 15px; bottom: 15px;
	color: #fff;
	font-size: 13px ;
	text-align: left;
	line-height: 1.7;
}

#site-info a {
	color: #f098c2 ;
	font-weight: bold ; 
}

#site-info a:hover { color: #fff ; text-decoration: underline ; }
*/