/* ----------------- COMPONETS ----------------- */
@import url('componets.css');






/* ----------------- CSS STYLES ----------------- */
*{
margin:0px;
padding:0px;
}

body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background:url(../assets/vtile.jpg) repeat-x #171f39;
behavior: url("csshover3.htc"); 
}

ul {
margin-left:20px;
padding:5px 0px;
}

li{
padding:5px 0px;
}

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

#webphibian{
padding:10px 0px;
text-align:center;
}




/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#preview img{
	width:100px;
}

/*  */








/* ----------------- LINKS ----------------- */
a:link, a:visited{
color: #2a4e70;
}

a:hover{
color:#000000;
}

:focus{
outline:0;
}

a.big-btn:link, a.big-btn:visited{
	display:block;
	background:url(../assets/big-button.jpg);
	height:31px;
	padding-top:10px;
	width:275px;
	border:0;
	color:#FFF;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
	cursor:hand;
	text-align:center;
	text-decoration:none;
}

a.big-btn:hover{
	background-position:0px -41px;
}












/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
padding-bottom:5px;
}

h2{
font-size:18px;
padding-bottom:2px;
}

h3{
font-size:14px;
padding-bottom:7px;
}

h4{
font-size:12px;
}

.subtitle{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#c9314e;
	font-weight:bold;
}












/* ----------------- STRUCTURE ----------------- */
#wrapper{
	width:1002px;
	margin:0px auto;
}

#topbar{
	background:url(../assets/topbar.png);
	height:31px;
}

#header-box{
	background:url(../assets/bodybg.png) repeat-y;
	padding:0px 11px;
}

#header{
	background:url(../assets/header.jpg);
	height:205px;
}

#inner-header{
	background:url(../assets/inside-header.png); 
	height:145px;
}

#logo{
	padding-top:38px;
	padding-left:40px;
}

#inner-logo{
	padding-top:30px;
	padding-left:160px;
}

#announcements{
	padding-bottom:15px;
}

#section{
	background:url(../assets/bodybg.png) repeat-y;
	padding:0px 11px;
} 

#section2{
	background:url(../assets/bodybg-2.png) repeat-y;
	padding:0px 11px;
} 

#sidebar{
	float:left;
	width:186px;
}

#content{
	float:left;
	width:362px;
	padding:10px;
}

#content2{
	float:left;
	width:770px;
	padding:10px;
}

#altsidebar{
	float:left;
}

#article-images{
	text-align:center;
	padding-top:40px;
	width:410px;
}

#footer{
	background:url(../assets/footer.png) repeat-x;
	width:980px;
	margin:0px auto;
	padding-bottom:20px;
}


.pics {
width:400px;
height:225px;
padding:0;
margin:0;
margin-top:10px;
overflow:hidden;
} 










/* ----------------- NAV ----------------- */

#nav{
	background:url(../assets/navbar.png);
	height:47px;
	margin:0px 11px;
	padding-left:28px;
}

#inner-nav{
	background:url(../assets/navbar.png);
	height:47px;
	margin:0px 11px;
	padding-left:30px;
}


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

#nav ul li{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

#nav a{
	display:block;
	color:#333;
	text-shadow: 0px 1px 1px #fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	padding:15px;
	height:32px;
	padding-bottom:0px;
	background:url(../assets/navbar.png) repeat-x;
}

#nav a:hover{
	background:url(../assets/navbg2.jpg) repeat-x;
	color:#FFF;
	text-shadow: 0px 1px 1px #333;
}

#nav img{
	display:block;
	margin:0px;
	padding:0px;
}


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

#inner-nav ul li{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

#inner-nav a{
	display:block;
	color:#333;
	text-shadow: 0px 1px 1px #fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	padding:15px 10px;
	height:32px;
	padding-bottom:0px;
	background:url(../assets/navbar.png) repeat-x;
}

#inner-nav a:hover{
	background:url(../assets/navbg2.jpg) repeat-x;
	color:#FFF;
	text-shadow: 0px 1px 1px #333;
}


#navbar{
	display:none;
}









/* ----------------- SIDEBAR ----------------- */
#sidebar h1{
	color:#003366;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}



#newsletter,  #socialnetworks{
	background:url(../assets/sidebar-bg2.jpg);
}

#newsletter, #meetings, #boardresources, #socialnetworks{
	padding:5px 0px;
	padding-left:12px;
}

#boardresources, #socialnetworks{
	height:45px;
	overflow:hidden;
}

#meetings{
	padding-right:10px;
}

.event-listing{
	padding-bottom:10px;
}

.last{
	padding-bottom:0px;
}

.event-title-sb{
	color:#F00;
	font-weight:bold;
	padding-bottom:4px;
}

.event-title-sb a{
	color:#c9314e;
}

.event-title-sb a:hover{
	color:#000;
}


.event-date{
	font-style:italic;
	padding-bottom:4px;
}

.event-desc{
}

.newsletter-signup{
	margin-bottom:7px;
	margin-top:5px;
}

input.submit-btn{
	background:url(../assets/submit-btn.png);
	height:22px;
	width:61px;
	border:0;
	color:#FFF;
	cursor:pointer;
	cursor:hand;
}

input.submit-btn:hover{
	background:url(../assets/submit-btn.png);
	background-position:0px -22px;
	height:22px;
	width:61px;
	border:0;
	color:#FFF;
}


a.login-btn:link, a.login-btn:visited{
	display:block;
	background:url(../assets/submit-btn.png);
	height:19px;
	padding-top:3px;
	width:61px;
	border:0;
	color:#FFF;
	cursor:pointer;
	cursor:hand;
	text-align:center;
	text-decoration:none;
}

a.login-btn:hover{
	background-position:0px -22px;
}


.divider{
	background:url(../assets/sidebar-divider.jpg);
	height:1px;
}


#samelinks{
	text-align:center;
	padding:5px 0px;
}



a.nationalblog:link, a.nationalblog:visited{
	display:inline-block;
	background:url(../assets/national-blog.jpg);
	width:119px;
	height:18px;
	text-indent:-9999px;
	margin-top:5px;
}

a.nationalblog:hover{
	background-position:0px -18px;
}



a.nationalcalendar:link, a.nationalcalendar:visited{
	display:inline-block;
	background:url(../assets/nat-cal.jpg);
	width:157px;
	height:18px;
	text-indent:-9999px;
	margin-top:5px;
}

a.nationalcalendar:hover{
	background-position:0px -18px;
}


a.jobcenter:link, a.jobcenter:visited{
	display:inline-block;
	background:url(../assets/job-center.jpg);
	width:90px;
	height:18px;
	text-indent:-9999px;
	margin-top:5px;
}

a.jobcenter:hover{
	background-position:0px -18px;
}



a.nationalsite:link, a.nationalsite:visited{
	display:inline-block;
	background:url(../assets/national-site.jpg);
	width:112px;
	height:18px;
	text-indent:-9999px;
	margin-top:5px;
}

a.nationalsite:hover{
	background-position:0px -18px;
}


#samelinks a{
	margin-top:10px;
}







/* ----------------- ALTSIDEBAR ----------------- */

#video-link{
	padding-top:10px;
}

#ads{
	padding-top:15px;
}












/* ----------------- INSIDE PAGES ----------------- */
.padded-table td{
	padding:5px;
	border-bottom:1px solid #999;
	font-size:14px;
}


#mission-vision-values{
	padding-left:2px;
}

#mission-vision-values h2{
	font-size:16px;
	color:#d6214a;
}

#mission-vision-values em{
	color:#20568e;
	font-weight:bold;
}





/* ----------------- MEMBERSHIP ----------------- */
.membership-table td{
	padding:5px;
	border-bottom:1px solid #999;
}

.membership-table-title{
	text-decoration:underline;
}


.sustainingfirm-table td{
	padding:5px;
	border-bottom:1px solid #999;
	font-size:14px;
}







.individual-awards{
padding-bottom:5px;
	float:left;
}




/* ----------------- MEETINGS AND EVENTS ----------------- */
.event-container{
	padding-bottom:15px;
}



.event-detail{
	padding-bottom:15px;
	float:left;
	width:550px;
	padding-left:10px;
}

.event-detail-no-pic{
	padding-bottom:15px;
	float:left;
}

.event-detail-hp{
	padding-bottom:0px;
	float:left;
	width:362px;
}

.event-picture{
	float:left;
	width:210px;
}

.event-picture img{
float:left;
margin-right:10px;
margin-bottom:10px;
border:4px solid #666;
}

.event-picture img:hover{
border:4px solid #2a4e70;
}
 
.event-title{
	color:#2a4e70;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:4px;
	font-size:18px
}

.event-date{
	font-style:italic;
	padding-bottom:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}











/* ----------------- HALL OF FAME ----------------- */
table.hof-nav td{
	padding:15px 10px;
} 


#content3{
	float:left;
	width:625px;
	padding:10px;
}

#altsidebar2{
	float:left;
	width:100px;
	padding-left:20px;
	padding-top:45px;
}

#post-awards{
	text-align:center;
}


#big-award-table{
	padding-left:50px;
}

#small-award-table{
padding-left:150px;
}

.year{
	font-weight:bold;
	font-size:15px;
	border-bottom:2px solid #666;
	margin-bottom:15px;
}



.yellow-star{
	display:block;
	background:url(../assets/silver-star.jpg) no-repeat;
	background-position:0 2px;
	padding-left:20px;
	color:#2a4e70;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:0px;
	font-size:18px

}


.red-star{
	display:block;
	background:url(../assets/red-star.jpg) no-repeat;
	background-position:0 2px;
	padding-left:20px;
	color:#2a4e70;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:0px;
	font-size:18px

}


.blue-star{
	display:block;
	background:url(../assets/blue-star.jpg) no-repeat;
	background-position:0 2px;
	padding-left:20px;
	color:#2a4e70;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:0px;
	font-size:18px

}

#prez-photo{
	width:77px;
	height:99px;
	background:url(../content/presidents/military.jpg);
}
 



/* ----------------- BOARD RESOURCES ----------------- */
#board-resources{
	float:left;
	width:570px;
	padding:10px;
}

#board-resources-sidebar{
	float:right;
	width:180px;
	padding-top:15px;
}

ul#board-resources-nav li a{
	font-weight:bold;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#003366;
}

ul#board-resources-nav li a:hover{
	color:#c9314e;
}

#board-resources-login{
	padding-top:10px;
	padding-left:0px;
	font-weight:bold;
}












/* ----------------- PHOTO GALLERY----------------- */

#photo-gallery img{
float:left;
margin-right:10px;
margin-bottom:10px;
border:4px solid #666;
}

#photo-gallery img:hover{
border:4px solid #2d3e74;
}

.photo-category-description{
	font-size:14px;
	font-weight:bold;
}


.category-photo{
	display:block;
margin-right:10px;
margin-bottom:10px;
border:4px solid #666;
}

.category-photo:hover{
border:4px solid #2a4e70;
}

.photo-date-divider{
	margin-top:10px;
	border-top:2px solid #666;
	padding-top:10px;
}












/* ----------------- FOOTER ----------------- */
#footer{
	font-size:11px;
	color:#666;
}

#f-contact{
	float:left;
	padding-left:10px;
	padding-top:2px;
}

#fnav{
	float:right;
	width:435px;
	padding-right:10px;
	padding-top:9px;
}

#fnav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#fnav ul li{
	float:right;
	margin:0px;
	padding:0px 2px;
	list-style:none;
}

#fnav a{
	color:#666;
	text-decoration:none;
}

#fnav a:hover{
	color:#F00;
}










/* ----------------- ADMIN AREA ----------------- */
#admin-header-box{
	background:url(../assets/ie6-header.jpg) no-repeat;
	width:980px;
	height:145px;
		margin-left:11px;
}

#admin-header{
	background:url(../assets/admin-header.png) no-repeat;
	width:1002px;
	background-position:-11px 0px;
	height:145px;
}


#adminnav{
	width:400px;
	float:right;
}

/* ----------------- ADMIN BUTTONS ----------------- */
a.drag-btn:link, a.drag-btn:visited{
display:block;
float:left;
background:url(http://www.webphibian.com/standards/images/drag-btn.png);
width:64px;
height:20px;
text-indent:-9999px;
}

a.drag-btn:hover{
background-position:0px -20px;
}
 
a.view-btn:link, a.view-btn:visited{
display:block;
float:left;
background:url(http://www.webphibian.com/standards/images/view-btn.png);
width:64px;
height:20px;
text-indent:-9999px;
}

a.view-btn:hover{
background-position:0px -20px;
}
 
a.add-btn:link, a.add-btn:visited{
display:block;
float:left;
background:url(http://www.webphibian.com/standards/images/add-btn.png);
width:64px;
height:20px;
text-indent:-9999px;
}

a.add-btn:hover{
background-position:0px -20px;
}
 
a.delete-btn:link, a.delete-btn:visited{
display:block;
float:left;
background:url(http://www.webphibian.com/standards/images/delete-btn.png);
width:70px;
height:20px;
text-indent:-9999px;
}

a.delete-btn:hover{
background-position:0px -20px;
}
 
a.edit-btn:link, a.edit-btn:visited{
display:block;
float:left;
background:url(http://www.webphibian.com/standards/images/edit-btn.png);
width:60px;
height:20px;
text-indent:-9999px;
}

a.edit-btn:hover{
background-position:0px -20px;
}

#admin-header{
	background:url(../assets/admin-header.png) no-repeat;
	width:1002px;
	background-position:-11px 0px;
	height:145px;
}

#admin-section{
	background:#fff;
	margin:0px 11px;
	padding:30px;
}

.admin-title{
padding:10px 0px;
}

.admin-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}

.admin-table td{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}

.admin-form-table{
border-top:1px solid #333333;
border-left:1px solid #333333;
}

.admin-form-table td{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding:10px;
}

.admin-table-header{
background:#666666;
color:#ffffff;
font-size:15px;
text-align:center;
font-weight:bold;
}

.admin-field-header{
font-weight:bold;
font-size:16px;
background:#999999;
color:#FFFFFF;
}

.admin-form-label{
font-weight:bold;
}

.admin-form-submit{
text-align:center;
}


/* ----------------- Login ----------------- */
#loginbox{
width:331px;
margin:0 auto;
}

#logincontainer{
padding:5px 20px;
}

#passwordcontainer{
padding:5px 20px;
}


#logintxt{ 
float:left;
width:80px;
font-size:14px;
font-weight:bold;
padding-top:4px;
}

#loginform{
float:left;
}

#loginform input{
width:190px;
height:17px;
font-size:14px;
}

#passwordtxt{
float:left;
width:80px;
font-size:14px;
font-weight:bold;
padding-top:4px;
}

#passwordform{
float:left;
}

#passwordform input{
width:190px;
height:17px;
font-size:14px;
}

#submitbtn{
padding:15px 36px;
text-align:right;
}

#loginsubmitbtn{
border:1px solid #999;
background:#666;
color:#fff;
padding:3px 7px;
cursor:pointer;
cursor:hand;
}


#loginsubmitbtn:hover{
border:1px solid #999;
background:#ccc;
color:#fff;
}

#admin-footer{
	background:url(../assets/footer.png) repeat-x;
	width:980px;
	margin:0px auto;
	padding-bottom:20px;
	font-size:11px;
	color:#666;
}