@charset "utf-8";
/***********************************************************************************

	1 - GLOBAL
	2 - INDEX
	3 - CALENDAR
	4 - MEMBERSHIPS
	5 - NEWSLETTERS
	6 - PHOTOS
	7 - NETWORKING
	8 - FORMATTING
	9 - ABOUT

************************************************************************************/














/***********************************************************************************
 	1 - GLOBAL
************************************************************************************/
body{
	font-family: trebuchet;
	background-image: url(images/background_repeat.gif);
	background-repeat: repeat-x;
	background-color:#e2e2ff; /*amg - changed*/
	

}

#container{
	width: 760px;
	height: 768px;
	border: 1px black single;
	margin-left:auto;
	margin-right:auto;
}
#header{
	width: 600px;
	height: 75px;
	background-color: #FFFFFF;
	background-image:url(images/jcheader4.jpg);
}
#email{
	width: 156px;
	height: 75px;
	float: right;
	background-color: #1e6298;
	margin-right: 4px;
	background-image:url(images/emailButton_off.jpg);
}
#newsletterSignup{
	width: 748px;
	height:20px;
	padding:5px;
	text-align:right;
	position:relative;
	font-family:"Trebuchet MS", sans-serif;
	background-image:url(images/newsletterg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size:12px;
	color:#CEE1EF;
}
input#newsletter{
	width:116px;
	background-color:#FFFFFF;
	color:#46a3e9;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	border: 1px solid #46a3e9;
	padding-left:5px;
	
}
select.dropDown{	background-color:#CEE1EF;
	border: 1px solid #336699;
		color:#336699;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;}
input{
	width:144px;
	background-color:#CEE1EF;
	color:#336699;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	border: 1px solid #336699;
	padding-left:5px;
	
}

input#send{
	width:30px;
	background-color:#CEE1EF;
	color:#336699;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	border: 1px solid #336699;
	padding-left:5px;
	
}
input#submit{
	width:25px;
	background-color:#FFFFFF;
	color:#46a3e9;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	border: 1px solid #46a3e9;
}
a:link{
	font-family:"Trebuchet MS", sans-serif;
	size:13px;
	color:#242425;
	font-weight:bold;
	text-decoration:none;
}
a:active{
	font-family:"Trebuchet MS", sans-serif;
	size:13px;
	color:#242425;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	font-family:"Trebuchet MS", sans-serif;
	color:#FFFFFF;
	size:13px;
	font-weight:bold;
}
a:visited{
	font-family:"Trebuchet MS", sans-serif;
	color:#b8d0e2;
	size:13px;
	font-weight:bold;
	text-decoration:none;
}
#nav{
	width: 756px;
	height: 39px;
	background-color: #000000;
	background-image: url(images/nav_back.jpg);
	background-repeat: no-repeat;
}
#aboutButton{
	width: 111px;
	height: 30px;
	background-image: url(images/aboutButton_off.jpg);
	margin-left: 42px;
	margin-top: 3px;
	float: left;
}
#aboutButton:hover{
	background-image: url(images/aboutButton_on.jpg);
}
#calenderButton{
	width: 111px;
	height: 30px;
	background-image: url(images/calenderButton_off.jpg);
	margin-top: 3px;
	margin-left: 1px;
	float: left;
}
#calenderButton:hover{
	background-image: url(images/calenderButton_on.jpg);
}
#membershipButton{
	width: 111px;
	height: 30px;
	background-image: url(images/membershipButton_off.jpg);
	margin-top: 3px;
	float: left;
}
#membershipButton:hover{
	background-image: url(images/membershipButton_on.jpg);
}
#newslettersButton{
	width: 111px;
	height: 30px;
	background-image: url(images/newslettersButton_off.jpg);
	margin-top: 3px;
	margin-left: 1px;
	float: left;
}
#newslettersButton:hover{
	background-image: url(images/newslettersButton_on.jpg);
}
#photosButton{
	width: 111px;
	height: 30px;
	background-image: url(images/photosButton_off.jpg);
	margin-top: 3px;
	margin-left: 1px;
	float: left;
}
#photosButton:hover{
	background-image: url(images/photosButton_on.jpg);
}
#networkingButton{
	width: 111px;
	height: 30px;
	background-image: url(images/networking_button_off.jpg);
	margin-top: 3px;
	margin-left: 1px;
	float: left;
}
#networkingButton:hover{
	background-image: url(images/networking_button_on.jpg);
}
#content{
	width: 756px;
	height: 452px;
	background-color: #759dbc;
	background-repeat:no-repeat;
	margin-top: -2px;
}
#about{
	width: 756px;
	height: 188px;
	background-image: url(images/about_back.png);
	background-repeat: no-repeat;
}
#about01{
	margin-top:30px;
	margin-left:5px;
	float:left;
	height:100px;
	width:242px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
#about02{
	margin-top:30px;
	float:left;
	height:100px;
	width:242px;
	padding-right:5px;
	padding-top:5px;
	padding-left:0px;

}
#about03{
	margin-top:30px;
	float:left;
	height:100px;
	width:242px;
	padding-right:5px;
	padding-top:5px;
	padding-left:0px;
	padding-bottom:5px;
}
#footerLinks{
	text-align:center;
}
#footerLinks a{
	text-align:center;
	line-height:1px;
	font-size:10px;
	color: #759dbc;
	text-decoration:none;
}

/***********************************************************************************
	2 - INDEX
************************************************************************************/
#presWelcome{
	width: 233px;/*amg changed*/
	height: 244px;
	font-size:10px;
	background-color: #759dbc;
	background-image: url(images/president_welcome.png);
	background-repeat:no-repeat;
	background-position:top-left;/*amg changed*/
	padding-right:10px;/*amg changed*/
	padding-left:10px;/*amg changed*/
	padding-top:20px;
	text-align:justify;
}
#mainImage{
	margin-top:-269px;
	padding-top:5px;/*amg changed*/
	float:right;
	width:504px;/*amg changed*/
	height:244px;
}
#upcomingEvents{
	position:static;
	width: 756px;
	height:170px;
	background-color: #759dbc;
	background-image: url(images/upcoming_events.png);
	background-repeat:no-repeat;
	border-top: solid black 4px;
	overflow:hidden;
}
#sponsorText{
	float:left;
	background-color:#FFFFFF;
	height:135px;
	width:479px;
	text-align:center;
	margin-left:10px;
	margin-top:30px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:-5px;
}
#calendarMini{
	float:left;
	background-color:#FFFFFF;
	height:140px;
	width:242px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:10px;
	overflow:hidden;
	margin-top:30px;
	padding-top:-5px;
	margin-left:5px;
	padding-right:5px;
}

li {
	list-style:outside;
	margin-left:-30px;
	margin-top:-4px;
	list-style:none;
	font-family: "Trebuchet MS", sans-serif;
	color:#336699;
	padding-bottom:10px;
	
}
li a:link {
	color:#336699;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
li a:link, li a:visited, li a:hover {
	color:#242425;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}

li a:hover {color:#759dbc;}
/***********************************************************************************
	3 - CALENDAR
************************************************************************************/
#contentCalendar{
	width: 741px;
	height: 420px;
	background-color: #759dbc;
	background-image: url(images/upcoming_events.png);
	background-repeat:no-repeat;
	padding-left:15px;
	
	padding-top:22px;
}
.iframeDiv{
	float:right;

scrollbar-face-color:cee1ef;
scrollbar-highlight-color:759dbc;
scrollbar-3dlight-color:759dbc;
scrollbar-darkshadow-color:759dbc;
scrollbar-shadow-color:759dbc;
scrollbar-arrow-color:332425;
scrollbar-track-color:759dbc;

	background-color:#FF0000;
}
/***********************************************************************************
	4 - MEMBERSHIPS
************************************************************************************/
#joinInfo{
	width: 228px;
	height: 410px;
	border-right: solid 4px #57758c;
	float: left;
	padding:10px;
	text-align:justify;
	background-repeat:no-repeat;
}
#bannerMembership{
	background-image: url(images/join_the_jaycees.png);
	height:22px;
	width:252px;
}
#joinForm{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	width: 470px; /*amg changed*/
	height: 400px;
	background-color: #759dbc;
	float: right;
	padding:15px;
}
p.formIns{
	padding-right: 6px;
	font-weight: normal;
	margin:15px;
}
li.membership{font-size:9px;color:#FFFFFF;}
/***********************************************************************************
	5 - NEWSLETTERS
************************************************************************************/

#newsLetter1{
	width: 252px;
	height: 244px;
	font-size:11px;
	background-color: #759dbc;
	background-image: url(images/newsletters.png);
	background-repeat:no-repeat;
	background-position:top-left;
	padding-right:10px;
	padding-left:10px;
	padding-top:20px;
	text-align:justify;
}
#newsLetter2{
	margin-top:-240px;
	padding-top:5px;
	float:right;
	width:504px;
	height:244px;
}
span.thelist {
	float:left;
	padding-right:20px;
}
#fix{
position: relative;
top:40px;
background: #759dbc;
height: 20px;
width: 50px;
}
/***********************************************************************************
	6 - PHOTOS
************************************************************************************/
#photoTitle{

	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:right;
}
#photoTitle a:link{
	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	color:#FFFFFF;
	
}
#photoTitle a:link{
	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

#images {
	padding:5px;
	float:left;
}
#photoNavigate{
float:left;
width:300px;
background-color:#CC6600;
height:100px;
}
#contentPhoto{
	width: 756px;
	height: 420px;
	background-color: #759dbc;
	background-image: url(images/photo_gallery.png);
	background-repeat:no-repeat;
	padding-top:22px;
}
/***********************************************************************************
	7 - NETWORKING
************************************************************************************/
#contentNetworking{
	width: 741px;
	height: 420px;
	background-color: #759dbc;
	background-image: url(images/networking.png);
	background-repeat:no-repeat;
	padding-left:15px;
	
	padding-top:22px;
}
/***********************************************************************************
	8 -  FORMATTING
************************************************************************************/

td {
	font-size:11px;
	font-family: "Trebuchet MS", sans-serif;
	color:#336699;
}
p {
	font-size:11px;
	font-family: "Trebuchet MS", sans-serif;
	color:#cee1ef;
	line-height:12.5px;
}
strong {font-size:13px;
color:#242425;}
td img{
	padding-top:5px;
	padding-right:-3px;
	padding-left:5px;
	border:0px;
}		
img  {border:0px;}
input#nostyle{
padding-top:10px;background-color:#759dbc;
border:0px;}

/***********************************************************************************
	9 -  ABOUT
************************************************************************************/

#whyJoin{
	position:static;
	width: 746px;
	height:170px;
	background-color: #759dbc;
	background-image: url(images/why_join_the_jaycees.png);
	background-repeat:no-repeat;
	border-top: solid black 4px;
	overflow:hidden;
	padding-right:10px;
	margin-top: 15px;
}
#aboutBullets{
	width: 233px;
	height:170px;
	font-size:11px;
	background-color: #759dbc;
	background-image: url(images/who_we_are.png);
	background-repeat:no-repeat;
	background-position:top-left;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	text-align:justify;
}
#aboutContainer{overflow:hidden;}
#aboutInfo{
	margin-top:-210px;
	padding-top:5px;
	float:right;
	width:504px;
	height:264px;
}
ul.aboutList{
	text-align:center;
}


a.infolink:hover{
	color: #FFFFFF;
}
#topList li{
	font-size:11px;
	display: inline;
	padding-left: 38px;
	font-weight: bold;
}
#topList{
	margin-bottom: -15px;
}	
p.aboutUs{
		margin-top:30px;
		padding-left: 15px;
		padding-right: 15px;
}
p.littleList{
	margin-bottom: -10px;
	margin-top: 30px;
}
ul.whyJoin, ul.whyJoin li{
line-height:12.5px;
text-align:left;
font-size:12px;
color:#cee1ef;
list-style-type:none;
}

ul.whyJoin li.other{color:#FFFFFF;}


/***********************************************************************************
	10 -  BOARD
************************************************************************************/

#boardList{
	width: 95%;
	height: 100%;
	font-size:11px;
	background-color: #759dbc;
	background-image: url(images/who_we_are.png);
	background-repeat:no-repeat;
	background-position:top-left;
	padding-right:40px;
	padding-left:10px;
	padding-top:20px;
	padding-bottom: 20px;
	text-align:justify;
}