/* 
GSNC Redesign 032009	*/
body {
background:url(../images/bg_tile7.gif);
font:.72em Arial, Verdana, sans-serif;
text-align:left;
line-height:1.6em;
margin:auto;
}

/* Basic styles. All special formatting should take place in the div */
a {
color:#03C;
text-decoration:none;
background:inherit;
}

a:hover {
color:#000;
background:inherit;
text-decoration:underline;
}

h2 {
font-size:1.1em;
margin-left:4px;
color:#5e5e5e;
text-transform:uppercase;
}

ul {
margin:.6em 0;
padding:0;
}

hr {
color:#fff;
background-color:#fff;
border:1px dotted #BAEFAD;
border-style:none none dotted;
}

a img {
border:0;
}

/* Main Content */
#wrapper {
width:780px;
background:#fff;
text-align:left;
border-left:1px solid #00603c;
border-right:1px solid #00603c;
margin:0 auto;
padding:0 4px 4px;
}

#header {
width:780px;
height:80px;
background:url(../images/top_bk.jpg) no-repeat;
margin:0;
}


#header_nav {
float:right;
color:#FFF;
margin:0 5px 0 0;
}

#header_nav_icons {
float:right;
margin-top:30px;
padding-right:3px;
}

#header_nav_icons img {
padding-right:3px;
}

#header h1 {
float:left;
color:#FFF;
font-size:2.2em;
font-family:Arial, Helvetica, sans-serif;
margin:15px 0 0 85px;
padding:0;
}

#header h3 {
float:left;
color:#00603c;
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
margin:40px 0 0 -130px;
padding:0;
}

#header a {
color:#FFF;
text-decoration:none;
}

#quote {
clear:both;
float:left;
color:#5e5e5e;
font:16px Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin:0 0 5px 8px;
padding:7px 0 7px 6px;
}

.artice_headline {
font-weight:700;
font-size:1.2em;
color:#00603c;
}

.bold_text {
font-weight:700;
}

.italic_text {
font-style:italic;
}

.image_placed_left {
float:left;
border:#EBEBEB 1px solid;
background-color:#FFF;
margin:0 5px 0 0;
padding:2px;
}

.image_placed_right {
float:right;
border:#EBEBEB 1px solid;
background-color:#FFF;
margin:0 0 0 5px;
padding:2px;
}

.image_placed_center {
float:left;
vertical-align:middle;
border:#EBEBEB 1px solid;
background-color:#FFF;
margin:0 0 0 5px;
padding:2px;
}

/* Menues start here 
 Left main menu starting with home through newsletter */
#nav {
float:left;
width:250px;
height:225px;
margin-bottom:0;
font-size:10px;
font-family:Verdana;
color:#333;
padding:0;
}

#nav ul {
list-style:none;
border:none;
margin:0;
padding:0;
}

#nav li {
border-bottom:1px solid #fff;
width:auto;
margin:0;
}

#nav li a {
display:block;
color:#fff;
text-transform:uppercase;
font-weight:700;
text-decoration:none;
width:auto;
background:#393 url(../images/gsncnavarrow.gif) no-repeat center left;
padding:8px 0 4px 15px;
}

#nav li a:hover {
color:#303;
background:#9F9 url(../images/gsncnavarrowhover.gif) no-repeat center left;
font-weight:700;
padding:8px 0 4px 30px;
}

#nav_vol {
float:left;
width:250px;
height:225px;
margin-bottom:0;
font-size:10px;
font-family:Verdana;
color:#333;
padding:0;
}

#nav_vol ul {
list-style:none;
border:none;
margin:0;
padding:0;
}

#nav_vol li {
border-bottom:1px solid #fff;
width:auto;
margin:0;
}

#nav_vol li a {
display:block;
color:#fff;
text-transform:uppercase;
font-weight:700;
text-decoration:none;
width:auto;
background:#036 url(../images/gsncnavarrow.gif) no-repeat center left;
padding:8px 0 4px 15px;
}

#nav_vol li a:hover {
color:#303;
background:#9F9 url(../images/gsncnavarrowhover.gif) no-repeat center left;
font-weight:700;
padding:8px 0 4px 30px;
}


#navwrapper {
padding-top:1px;
width:780px;
height:219px;
}

#pic_camping {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_camp.jpg) no-repeat;
}

#pic_family {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_familiy.jpg) no-repeat;
}

#pic_girlfest {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_girlfest.jpg) no-repeat;
}

#pic_volunteers {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_volunteers.jpg) no-repeat;
}

#pic_resource {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_resource.jpg) no-repeat;
}

#pic_herricks {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_herricks.jpg) no-repeat;
}

/* Horizontal sub menues. Use for the girls, volunteer and families. Also any other page that needs it's own nav. Runing horizontal here keeps right side of page consistant */
#menu {
clear:both;
border-top:1px dotted #DCDBD5;
margin:0 0 10px;
padding:7px 0 7px 5px;
}

#menu a {
text-decoration:none;
color:#5e5e5e;
font-weight:700;
font-size:.95em;
border-bottom:4px solid #00603c;
margin:0 3px;
padding:3px;
}

#menu a:hover {
border-bottom:4px solid #01492a;
color:#444;
background-color:#EEE;
}

/* Box sections */
.clear {
clear:both;
margin:0 0 2px;
}

#right_content_box {
background-color:#CEE9EA;
width:40%;
border:#063;
float:right;
margin-left:8px;
display:inline;
padding:5px;
}

#right_box_girlfriends {
background-color:#FFF;
width:28%;
border:#063;
float:right;
margin-left:8px;
display:inline;
text-align:center;
padding:5px;
}

#right_box_girlfriends img {
border:#eee 1px solid;
}

#right_box_support {
background-color:#CEE9EA;
width:25%;
border:#063;
float:right;
margin-left:8px;
display:inline;
line-height:20px;
padding:1px 5px 5px;
}

.one_column {
float:left;
width:72%;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 0 0 9px;
padding:3px 5px 0;
}

.center_column {
float:left;
width:51%;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 0 0 9px;
padding:3px 5px 0;
}

/* 1,2,3 column sections */
.center_column_onecol {
float:inherit;
width:95%;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 0 0 9px;
padding:3px 5px 0;
}

.center_column_twocol {
float:left;
width:74%;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 0 0 9px;
padding:3px 5px 0;
}

/* End 1,2,3 column sections */
.center_column_shop {
float:left;
width:51%;
background:#fff;
color:#303030;
border-bottom:0;
margin:2px 0 0 9px;
padding:3px 5px 0;
}

.center_column_wide {
float:left;
width:73%;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 0 0 9px;
padding:3px 5px 0;
}

.center_column_wide img {
padding:5px;
}

.box_1 {
float:left;
width:170px;
background:#FFF;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 0 0 1px;
padding:3px 2px 0 4px;
}

.box_1 a {
color:#03C;
background:inherit;
font-size:1.1em;
text-decoration:none;
padding:0 0 0 10px;
}

.box_1 a:hover {
color:#000;
background:inherit;
font-size:1.1em;
text-decoration:underline;
}

.box_1 li {
text-indent:-10px;
}

.box_1 img {
display:block;
margin-left:auto;
margin-right:auto;
padding:0;
}

.box_3 {
float:right;
width:160px;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
margin:2px 1px 0 5px;
padding:3px 2px 0 4px;
font:.90em Arial, Verdana, sans-serif;
text-align:center;
line-height:1.5em;
}

.box_3 a {
color:#03C;
background:inherit;
font-size:1em;
text-decoration:none;
border:none;
padding:0;
}

.box_3 a:hover {
color:#000;
background:inherit;
font-size:1em;
text-decoration:underline;
}

.box_3 img {
display:block;
margin-left:auto;
margin-right:auto;
border:#696 1px solid;
padding:2px;
}

.right_column_girlfriends {
float:right;
width:160px;
background:#fff;
color:#303030;
border:#eee 1px solid;
border-bottom:0;
text-align:center;
margin:2px 1px 0 5px;
padding:3px 2px 0 4px;
}

.resource_room_menu {
width:160px;
}

.resource_room_menu ul li {
padding-bottom:2px;
}

.resource_room_menu ul li a {
font:normal 12px Arial;
color:#00F;
background:#F5F5F5;
display:block;
line-height:17px;
text-decoration:none;
padding:5px 0 5px 8px;
}

.resource_room_menu ul li a:visited {
color:#00F;
}

.resource_room_menu ul li a:hover {
color:#00F;
background:#B1E0A9;
text-decoration:underline;
}

.contentbox {
float:left;
width:47%;
background:#fff;
color:#303030;
border:#eee 1px solid;
margin:7px;
padding:4px;
}

.link {
border-top:1px solid #eee;
padding:2px 0;
}

.bold_link {
text-decoration:underline;
font-weight:700;
font-size:1.1em;
}

.main_content {
background:#fff;
color:gray;
border:#eee 1px solid;
margin:8px;
padding:2px 5px;
}

#main_body {
clear:both;
background:#fff;
color:#000;
margin:0 0 5px;
padding:0 5px;
}

/* All table designs below */
#board_dir {
font-size:1em;
width:385px;
text-align:left;
vertical-align:top;
border-collapse:collapse;
border-top:5px solid #9baff1;
border-bottom:5px solid #9baff1;
margin:4px;
}

#board_dir th {
font-size:13px;
font-weight:400;
background:#e8edff;
border-right:1px solid #9baff1;
border-left:1px solid #9baff1;
color:#039;
padding:5px 0 0;
}

#board_dir td {
vertical-align:top;
background:#e8edff;
border-right:1px solid #aabcfe;
border-left:1px solid #aabcfe;
color:#669;
padding:2px;
}

/* END table designs 
 Bottom boxes has the 3 boxes across. Below I put in bottom_boxes_2 which has 2 boxes across */
.bottom_boxes {
float:left;
width:29%;
margin:2px 0 0 5px;
padding:0 0 0 10px;
}

.bottom_boxes_2 {
float:left;
width:44%;
margin:2px 0 0 5px;
padding:0 0 0 10px;
}

.bottom_boxes_2 ul {
list-style:circle;
}

.bottom_boxes_4 {
float:left;
width:37%;
margin:2px 0 0;
padding:0 0 0 15px;
}

.bottom_boxes_4 a {
text-align:center;
}

#footer {
text-align:center;
margin:20px 10px;
}

/* This is the CSS for the left column navigation on all pages */
.nav_menu {
width:170px;
}

.nav_menu ul li {
padding-bottom:1px;
}

.nav_menu ul li a {
font-size:11px;
font-weight:700;
text-transform:uppercase;
color:#393;
background:#FFF;
display:block;
line-height:14px;
text-decoration:none;
text-indent:0;
padding:5px 0 5px 12px;
}

.nav_menu ul li a:visited {
font-size:11px;
}

.nav_menu ul li a:hover {
font-size:11px;
color:#FFF;
background:#393;
text-decoration:underline;
}

/*All table layouts start here*/
#hor-zebra {
font-family:Arial, Verdana, sans-serif;
font-size:1em;
width:390px;
text-align:left;
border-collapse:collapse;
margin:5px;
}

#hor-zebra th {
font-size:1.1em;
font-weight:400;
color:#039;
padding:10px 8px;
}

#hor-zebra td {
color:#669;
padding:8px;
}

#hor-zebra .odd {
background:#e8edff;
}

#box-table-a td {
border-bottom:1px solid #fff;
color:#333;
border-top:1px solid transparent;
vertical-align:top;
padding:5px;
}

#simple td {
border-bottom:1px solid #fff;
border-right:1px solid #fff;
color:#333;
border-top:1px solid transparent;
vertical-align:top;
padding:5px;
}

#box-table-b {
font-family:Arial, Verdana, sans-serif;
font-size:1em;
width:387px;
text-align:left;
border-collapse:collapse;
margin:1px;
}

#box-table-c {
font-family:Arial, Verdana, sans-serif;
font-size:1em;
width:360px;
text-align:left;
border-collapse:collapse;
margin:1px auto;
}

.purple_bk {
background-color:#E7E2EB;
margin-bottom:3px;
margin-top:3px;
padding:3px;
}

.yellow_bk {
background-color:#FFC;
margin-bottom:3px;
margin-top:3px;
padding:3px;
}

.green_bk {
background-color:#DEFBD7;
margin-bottom:3px;
margin-top:3px;
padding:3px;
}

.green_bk_with_border {
background-color:#FFEAFC;
border-top:2px solid #060;
border-bottom:2px solid #060;
width:165px;
margin-top:10px;
padding:0 0 0 3px;
}

.indent_text {
text-indent:8px;
}

/*Table CSS for the Staff Directory*/
table.contacts {
width:380px;
background-color:#fafafa;
border:1px #DEEDDF solid;
border-collapse:collapse;
border-spacing:0;
}

td.contactDept {
background-color:#00a886;
border:1px #000 solid;
font-family:Verdana;
font-weight:700;
font-size:13px;
color:#FFF;
}

td.contact {
border-bottom:1px #69C dotted;
text-align:left;
font-family:Verdana, sans-serif, Arial;
font-weight:400;
font-size:.85em;
color:#404040;
background-color:#fafafa;
padding:4px 0 4px 8px;
}

/*End Table CSS for the Staff Directory*/
#print-logo {
display:none;
}

#print-hr {
display:none;
color:#000;
margin-bottom:10px;
}

#header_nav_icons a,.box_3 img a,.right_column_girlfriends img,.right_col img,.bottom_boxes img,.bottom_boxes_2 img,.bottom_boxes_4 img {
border:none;
}

#pic_index,#pic_girls,#pic_shop,#pic_newsletter {
float:right;
width:530px;
height:219px;
background:#fff url(../images/pic_index.jpg) no-repeat;
}

#menu li,#footer ul li {
display:inline;
}

.one_column ul,.center_column_shop ul,.center_column ul,.center_column_wide ul {
list-style:disc;
margin-left:20px;
}

.one_column h1,.center_column_shop h1,.center_column h1,.center_column_wide h1,.box_1 h1,.box_3 h1,#main_body h1 {
color:#00603c;
background:inherit;
font-size:1.1em;
text-transform:uppercase;
margin:2px 0;
padding:0;
}

.box_1 ul,.box_3 ul {
list-style-type:none;
}

.resource_room_menu .headerbar,.nav_menu .headerbar {
font:bold 13px Verdana;
color:#FFF;
background:#00603c;
margin-bottom:0;
text-transform:uppercase;
text-align:center;
}

.resource_room_menu ul,.nav_menu ul {
list-style-type:none;
margin:0;
padding:0;
}

.bottom_boxes ul,.bottom_boxes_4 ul {
list-style:none;
}

#box-table-a,#simple {
font-family:Arial, Verdana, sans-serif;
font-size:1em;
width:390px;
text-align:left;
border-collapse:collapse;
margin:1px;
}

#box-table-a th,#simple th {
font-size:1em;
font-weight:400;
background:#b9c9fe;
border-top:4px solid #aabcfe;
border-bottom:1px solid #fff;
color:#039;
padding:5px;
}

#box-table-a tr:hover td,#box-table-b tr:hover td,#box-table-c tr:hover td {
background:#CCC;
color:#339;
}

#box-table-a .row1,#simple .row1,#box-table-b .row1,#box-table-c .row1 {
background-color:#CFC;
color:#FFF;
}

#box-table-a .row2,#simple .row2,#box-table-b .row2,#box-table-c .row2 {
background-color:#9CF;
color:#FFF;
}

#box-table-a .row3,#box-table-b .row3,#box-table-c .row3 {
background-color:#e5fde5;
color:#FFF;
}

#box-table-a .row4,#box-table-b .row4,#box-table-c .row4 {
background-color:#FC6;
color:#FFF;
}

#box-table-b th,#box-table-c th {
font-size:1em;
font-weight:400;
background:#b9c9fe;
border-top:4px solid #aabcfe;
border-bottom:1px solid #fff;
border-left:1px solid #b9c9fe;
color:#039;
vertical-align:top;
padding:5px;
}

#box-table-b td,#box-table-c td {
border:1px solid #b9c9fe;
color:#333;
border-top:1px solid transparent;
vertical-align:top;
padding:5px;
}

#box-table-b .row5,#box-table-c .row5 {
background-color:#FFC;
color:#FFF;
}

#box-table-b .row6,#box-table-c .row6 {
background-color:#E7E2EB;
color:#FFF;
}

#box-table-b .row7,#box-table-c .row7 {
background-color:#D8FCDE;
color:#FFF;
}

#box-table-b .rightallign,#box-table-c .rightallign {
text-align:right;
font-weight:700;
}

.horizontal_dotted_line {
color:#fff;
background-color:#fff;
border:1px dotted #BAEFAD;
border-style:none none dotted;
}

.underline_text {
	text-decoration:underline;
}

.large_artice_headline {
font-weight:700;
font-size:1.2em;
color:#00603c;
}


.image_placed_on_left {
float:left;
border:#EBEBEB 1px solid;
background-color:#FFF;
margin:0 5px 0 0;
padding:2px;
}

.image_placed_on_right {
float:right;
border:#EBEBEB 1px solid;
background-color:#FFF;
margin:0 0 0 5px;
padding:2px;
}

.image_placed_in_center {
float:left;
vertical-align:middle;
border:#EBEBEB 1px solid;
background-color:#FFF;
margin:0 0 0 5px;
padding:2px;
}

sidebar_center {
font:.70em Arial, Verdana, sans-serif;
text-align:center;
line-height:1.4em;
}


/*Start CSS for association pages*/

body_association {
background:url(../images/background.gif);
font:.72em Arial, Verdana, sans-serif;
text-align:left;
line-height:1.6em;
margin:auto;
}

#header_association {
width:780px;
height:107px;
margin:0;
background:url(../association/images/top_bk.gif);
}

#header_association h1 {
float:left;
color:#CCC;
font-size:2.2em;
font-family:Arial, Helvetica, sans-serif;
margin:15px 0 0 85px;
padding:0;
}