﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #383fc4;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3; 
    text-decoration: underline;
}
a:visited
{
    color:#505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* committees table H4  */

.committees_table h4
{
	font-size: 1.5em;
	color:#000;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:0;
}

/* committees table H4  */
.committees_table p
{
	margin:5px;
}
.committees_table img
{
	margin-top:20px;
	margin-bottom:20px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page
{
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    position:static;
}
.content
{
	margin-top:10px;
	width:1150px;
	margin-left:auto;
	margin-right:auto;
}

div#pagePhoto {
	width: 1150px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}
div#containerPhoto {
	padding: 20px;
}

#header
{
    margin-bottom: 5px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 15px; /*0px 0px 15px 0px;*/
    background-color: #b8cda2; /* #cdcbc3; */
    margin-bottom: 5px;
    margin-top:50px;
    height: 400px; /* only IE6 applies CSS properties starting with an underscrore */
}
#main img
{
	border: solid 1px silver;
}

#main_partial
{
	padding:0px;
	margin-bottom: 5px;
    height: 400px; /* only IE6 applies CSS properties starting with an underscrore */
    position:static;
    margin-top:50px;
}
#main_home
{
    padding: 0px;
    width:745px;
    float:left;
    background-color: #F7F7DE;
    /*height: 400px; /* only IE6 applies CSS properties starting with an underscrore */
    height:100%;
}
#main_column
{
    padding: 0px 10px 0px 10px;
    width:375px;
    float:right;
    background-color: #b8cda2;
    border-left: solid,1px, silver;
    height: 400px; /* only IE6 applies CSS properties starting with an underscrore */
}
/* ---------------------   Footer --------------  
#footer
{
	background: transparent url('/images/footer_bg_2.gif') no-repeat center center;
	height:90px;
	margin-bottom:20px;
	text-decoration:none;
}
*/
.footer_id
{
	text-align: center;
	vertical-align:middle;
	background:white;
	border-top:2px gray solid;
	/*padding:2px;*/
	height:70px;
	position:static;
}

/*
ul#footer_menu li
{
	display: inline;
    list-style: none;
    width: 100px;
    border:none;
    text-align:center;
}
*/
#footer_menu
{
	text-decoration:none;
	border:none;
	vertical-align:middle;
	margin-top:auto;
	margin-bottom:auto;
}

/* New Footer Menu --- Non Authorize */
#new_footer_auth
{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	height:70px;
	border: 1px solid silver;
	/*border: 1px solid #625e00;*/
	border-width: 1px 0;
	background: white url('../../images/n_footer_noauth.jpg') repeat-x 0px 0px;
	/*background: black url('../images/blockdefault.gif') center center repeat-x;*/
}

ul#new_footer_auth li
{
	display:block;
	float:left;
}

ul#new_footer_auth li#n_ContactWebAdmin_auth a
{
	display:block;
	outline:none;
	height:70px;
	width:218px;
	background: transparent url('../../images/n_footer_noauth.jpg') repeat-x -931px 0px;
	/*background-position:221px 0px;*/
	margin:0px;
	padding:0px;
}
ul#new_footer_auth li#n_ContactWebAdmin_auth a:hover 
{
	background-position:-931px -70px;
}
/*
ul#new_footer li#n_ContactWebAdmin_auth a
{
	width:218px;
	background-position:-932px 0px;
}
ul#new_footer li#n_ContactWebAdmin_auth a:hover 
{
	background-position:-932px -70px;
}
*/

/* END New Footer Menu --- Non Authorize */

/* New Footer Menu */

#new_footer
{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	border: 1px solid silver;
	background-color:White;
	/*border: 1px solid #625e00;*/
	border-width: 1px 0;
	/*background-image:none  url('../images/blockdefault.gif');*/
	/*background: black url('../images/blockdefault.gif') center center repeat-x;*/
}

ul#new_footer li
{
	display:block;
	float:left;
}

ul#new_footer li a
{
	display:block;
	outline:none;
	height:70px;
	width:190px;
	background: white url('../../images/n_footer.jpg') repeat-x 0px 0px;
	margin:0px;
	padding:0px;
}
	
ul#new_footer li a:hover 
{
	background-position:0px -70px;
}

ul#new_footer li#n_PhotosVideos a
{
	width:191px;
	background-position:-191px 0px;
}
ul#new_footer li#n_PhotosVideos a:hover 
{
	background-position:-191px -70px;
}

ul#new_footer li#n_MembersDirectory a
{
	width:191px;
	background-position:-383px 0px;
}
ul#new_footer li#n_MembersDirectory a:hover 
{
	background-position:-383px -70px;
}

ul#new_footer li#n_Broadcast a
{
	width:191px;
	background-position:-573px 0px;
}
ul#new_footer li#n_Broadcast a:hover 
{
	background-position:-573px -70px;
}

ul#new_footer li#n_emailCommitteeMembers a
{
	width:191px;
	background-position:-764px 0px;
}
ul#new_footer li#n_emailCommitteeMembers a:hover 
{
	background-position:-764px -70px;
}

ul#new_footer li#n_ContactWebAdmin a
{
	width:195px;
	background-position:-956px 0px;
}
ul#new_footer li#n_ContactWebAdmin a:hover 
{
	background-position:-956px -70px;
}
/* END New Footer Menu */


/* TAB MENU   
----------------------------------------------------------*/




/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
    color:Black;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/
/*
table 
{
  border: solid 0px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 0px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 0px #e8eef4;   
}
*/

/* Custom TABLE 
--------------------------------------------------------------*/

/*
table
{
	border: 0px colid #e8eef4;
	/* border-collapse: collapse; 
}

table td
{
	padding: 5px;
	border: 0px solid #e8eef4;
	background-color: white;
}

table th
{
	padding: 6px 5px;
	text-align: left;
	background-color: white;
	border: 1px colid #000000;
	color:Black;
}
*/


/* MISC  
----------------------------------------------------------*/
.panel_MainEvents
{
	background-color:#b8cda2;
}

.panel_MEvents
{
	padding:10px;
	margin:10px;
	border: solid 1px white;
	background-color:#F7F7DE;
}
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:5px;
	margin-bottom:5px;
	border: solid 1px white;
	position:static;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:3px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.news_event_header
{
	background: black url('../../images/blockNews.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
}
tr.news_event_header
{
	margin:0px;
}
.login_header_black
{
	background: black url('../../images/login_block.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.news_event_header_orange
{
	background: black url('../../images/blockactive.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.news_background
{
	/* background:none url('../images/news_background.gif') center top repeat-x; */
	background-color:#b8cda2;
	padding: 5px 20px 15px 20px;
    margin-bottom: 5px;
    height: 400px; /* only IE6 applies CSS properties starting with an underscrore */
}

.news_table_header
{
	background: black url('../../images/news_table_block.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	table-layout:fixed;
}
.events_table_header
{
	background: black url('../../images/events_table_block.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.minutes_table_header
{
	background: black url('../../images/minutes_table_block.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.files_table_header
{
	background: black url('../../images/files_table_block.gif') repeat-x center;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size:1em;
	color:white; 
	text-align:center; 
	line-height:2.8em;
	margin-bottom:3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
.news_event_div
{
	background-color:#F7F7DE; 
	border:solid 1px black; 
	width:900px; 
	height:100%;
	margin-left:auto; 
	margin-right:auto; 
	color:Black;
	position:relative;
	z-index:auto;
}

.colorfull
{
	background-color:#e4f5cd;
}
.link_align
{
	text-align:right;
	padding-right:50px;
}

table
{
	color:Black;

}
table td, th
{
	padding-left:10px;
	padding-right:10px;
	border-color:Black;
}


table tr
{
	height:25px;
}


/* --------  Login Table -------------*/

.login table tr
{
	padding:0px;
	margin:0px;
}    
    
    
.slideshow 
{
	 height: 232px; 
	 width: 232px; 
	 margin: auto 
}
.slideshow img 
{ 
	padding: 15px;
	border: 1px solid #ccc; 
	background-color: #eee; 
}
    
.register
{
	text-align:right;
}
.register_Button
{
	float:left;
	margin-left:150px;
}

.Login table tr td
{
	padding:10px;
	margin:10px;
}

.Panel_Register
{
	margin:0px;
	padding:0px;
}

/* Custom TABLE 
--------------------------------------------------------------*/

#login1
{
	border: 0px colid #e8eef4;
	border-collapse: collapse; 
}

#login1 td
{
	padding: 5px;
	border: 0px solid #e8eef4;
	background-color: white;
}

#login1
{
	padding: 6px 5px;
	text-align: left;
	background-color: white;
	border: 1px colid #000000;
	color:Black;
}

#Admin
{
	background-color:White;
	height:100%;
}
#Admin_Menu
{
	background-color:#F7F7DE;
	padding: 0px 0px 0px 0px;
    width:100px;
    float:left;
    border-left: solid,1px, silver;
    height: 400px;
}
#main_Admin
{
    padding: 0px;
    width:auto;
    /*float:right;
    margin:10px 10px 10px 10px;*/
    background-color: #F7F7DE;
    height: 400px; /* only IE6 applies CSS properties starting with an underscrore */
}

.panel_style
{
	padding:10px;
}

.category table
{
	margin-left:auto;
	margin-right:auto;
}
.category:table tr
{
	margin:1px;
}
.photo_frame
{
	width:auto; 
	text-align:center; 
	font-size:medium;
	margin-bottom:0px;
	margin-top:10px;
}
.photo_frame p
{
	margin:0px;
	padding:0px;
}
.photo_frame a
{
	padding:0px;
	margin:0px;
}

.photo_frame_img
{
	border:none;
}

/* ----------------  LIGHTBOX  -------------  */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 101; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ---------------- END LIGHTBOX  -------------  */

.misc_table p
{
	margin:5px;
}

.edit_News
{
	padding:10px;
	color:Black;
}

.edit_News p
{
	margin:5px;
	font-weight:bold;
}