/*-----------------------------------------------
Grey Box Method - Layout CSS----------------------------------------------- */

body {background: #eee; color: #333; padding: 0 0 40px;}

/* anchors----------------------------------------------- */
a {color: #000; font-weight:bold; text-decoration: none; cursor:pointer;}
a:hover, a:active {color:#333; text-decoration: underline;}

/* 960 grid system container background----------------------------------------------- */
.container_12, .container_16 {background:#fff;}

/* headings----------------------------------------------- */
h1 a {font-weight:normal;}

#wrapper_header {margin-bottom:18px; height:100px;}

/* footer----------------------------------------------- */
#footer .box {color:#ccc; background:#666; margin-bottom:10px;}
#footer a {color:#fff;}
#footer a:hover {color:#000;}

/* branding----------------------------------------------- */
h1#branding {font-weight:normal; font-size:3em; text-align:left; background:#aaa; padding:.7em 1em; margin-bottom:0;}

/* page heading----------------------------------------------- */
h2#page-heading {font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc;}

/* boxes----------------------------------------------- */
.box {background:#ddd; margin-bottom:18px; padding:18px 10px;}
.box h2 {font-size:1em; text-transform:uppercase; color:#fff; background:#333; margin:-18px -10px 0; padding:9px 12px;}
.box h2 a {color:#fff; background:#333 url("/images/switch_minus.gif") 97% 50% no-repeat; display:block; padding:9px 12px; margin:-9px -12px; border:none; text-decoration:none;}
.grid_4 .box h2 a {background-position: 97% 50%;}
.grid_5 .box h2 a {background-position: 98% 50%;}
.grid_12 .box h2 a {background-position: 99% 50%;}

.box h2.closed a,
.box h2.closed a:hover {background-image: url("/images/switch_plus.gif");}
.box h2 a:hover {background-color:#111;}
.block {padding-top:18px;}
div.menu {padding:0;}
div.menu h2 {margin:0;}
div.menu .block {padding-top:0;}

/* paragraphs, quotes and lists----------------------------------------------- */
blockquote {font-family: Georgia, 'Times New Roman', serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul, ol {padding-top:0;}

/* menus----------------------------------------------- */
ul.menu {list-style:none; border-top:1px solid #bbb;}
ul.menu li {margin:0;}
ul.menu li a {display:block; padding:4px 10px; border-bottom:1px solid #ccc; text-decoration:none;}
ul.menu li a:hover {background:#eee;}
ul.menu li a:active {background:#ccc;}

/* submenus----------------------------------------------- */
ul.menu ul {list-style:none; margin:0;}
ul.menu ul li a {padding-left:30px;}

/* lists----------------------------------------------- */
ul.list_style_none{list-style:none;}

/* section menus----------------------------------------------- */
ul.section {border-top:0; margin-bottom:0;}
ul.section li {text-transform:uppercase;}
ul.section li a {background:#bbb;}
ul.section li a:hover {background:#aaa;}
ul.section li a:active {color:#fff; background:#666;}
ul.section li li a {background:#ddd; border-bottom:1px solid #eee;}
ul.section li li a:hover {background:#ccc;}
ul.section li li a:active {color:#000; background:#fff;}
ul.section ul li {text-transform:none;}
ul.section ul.current li a {background:#eee; border-bottom:1px solid #fff;}
ul.section ul.current li a:hover {background:#ddd;}
ul.section ul.current li a:active {background:#fff;}
ul.section li a.current {color:#fff; background:#666;}
ul.section li a.current:hover {background:#555;}
ul.section li a.current:active {background:#444;}
ul.section li a.active {background:#fff; cursor:default;}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {color:#fff; background:#666; cursor:default;}

/* forms----------------------------------------------- */
fieldset {border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px;}
legend {font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #bbb;}
	
	/*aerian form*/
	.form{clear:both; margin:0 0 10px;}
	.form .row{margin:0; float:left; padding:5px 0;}
	.form .row .left_col{font-weight: bold; padding:0 0 1px;/*to stop it collapsing when empty*/}
	.form .error{margin: 3px 0 12px 0; color:#fff; font-weight:bold;}
	
	.form .row .right_col{float:left;}
	.container_16 .grid_12 .form .row .right_col{width:565px;}
	.container_16 .grid_11 .form .row .right_col{width:505px;}
	.container_16 .grid_10 .form .row .right_col{width:445px;}
	.container_16 .grid_9 .form .row .right_col{width:385px;}
	.container_16 .grid_8 .form .row .right_col{width:325px;}
	.container_16 .grid_7 .form .row .right_col{width:265px;}
	.container_16 .grid_6 .form .row .right_col{width:205px;}
	.container_16 .grid_5 .form .row .right_col{width:145px;}
	.container_16 .grid_4 .form .row .right_col{width:85px;}
	.container_16 .grid_12 .form fieldset .row .right_col{width:540px;}
	.container_16 .grid_11 .form fieldset .row .right_col{width:480px;}
	.container_16 .grid_10 .form fieldset .row .right_col{width:420px;}
	.container_16 .grid_9 .form fieldset .row .right_col{width:360px;}
	.container_16 .grid_8 .form fieldset .row .right_col{width:300px;}
	.container_16 .grid_7 .form fieldset .row .right_col{width:240px;}
	.container_16 .grid_6 .form fieldset .row .right_col{width:180px;}
	.container_16 .grid_5 .form fieldset .row .right_col{width:120px;}
	.container_16 .grid_4 .form fieldset .row .right_col{width:60px;}
	
	.form .row .right_col input { width:100%; }
	.form .row .right_col textarea { width:100%; min-height:50px; _height:auto!important; _height:50px; }
	.form .row .right_col input.form_Button,
	.form .row .right_col input.form_SubmitImage,
	.form .row .right_col input.form_SubmitButton,
	.form .row .right_col input.form_Checkbox{width:auto;}


/* articles----------------------------------------------- */
.articles {padding:0;}
.articles h2 {margin:0;}
#articles {padding-top:0;}
.article {border-top:1px solid #666; padding-top:.5em;}
.box .article {border-top:3px solid #fff; padding:13px 10px 0 10px;}
.article h2 {font-size:2em; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none;}
.article h3 {margin-bottom:.2em; font-size:1.6em;}
.box .first {border-top:none;}
.article h4 {font-size:1.2em; text-transform:uppercase; margin-bottom:.5em;}
.article a.image {float:left;  margin:3px 10px 3px 0;  padding:4px; border:1px solid #bbb; background:#fff;}
.article a.image:hover {border:1px solid #666;}
.article a.image img {float:left; }
.article p.meta {color:#666; border-top:1px dotted #999; border-bottom:1px dotted #999; padding:.3em 0; margin-bottom:.8em;}

/* AJAX sliding shelf----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
/* .block {padding-bottom:1px;} */

/* Accordian----------------------------------------------- 
.toggler {color: #222; margin: 0; padding: 2px 5px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; font-size:1.1em; font-weight: normal;}
.element h4 {margin: 0; padding:4px; line-height:1.2em;}
.element p {margin: 0; padding: 4px;}
.float-right {padding:10px 20px; float:right;}
#accordian-block {padding-bottom:10px;}*/

/* Mootools Kwicks----------------------------------------------- 
#kwick-box {  padding:0; overflow:hidden;}
#kwick-box h2 {  margin:0;}
#kwick {position: relative;}
#kwick .kwicks {display: block; background: #999; height: 120px; list-style:none; margin:0; overflow:hidden;}
#kwick li {float: left; margin:0; padding:0;}
#kwick .kwick {display: block; cursor: pointer; overflow: hidden; height: 100px; width: 215px; padding: 10px; background: #fff;}
#kwick .kwick span {color:#fff;}
#kwick .one {background: #666;}
#kwick .two {background: #777;}
#kwick .three {background: #888;}
#kwick .four {background: #999;}*/

/*AERIAN - GENERAL USE STYLES----------------------------------------------*/
.inline {display:inline;}