/* got the new blues? darkest: 003366 / dark: 0033ff / middle: 3366ff / light: ccccff */

body {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000	;
	background: #ffffff;
	margin: 0;
	padding: 0;
}

input, select, option, textarea {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 1px;
	padding-right: 1px;
}

#header {
	width: 100%;
	/* background: #ffffff url('trans-header.jpg') repeat-x bottom center; */
	padding-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	border: 0px solid black;
}

#main {
	width: 750px;
	margin: 0px auto 5px auto;
	padding: 0px;
}
	#main a {
		color: #0000ff;
		text-decoration: underline;
		font-weight: normal;
	}
		#main a:hover { text-decoration: none; }


#main #left {
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	width: 150px;
	height: 200px;
	background-color: #efefef;
	float: left;
}
#main #left ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main #left ul li {
	font-size: 14px;
	line-height: 25px;

	text-transform: lowercase;
	height: 25px;
	width: 150px;
}
#main #left ul li#friends {
	height: 50px;
}



#main #left ul li a {
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
	width: 150px;
	padding: 5px;
}
	#main #left ul li a:hover {
		background-color: #ffffff;
		text-decoration: none;
	}
	
	
#main #right {
	width: 588px;
	background-color: #efefef;
	padding: 5px;
	float: right;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 14px;
}
#main h1 {
	font-size: 24px;
	color: #003366;
}
	#main h1.state { text-align: center; }
#main h2 {
	font-size: 20px;
	color: #000000;
}



#footer {
	padding-top: 5px;
	margin-top: 15px;
	margin-bottom: 7px;
	clear: both;
	text-align: center;
}
#footer a {
	color: #000000;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}



div#special-box {
	margin: 5px;
	padding: 3px;
	background-color: #efefef;
	border: 1px solid #cccccc;
	height: 100%;
}

p.secure {
	background-color: #ffffff;
	border: 1px dashed orange;
	margin: 0px 0px 9px 0px;
	padding: 2px;
}

table.medborder td {
	border-bottom: 1px solid #000000;
}

label { cursor: hand; }

p.camp-leader { text-align: center; }



.newpics {
	background-color: white;
	padding: 2px;
	font-size: 20px;
	color: navy;
}