/* Styles common to the MIX html editor and the website are entered here */

@import url(main_editor_styles.css);

/* Styles for the public site are entered here */

#body {
	margin:0;
	padding:0;
}

p { margin-top:0; }
h1 { margin-top:0; font-size:22px; line-height:120%; font-weight:normal; color:#4a8932; }
h2 { margin-top:0; font-size:22px; line-height:120%; font-weight:normal; color:#231f20; }
h3 { margin-top:0; font-size:22px; line-height:120%; font-weight:normal; color:#065a9c; }

strong { font-weight:700; }
em { font-style:italic; }

.html ul, .html ul li { margin:0; padding:0; list-style:none; }
.html ul { margin:0 0 14px 3px; }
.html ul li { padding-left:16px; background:top left no-repeat url(../images/bullet.png); }

img { max-width:100%; height:auto; }

#header, #main, #footer { width:1080px; margin:0 auto; }

/* header */

#header { min-width:320px; height:99px; padding-top:23px; margin:0 auto; }
#header img.logo { float:left; width:240px; height:78px; margin:0; border:0; }
#header .nav { position:relative; top:auto; left:auto; background:none; }
#header .nav ul, #header .nav li { margin:0; padding:0; list-style:none; }
#header .nav > ul { float:right; height:auto; padding-top:25px; display:block; margin:0; border:0; }
#header .nav:target > ul { display:block; }
#header .nav > a { display:none; width:33px; height:29px; text-align:left; text-indent:-9999px; background:top left no-repeat url(../images/menu-button.gif); position:absolute; top:-93px; right:16px; }
#header .nav:not( :target ) > a:first-of-type, #header .nav:target > a:last-of-type { display: block; }
#header .nav li { display:inline; padding-left:28px; }
#header .nav li a { padding:0; display:inline; font-size:22px; line-height:120%; color:#231f20; text-decoration:none; text-align:left; background:none; border:0; }
#header .nav li.selected a { border-bottom:2px solid #8fbe3e; }
#header .nav li ul { background-color:#697B85; display:none; }
#header .nav li:hover ul { display: none; }
#header .nav li li a { padding:6px 0 4px 0; font-size:16px; line-height:120%; color:#0072bc; background-color:#ffffff; border-top:1px solid #8fbe3e; }

/* main */

#main { min-width:320px; margin:0 auto; padding:34px 0 100px 0; }
#main.home { width:1086px; padding:0; }
#main .galleryhome { width:1086px; margin:0 auto 8px auto; }
#main .galleryhome .grid-sizer { width:216px; }
#main .galleryhome .item { width:212px; margin:0 2px 4px 2px; }
#main .galleryhome .large { width:428px; }
#main .galleryhome .item img { border:0; max-width:100%; height:auto; }
#main .left { display:inline-block; width:190px; vertical-align:top; padding-top:4px; }
#main .right { display:inline-block; width:810px; vertical-align:top; padding:0 10px 0 70px; }
#main .left .submenu ul, #main .left .submenu li { margin:0; padding:0; list-style:none; }
#main .left .submenu li { border-bottom:1px solid #8fbe3e; }
#main .left .submenu li.first { border-top:1px solid #8fbe3e; }
#main .left .submenu li a { width:180px; padding:5px 10px 6px 0; display:block; font-size:16px; line-height:120%; color:#231f20; text-decoration:none; text-align:right; }
#main .left .submenu li a:hover { background-color:#ddebc5; }
#main .left .submenu li.selected span { padding-left:17px; background:top left no-repeat url(../images/bullet.png); }

/* map */

#main .mapleft { float:left; width:450px; padding:0 20px 0 0; }
#main .mapright { float:right; width:340px; padding-bottom:0; }

/* resources */

#main.resources { width:1084px; }
#main.resources .right { width:824px; padding:0 0 0 70px; }
#main .resourceleft { float:left; width:450px; padding:0; }
#main .resourceright { float:right; width:374px; }
#main .resourceleft li { padding:11px 0 6px 0; font-size:16px; line-height:120%; color:#231f20; background:none; }
#main .resourceleft li .hitarea { width:35px; height:26px; margin:-5px 9px 0 0; background:none; background:top left no-repeat url(../images/resource-bgnd.gif); }
#main .resourceleft li .expandable-hitarea { width:35px; height:26px; }
#main .resourceleft li .collapsable-hitarea { background-position:0 -26px; } 
#main .resourceleft li a { color:#231f20; text-decoration:none; }
#main .resourceleft li li { padding:9px 0 5px 26px; }
#main .resourceleft li li img { float:left; margin:-3px 9px 0 0; }
#main .resourceleft li li .hitarea {  margin-right:5px; }
#main .gallerymasonry .grid-sizer { width:187px; }
#main .gallerymasonry .item { width:183px; margin:0 2px 4px 2px; }
#main .gallerymasonry .large { width:370px; }
#main .gallerymasonry  img { border:0; }

/* footer */

#footer { height:32px; padding:28px 0; }
#footer .login { width:622px; margin:0 auto; }
#footer .login p { float:left; width:96px; margin-top:6px; margin-bottom:10px; font-size:16px; line-height:120%; text-align:left; }
#footer .login label { float:left; }
#footer .login input { width:221px; height:28px; padding-left:9px; margin:0 0 0 6px; font-size:13px; line-height:120%; color:#d2cfcf; border:1px solid #8fbe3e; -moz-border-radius:5px; border-radius:5px; }
#footer .login input.submit { width:32px; font-size:16px; line-height:120%; height:32px; color:#FFFFFF; text-indent:-9999px;  cursor:pointer; border:0; background:top left no-repeat #8fbe3e; url(../images/button-submit.gif); }