/* 
GSNC Redesign 032009	
*/

body {
width: 100%;
margin: 0;
float: none;
	background:url(../images/bg_tile7.gif);
	font: .72em Arial, Verdana, sans-serif;
	text-align: left; /* This alligns the entire page in the center. */
	line-height: 1.6em; /* We can change this. I like how it opens up the copy a bit. Easier to read */
}

/* Basic styles. All special formatting should take place in the div */

a {
color:#000000;
text-decoration:none; 
background: inherit; 
}

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

form {
display:none; 
}


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: 100%;
margin: 0;
float: none;
background: #fff; 
text-align: left;
}


#print-logo {
display:block;
margin-bottom:10px;
}

#print-hr {
display:block;
background-color: #fff;
border: 1px solid #000000;
margin-bottom:20px;
}

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

#header_nav {
display:none;
float:right;
margin: 0 5px 0 0;
color:#FFFFFF;
}

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

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

#header_nav_icons a {
border:none;
}

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

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

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

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

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

.bold_text {
font-weight:bold;
}

.italic_text {
font-style:italic
}

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

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

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

/* Menues start here */

/* Left main menu starting with home through newsletter */

#nav {
display:none;
float:left;
width: 250px;
height:221px;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana;
color: #333;
}

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

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

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

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

#navwrapper{
display:none;
width: 780px;
height: 219px;
}

/* These are the main images that show up to the right of the nav. We can swap out for camp, girls, families etc */

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

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

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

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

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

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

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

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

#pic_resource{
display:none;
float:right;
width: 530px;
height: 219px;
background:#fff url(../images/pic_resource.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 {
display:none;
clear: both; 
margin: 0 0 10px 0; 
padding: 7px 0 7px 5px; 
border-top: 1px dotted #DCDBD5;
}

#menu li { 
display: inline; 
}

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

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

/* Box sections */

.clear {	
clear: both; 
margin: 0 0 2px 0;
}

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

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

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

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

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

.one_column ul {
list-style:disc;
margin-left:20px;
}
	
.one_column h1 {
margin: 2px 0;
padding: 0;
color: #00603c;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

.center_column {
width: 100%;
margin: 0;
float: none;
background: #fff;
color: #303030;
}

.center_column ul {
list-style:disc;
margin-left:20px;
}
	
.center_column h1 {
margin: 2px 0;
padding: 0;
color: #00603c;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

.box_1 {
display: none;
float: left;
width: 170px;
margin: 2px 0 0 1px;
background:#FFF;
color: #303030;
padding: 3px 2px 0 4px;
border: #eee 1px solid;
border-bottom:0;
}
	
.box_1 h1 {
margin: 2px 0;
padding: 0;
color: #00603c;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

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

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

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

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

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

.box_3 {
display:none;
float: right;
width: 160px;
margin: 2px 1px 0 5px;
background: #fff;
color: #303030;
padding: 3px 2px 0 4px;
border: #eee 1px solid;
border-bottom:0;
}
	
.box_3 h1 {
margin: 2px 0;
padding: 0;
color: #00603c;
background: inherit;
font-size: 1.1em;
text-transform:uppercase;
}

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

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

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

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

.box_3 img a {
border:none;
}

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

.right_column_girlfriends img {
border:none; 
}

.right_col img {
border:none;
}

.resource_room_menu {
display:none;
width: 160px; /*width of menu*/
}

.resource_room_menu .headerbar{
display:none;
font: bold 13px Verdana;
color: white;
background: #00603c;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:center;
}

.resource_room_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.resource_room_menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.resource_room_menu ul li a{
font: normal 12px Arial;
color: #0000FF;
background:#F5F5F5;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.resource_room_menu ul li a:visited{
color: #0000FF;
}

.resource_room_menu ul li a:hover{ /*hover state CSS*/
color: 0000FF;
background:#B1E0A9;
text-decoration:underline;
}

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

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

.bold_link {
text-decoration:underline;
font-weight:bold;
font-size:1.1em;
}
			
.main_content { 
background: #fff; 
color: #808080; 
padding: 2px 5px; 
margin: 8px 8px;
border: #eee 1px solid;
}

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

/* All table designs below */

#board_dir
{
	font-size: 1em;
	margin: 4px;
	width: 385px;
	text-align: left;
	vertical-align:top;
	border-collapse: collapse;
	border-top: 5px solid #9baff1;
	border-bottom: 5px solid #9baff1;
}
#board_dir th
{
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0 0 0;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#board_dir td
{
	padding: 2px;
	vertical-align:top;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

/* 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;
margin: 2px 0 0 5px;
width: 29%;
padding: 0 0 0 10px;
}

.bottom_boxes img {
border:none;
}

.bottom_boxes ul {
list-style:none;
}			
	
.bottom_boxes_2 {
float: left;
margin: 2px 0 0 5px;
width: 44%;
padding: 0 0px 0 10px;
}

.bottom_boxes_2 img {
border:none;
}

.bottom_boxes_2 ul {
list-style:circle;
}

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

.bottom_boxes_4 img {
border:none;
}

.bottom_boxes_4 ul {
list-style:none;
}

.bottom_boxes_4 a {
text-align:center;
}

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

#footer ul li { display: inline; }

/* This is the CSS for the left column navigation on all pages */

.nav_menu {
display: none;
width: 170px; /*width of menu*/
}

.nav_menu .headerbar{
font: bold 13px Verdana;
color: white;
background: #00603c;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align:center;
}

.nav_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.nav_menu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.nav_menu ul li a{
font-size: 11px;
font-weight:bold;
text-transform:uppercase;
color:#339933;
background:#FFF;
display: block;
padding: 5px 0;
line-height: 14px;
padding-left: 12px; /*link text is indented 8px*/
text-decoration: none;
text-indent:0;
}

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

.nav_menu ul li a:hover{ /*hover state CSS*/
font-size: 11px;
color:#FFFFFF;
background:#339933;
text-decoration:underline;
}

/*All table layouts start here*/

#hor-zebra
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 5px;
	width: 390px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 1.1em;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

#box-table-a
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 1px;
	width: 390px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 5px;
	border-bottom: 1px solid #fff;
	color:#333333;
	border-top: 1px solid transparent;
		vertical-align:top;
}

#box-table-a tr:hover td
{
background:#CCCCCC;
	color: #339;
}

#box-table-a .row1 {
	background-color: #CCFFCC;
	color:#FFFFFF;
}

#box-table-a .row2 {
	background-color: #99CCFF;
	color:#FFFFFF;
}

#box-table-a .row3 {
	background-color: #e5fde5;
	color:#FFFFFF;
}

#box-table-a .row4 {
	background-color: #FFCC66;
	color:#FFFFFF;
}

#simple
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 1px;
	width: 390px;
	text-align: left;
	border-collapse: collapse;
}
#simple th
{
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}

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

#simple .row1 {
	background-color: #CCFFCC;
	color:#FFFFFF;
}

#simple .row2 {
	background-color: #99CCFF;
	color:#FFFFFF;
}

#box-table-b
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 1px;
	width: 387px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-b th
{
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #b9c9fe;
	color: #039;
	vertical-align:top;
}
#box-table-b td
{
	padding: 5px;
	border: 1px solid #b9c9fe;
	color:#333333;
	border-top: 1px solid transparent;
	vertical-align:top;
}

#box-table-b tr:hover td
{
background:#CCCCCC;
	color: #339;
}

#box-table-b .row1 {
	background-color: #CCFFCC;
	color:#FFFFFF;
}

#box-table-b .row2 {
	background-color: #99CCFF;
	color:#FFFFFF;
}

#box-table-b .row3 {
	background-color: #e5fde5;
	color:#FFFFFF;
}

#box-table-b .row4 {
	background-color: #FFCC66;
	color:#FFFFFF;
}

#box-table-b .row5 {
	background-color: #FFFFCC;
	color:#FFFFFF;
}

#box-table-b .row6 {
	background-color: #E7E2EB;
	color:#FFFFFF;
}

#box-table-b .row7 {
	background-color: #D8FCDE;
	color:#FFFFFF;
}

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

#box-table-c
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 1px;
	width: 360px;
	text-align: left;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}
#box-table-c th
{
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #b9c9fe;
	color: #039;
	vertical-align:top;
}
#box-table-c td
{
	padding: 5px;
	border: 1px solid #b9c9fe;
	color:#333333;
	border-top: 1px solid transparent;
	vertical-align:top;
}

#box-table-c tr:hover td
{
background:#CCCCCC;
	color: #339;
}

#box-table-c .row1 {
	background-color: #CCFFCC;
	color:#FFFFFF;
}

#box-table-c .row2 {
	background-color: #99CCFF;
	color:#FFFFFF;
}

#box-table-c .row3 {
	background-color: #e5fde5;
	color:#FFFFFF;
}

#box-table-c .row4 {
	background-color: #FFCC66;
	color:#FFFFFF;
}

#box-table-c .row5 {
	background-color: #FFFFCC;
	color:#FFFFFF;
}

#box-table-c .row6 {
	background-color: #E7E2EB;
	color:#FFFFFF;
}

#box-table-c .row7 {
	background-color: #D8FCDE;
	color:#FFFFFF;
}

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






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

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

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

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

.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: 0px; }


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


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

/*End Table CSS for the Staff Directory*/