html, body {
    text-align:center;
	height:100%;
}

a {
    outline: none;
}

#container {
    margin: 0 auto;
    width: 924px;
    background:#fff;
    text-align:left;
}

#container.admin {
	height:100%;
	background:#412d1d url(/images/admin_bg.gif) 0 0 repeat-y;
}

/* START OF DRAWER STUFF */
#drawer {
	display: none;
	position:relative;
	margin-top:15px;
	float:left;
	margin-bottom:20px;
	/*height:200px;*/
	/*overflow:hidden;*/ /* content must fit this, otherwise it all jumps around too much on interaction*/
}

.close-drawer {
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	width:15px;
	height:15px;
	text-align:center;
	line-height:15px;
	color:#E47E02;
	font-weight:bold;
	text-decoration:none;
}

#drawer .panel {
	display:none;
	float:left;
	padding:20px;
	width:884px;
	height:180px;
	background: #F7AF35;
}

#drawer .panel.alt {
	color:#fff;
	background: #5F534A;
}

#drawer .lrg { /* to fit larger content */
	height:300px;
}

#drawer .lrg.panel {
	height:280px; /* larger size drawer and therefore panel*/
}

#drawer .panel .image {
	float:left;
	margin-top:25px;
	width:39%;
}

#drawer .panel .image img {
	width:80%;
}

#drawer .panel .text {
	float:right;
	width:60%;
}

/* END OF DRAWER STUFF */


/* START OF TABS & CONTENT WRAPPERS */
#tabs_content {
	clear:both;
	margin-top:20px;
}
#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height:117px;
}

#tabs li {
    float: left;
    width: 25%;
    height:100%;
    background: #f5ae35;
}

#tabs li a {
    display: block;
    padding:30px 20px 0 30px;
    height:87px;
    background: url(/images/tabs_sprite.jpg) -231px 0 no-repeat;
}

#tabs li a:hover, #tabs li a.active {
    background: url(/images/tabs_sprite.jpg) 0 0 no-repeat;
}

#tabs li a:hover {
    margin:0 0 0 0;
}

#content {
    background: url(/images/content_bg.gif) 0 0 repeat-y;
}

#content_wrapper {
    background: url(/images/content_bottom.gif) 0 100% no-repeat;
}

#content_panes {
	clear:both;
	width:854px; /* IE 7 needs a width for some reason, otherwise this doesn't render right */
    padding:35px;
    background: url(/images/content_top.gif) 0 0 no-repeat;
}

.content-pane {
    display: none;
}

#content_1 {
	display:block;
}

.more {
	display:none;
}

.cntrl, .clear {
	clear:both;
}
/* END OF TABS & CONTENT WRAPPERS */


/* START OF FOOTER */

#footer_holder {
    margin:15px 0 0 0;
    background: url(/images/footer_holder_bg.gif);
}

#footer {
	width:100%;
    background: url(/images/footer_bg.gif) 0 0 repeat-y;
}

#footer #footer_wrapper_top {
    position:relative;
    background: url(/images/footer_top.gif) 0 0 no-repeat;
}

#footer #footer_wrapper_bottom {
    background: url(/images/footer_bottom.gif) 0 100% no-repeat;
}

#footerlink_close.footer-link {
    display:block;
    position:absolute;
    right:5px;
    top:5px;
    width:15px;
    height:15px;
	background:transparent url(/images/transparent.png) 0 0; /* IE 7 hack - seems to require a background for this hidden link to be clickable*/
	text-indent:-3333px;
}

#footer_holder ul.nav {
    list-style-type: none;
    margin:0;
    padding:20px 0 0 0;
    width:100%;
    text-align: center;
}

#footer_holder ul.nav li {
    list-style-type: none;
    display: inline;
    padding:0 20px;
}

.footer-pane {
    padding:30px;
    display: none;
}

p.copyright {
    margin:15px 30px 0 30px;
    padding:15px 0;
    border-top:1px #180900 solid;
	color:#fff;
    text-align:center;
}

/* END OF FOOTER */

/* FORM STUFF */

#admin_logo {
	position:relative;
	left:50px;
	margin:0 0 20px 0;
	width:257px;
	height:65px;
	background: url(/images/admin_logo.gif) 0 -1px no-repeat;
}

#admin_logo a {
	display:block;
	width:100%;
	height:100%;
}

#login_form {
	background: url(/images/admin_box_bg.gif) 0 0 repeat-y;
}

#login_form #login_form_top {
	background: url(/images/admin_box_top.gif) 0 0 no-repeat;
}

#login_form #login_form_bottom {
	padding:25px 40px 15px 40px;
	background: url(/images/admin_box_bottom.gif) 0 100% no-repeat;
}

#login_form form {
	position:relative;
	padding:20px 20px;
	border:1px #9d918b solid;
	border-width:1px 0;
}

#login_form form p.label {
	margin:0;
	padding:0;
	font-size:90%;
}

#login_form form .fieldWithErrors, .errorExplanation {
	color:#f00;
}

#login_form form input {
	padding:4px;
	border-width:2px 1px 1px 2px;
	border-color:#3F3128 #CCC #CCC #3F3128;
	background:#ded9d7;
}

#login_form form #user_session_submit {
	position:absolute;
	right:35px;
	bottom:35px;
	border:0;
	width:49px;
	height:69px;
	background: url(/images/submit_button.gif) 0 0 no-repeat;
	text-indent:-3333px;
	overflow:hidden;
	line-height:200px;
}

#login_form p.copyright {
	margin:10px 0 0 0 !important;
	padding:0;
	border-width:0;
}

/* END OF FORM STUFF */

/* TYPO */
body {
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
	text-align:justify;
}

#content {
	line-height:1.35em;
}

#footer_holder ul.nav li a {
    font-size:16px;
	color:#fff !important;
    text-decoration:none;
}

#tabs li a {
    color:#180900;
    font-size:21px;
    text-decoration:none;
    text-transform:uppercase;
}

#tabs li a .smaller {
    display:block;
}

h1, h2, h3, h4, #tabs li a {
    font-family:lucida grande, verdana, helvetica, arial, sans-serif;
}

h1, h2, h3, h4 {
    color:#F7AF35;
	line-height:1.5em;
}

#content p {
	margin-bottom:0.75em;
}

 #content h1, #content h2, #content h3 {
	margin-bottom:0.15em;
}

#content h2.upper {
	margin-bottom:0.65em;
}

.panel h1, .panel h2, .panel h3, .panel h4 {
	color:#E47E02;
}

.smaller {
    font-size:80%;
    line-height:97%;
}

.upper {
    text-transform:uppercase;
}

.norm {
	font-weight:normal;
}

.read_more {
/*	font-weight:bold;
	text-decoration:none;
*/}

.dark p {color:#180900 !important;}

hr {
	color:#000;
	border-color:#000;
	background: #000;
}

/* END OF TYPO */


/* COLORS */
.yellow {color:#F7AF35;}

.dark_yellow {color:#E47E02;}

.brown {color:#3F3128;}

.dark_brown, body, #footer_holder ul.nav li a, a {color:#180900}
/* END OF COLORS */

/* HELPERS & FX */

.photo_inner_shadow {
/*	position:relative;*/
	float:right;
/*	top:-17px;
	right:-19px;
*/	margin:-17px -19px 20px 20px;
}

.css_shadow {
    -webkit-box-shadow: 0 0 8px #333;
}

a.hidden {
	text-indent:-3333px;
}

.inline {
	display:inline;
}

.float_left {
	float:left;
}

.matte {
	padding:10px;
}

.center {
	text-align:center;
}

/* END OF HELPERS & FX */

/* NEWS & DOWNLOADS SECTION */

.years, .news {
	float:left;
}

.years {
	padding:0 10px;
}

.years ul, .years li, .downloads ul, .downloads li, #drawer ul, #drawer li {
	margin:0 0 1em 0;
	padding:0;
	list-style-type:none;
}

.downloads {
	min-height:350px;
}

.downloads li a {
	margin-left:15px;
	text-decoration:none;
}

.news {
	padding-left:100px;
	width:700px;
	max-height:200px;
	overflow:auto;
}

.post {
  display: none;
}

/* END OF NEWS & DOWNLOADS SECTION */