@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* -------------------------------------------------------------- 
  
   UX Toolkit Screen Styles
   * Version:   0.1 (August 2009)
   
-------------------------------------------------------------- */

body { background:#fff url(../images/body_bg.png) 0 0 repeat-x; }
a { color:#3F6C18; text-decoration:none; }
a:hover { color:#111; text-decoration:none; }

/* Set the Footer */
html { height: 100%; }
body { height: 100%; }
.container { position: relative; min-height: 100%; }
* html .container { height: 100%; }
#footer { position: relative; font-size:10px; margin: -17.7em auto 0 auto; }
/* A CSS hack that only applies to IE -- specifies a different height for the footer 
* html #footer { margin-top: -17.9em; }*/



/* Container
-------------------------------------------------------------- */

.container { margin: 0; background:url(../images/header_bg.png) 50% 28px no-repeat; }
#footer .container { width:945px; padding:0 15px; background:none; margin:0 auto; }

/* Header
-------------------------------------------------------------- */

#header { margin:0 auto; position:relative; width: 975px; }
#header h1.branding { margin:42px 0 16px 10px; padding:0; }
#header h1.branding a { width:186px; height:111px; display:block; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; }
#header ul.utilities { float:right; font-size:11px; margin-top:5px;  }
#header ul.utilities li { margin-left:16px; }
#header ul.sf-menu { float:right; clear:right; margin-top:55px; }


/* Body
-------------------------------------------------------------- */

#body { margin:0 auto; width:945px; padding:10px 15px 17.7em; background:#fff; }

/* Grid columns */
#body .wrapper { margin:0 -8px 15px -7px; }
#footer .wrapper { margin:0 -8px 0 -7px; }
.colspan-1, .colspan-2, .colspan-3, .colspan-4, .colspan-5, .colspan-6, .colspan-7, .colspan-8, .colspan-9, .colspan-10, .colspan-11, .colspan-12 {
	display:inline; float:left; margin:0 8px 0 7px; }
.colspan-1 { width:65px; }
.colspan-2 { width:145px; }
.colspan-3 { width:225px; }
.colspan-4 { width:305px; }
.colspan-5 { width:385px; }
.colspan-6 { width:465px; }
.colspan-7 { width:545px; }
.colspan-8 { width:625px; }
.colspan-9 { width:705px; }
.colspan-10 { width:785px; }
.colspan-11 { width:865px; }
.colspan-12 { width:945px; }

/* Fix nested coloumns (Alpha = First nested, Omega = Last nested) */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Add space to the left of a column */
.prefix-1 { padding-left:80px; }
.prefix-2 { padding-left:160px; }
.prefix-3 { padding-left:240px; }
.prefix-4 { padding-left:320px; }
.prefix-5 { padding-left:400px; }
.prefix-6 { padding-left:480px; }
.prefix-7 { padding-left:560px; }
.prefix-8 { padding-left:640px; }
.prefix-9 { padding-left:720px; }
.prefix-10 { padding-left:800px; }
.prefix-11 { padding-left:880px; }
.prefix-12 { padding-left:960px; }

/* Add space to the right of a column */
.suffix-1 { padding-right:80px; }
.suffix-2 { padding-right:160px; }
.suffix-3 { padding-right:240px; }
.suffix-4 { padding-right:320px; }
.suffix-5 { padding-right:400px; }
.suffix-6 { padding-right:480px; }
.suffix-7 { padding-right:560px; }
.suffix-8 { padding-right:640px; }
.suffix-9 { padding-right:720px; }
.suffix-10 { padding-right:800px; }
.suffix-11 { padding-right:880px; }
.suffix-12 { padding-right:960px; }

.box { padding:20px 20px 10px; }

#body h2.page-heading { margin:20px 20px 0 20px; border-bottom:1px solid #EFECE5; padding-bottom:10px; }
#body .masthead h2 { border:none; font-weight:normal; margin:20px; margin-bottom:10px; color:#747D67; }


/* Vertical Sub Navigation */
#body .left-nav { border-right:1px solid #EFECE5; width:144px; margin-top:10px; padding-bottom:30px; }
#body .left-nav h4 {  color:#A08F61; }
#body .left-nav ul, .home #body ul { margin:0; padding:0; list-style-type:none; }
#body .left-nav ul li { margin:0; padding:0 15px 0 0; }
#body .left-nav ul li a, .home #body ul li a { display:block; padding:5px 0 4px; border-bottom:1px dotted #EFECE5; background:url(../images/gray_arrow_bullet.gif) 0 10px no-repeat; padding-left:10px; }
#body .left-nav ul li.selected a { color:#2F332A; }

#body h3 { border-bottom:1px solid #EFECE5; padding-bottom:6px; }

#overview { margin:0; padding:0; clear:both; }
#overview div { display:inline; float:left; margin:0 0 20px 20px; width:362px; }
#overview h5 { border-bottom:1px dotted #EFECE5; font-weight:normal; text-transform:uppercase; padding-bottom:5px; font-size:13px; }
#overview h5 a { background:url(../images/gray_arrow_bullet.gif) left no-repeat; padding-left:10px; }

div.image { float:right; margin:0 0 30px 30px; clear:right; }
#overview div.thumb { float:left; display:inline; margin:0 10px 10px 0; width:auto; }
#overview div.thumb img { float:left; }

/* Footer
-------------------------------------------------------------- */
.contact-form td {vertical-align:top; text-align:left; padding:5px;}
.contact-form .field {width:260px;}

/* Footer
-------------------------------------------------------------- */

#footer { color:#70806D; background:url(../images/footer_bg.jpg) top center no-repeat; width:100%; }
#footer .wrapper { padding:1.5em 0; line-height:1.5em; }
#footer a { color:#70806D; text-decoration:none; }
#footer a:hover { color:#70806D; text-decoration:underline; }
#footer h5 { color:#EDF5E2; font-size:10px; font-weight:normal; letter-spacing:1px; margin:0; padding:0; text-transform:uppercase; }
#footer ul { list-style-type:none; margin:0; }
#footer li, #footer p { padding:0; margin:0; }
#footer .contact { text-align:right; }