/* CSS Document */

* {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
html {height:100%;}
body {background:url(bkgd-cloud2.jpg) repeat-x top left; text-align:center; margin: 0 auto; height:100%; background-attachment: fixed;}
#container {background:#fff; width:780px; border-left:#999 solid 1px; border-right: #999 solid 1px; position:relative; margin: 0 auto; text-align:center; height:auto !important; height:100%;  min-height:100%;}
#header {width: 760px; height: 160px; margin: 0 auto; text-align:center; border-bottom: #999 solid 1px; }
#footer {width: 782px; height: 47px; background: url(footer.jpg) no-repeat top left; text-align:center; position:absolute; bottom:0; left:-1px; margin: 0 auto; text-align:left; color:#999999;}
#footer p {padding-left:30px; position:absolute; bottom:4px; }
#footer a {color:#999999;}
#footer a:hover {color:#666666;}
.clear {clear:both;}
.hidden { display:none; }



#nav ul {
	list-style: none;
	float: left;
	width: 760px;
	margin: 10px 0 10px 10px;
	background: #6699cc;
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;
	font-size: 10px;
}

#nav ul li{
	display: block;
	background: #6699cc;
	float: left;
	border-right: solid 1px #99ccff;
}

#nav .link a {
	float: left;
	background: #6699cc; 
	padding: 5px 11px 3px 11px; 
	color:#FFFFFF; 
	text-decoration: none;
	border-bottom:3px solid #6699cc;
	}
	
#nav .link a:hover { border-bottom:3px solid #ffcc99;}

#logout, #loginform {margin:0px; padding:0;}
#nav .login{float:right; padding: 3px 4px 0px 4px; border:0; margin:0px;}
#nav .login input{font-size:9px; padding:0px 1px 1px 1px; margin:0px; border-width:0;}
#nav #login, #nav #logout{vertical-align: middle; *vertical-align: text-bottom; border:none;}

h1 {padding-top:10px; margin-bottom:10px; font-size:20px;}



/* Register styles */

#body, #newspage { width: 740px; text-align:left; padding: 20px; padding-bottom:70px; padding-top:0;}
#body h5 {color: #3399FF; font-weight:bold; border-bottom: 1px solid #3399FF; padding: 2px; margin: 10px 0 10px 0;}
#body p {padding-bottom:10px;}

#register input, #searchi input, #searchl input, #passreset input {
	border: 1px solid #CCC;  
	margin-bottom: 5px;  
	background-color: #FFFFFF;  
	padding: 2px; 
	margin: 2px;
}
#register label, #searchi label, #searchl label, #passreset label {padding-right:5px; font-weight:bold;}
fieldset {border:0;}
.inactive #register label {padding-right:5px; color:#CCC;}
.inactive #register p {color:#CCC;}
#searchi, #searchl {display:inline;}
#register .need {border:#CC0000 1px solid; background-color:#FFCCCC;}
#password_result {display:inline;}

/* Site-wide Submit Buttons */

input[type="submit"], #register .submit input, #passreset .submit input {cursor:pointer; 
	border: 1px solid #6699cc;  
	margin-bottom: 5px;  
	background-color: #99ccff;  
	padding: 2px; 
	margin: 2px;  color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
#register .submit input:hover {color:#6699cc; background-color:#FFF;}
#passreset .submit input:hover {color:#6699cc; background-color:#FFF;}

input[type="reset"] {font-weight:bold; text-transform:uppercase;}
input[type="submit"]:hover {color:#6699cc; background-color:#FFF;}

.listcal .caluser input {float:right; position:relative; top:-30px; background-color:#99ccff; border: 1px solid #6699cc; color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
.listcal .caluser input:hover {color:#6699cc; background-color:#FFF;}

#newsarticle .submits input, #newsarticle .submits2 input {background-color:#99ccff; border:#6699cc 1px solid;  color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
#newsarticle .submits input:hover, #newsarticle .submits2 input:hover {color:#6699cc; background-color:#FFFFFF;}

/* Home styles */

#news { float:left; width:482px; height:242px;}
#events { float:right; width:240px; height:400px;}
#join, #feature { float:left; width:234px; border: 1px solid #bedfff; height:150px; margin:10px 10px 0 0;}
#join:hover, #feature:hover { border: 1px solid #39C;}
#featquote {width:740px; height:100px; margin-top:10px; background: url(images/quotes.jpg) top left;}

.news-visible {width:482px; height:230px;}
.news-photo {width:480px; height:188px; background-color:#CCC; border: 1px solid #fff; margin-bottom:6px;}
.news-back {background-color:#000; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; width: 200px; height:188px; text-align:left;}
.news-backr {background-color:#000; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; width: 200px; height:188px; text-align:right;}
.newshead h2 a, .newsheadr h2 a {margin:0 0 8px 0; font-size:25px; color:#fff; text-decoration:none; position:relative; top:-180px; right:-8px; }
.newshead h2 a:hover, .newsheadr h2 a:hover {color:#3399CC;}
.newshead h3, .newsheadr h3 {margin:8px 0 0 0; font-size:16px; font-weight:lighter; color:#fff; position:relative; top:-180px; right:-8px;}
.newshead {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; position:relative; top:-8px; left:-8px; width:182px; height:159px; padding:8px;}
.newsheadr {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; position:relative; top:-8px; left:-8px; width:182px; height:159px; padding:8px; float:right;}
.news-thumbs li {width:91px; height:40px; list-style:none; float:left; margin-right:4px; border: 1px solid #fff;}
.news-thumbs li p {font-size:22px; padding:5px; color: #000; background:#FFFFFF; font-weight:bold;}
.news-thumbs li img {opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.4; position:relative; top:-41px; height:40px;}
.news-thumbs li img:hover {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
.news-thumbs .last {margin-right:0px; background:none;}
.news-thumbs .last img {top:0px; opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0;}

#join img {padding: 2px;}
#feature img {padding: 2px;}

.calimage {float:left; width:37px; height:50px; padding-right:12px;}
.calentry {margin:5px; padding:6px 5px 4px 5px; border-top: dashed 1px #CCCCCC; color:#666666; font-size:12px;}
.calentry p.ename {font-weight:bold; color:#000000; margin:3px 0 0 0; text-decoration:none;}
.calentry p.ename a:link, .calentry p.ename a:visited {font-weight:bold; color:#000000; text-decoration:none;}
.calentry p.ename a:hover {color:#3399CC; text-decoration:underline;}
.calentry p {margin-top:-8px; padding:0px;}

#quotecontent {position:relative; top:15px; left:100px; width:540px; }
#quotecontent p {font-size:15px; color:#999999; font-style:italic; text-align:justify;}
#quotecontent .by {text-align:right; font-size:10px; font-style:normal; font-weight:bold; color:#000000;}

/* About styles */
.board { float:left; padding:20px 20px 20px 0;}
.boardt td {padding:5px; margin:5px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}


/* News page styles */

#newspage .article {margin-bottom:15px;}
#newspage .article .listphoto {float:left; border: solid 1px #000000; margin-right:10px; margin-top:7px;}
.listarticle {text-align:left;}
#content h2 {padding-bottom:8px; font-size:22px; color:#000000; }
.listarticle h2 a {text-decoration:none; font-size:22px; color:#000000;}
.listarticle h2 a:hover {color:#3399CC;}
#content h3 {font-size:16px; font-weight:lighter; padding-bottom:8px;}
.date {font-style:italic; margin-bottom:8px;}
#photopackage {float:right; padding:8px;}
#newsphoto img {width:350px; height:auto; border:1px solid #000000; margin-bottom: 10px;}
#newscutline { text-align:left; color:#999999; font-weight:bold; width:350px; margin-bottom: 10px;}

/* Events page styles */
.listcal {padding-top:10px; margin-top:10px; border-top:#ccc 1px dashed; width:550px;}
.listcal .grey {color:#666; font-size:12px; padding-top:3px;}
.listcal .desc {padding-top:8px;}
.listcal h2 {font-size:20px; font-weight:lighter; padding-bottom:5px;}
.rsvp {margin-top:10px; display:block; }
.rsvp a {font-weight:bold;}
.rsvp a:hover {text-decoration:underline; color:#3399CC;}
.rsvp ul {}
.rsvp ul li { padding-top:3px; padding-left:6px; list-style-position:inside;}
.old { background-color:#FF3333;}

/* Brothers page styles */
.brothers select {padding-left:8px;}
.brothers p {padding-bottom:10px;}


/* Member page styles */

#membermenu {float:left; width:150px; padding-top:10px; margin-left:13px; text-align:left;}
#membermenu ul {list-style-type:none; }
#membermenu li {margin-bottom:5px; }
#membermenu li a {background:url(images/arrow.jpg) no-repeat; padding-left: 18px; color:#000000; text-decoration:none;}
#membermenu li a:hover {background:url(images/arrow_o.jpg) no-repeat; color:#3399CC; text-decoration:underline;}
#membermenu .head {text-transform:uppercase; color:#FF9900; border-bottom: 1px solid #000066; font-weight:bold; padding:3px 0 3px 0; margin:3px 0;}
#membercontent {float:right; margin-right:10px; width:590px; text-align:left; margin-top:-5px; margin-bottom:60px; position:relative;}
#membercontent h6 {font-size:10px; padding-bottom:3px; margin:10px 0; border-bottom: 1px solid #3399FF; color: #3399FF; width:590px; }

.data {width:590px; margin-bottom:20px;}
.data th {padding:2px; margin:2px; background-color:#CCC;}
.data td {padding:2px; margin:2px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.submits {margin-left:85px; margin-top:20px; height: 85px;}
.submits2 {margin-left:0px; margin-bottom:20px; margin-top:5px;}

#newsarticle {margin-bottom:10px}
#newsarticle label {width:80px; margin-right:5px; float:left; font-weight:bold; padding-top:3px;}
#newsarticle input, #newsarticle textarea, #newsarticle select {
	border: 1px solid #CCC;  
	margin-bottom: 5px;  
	background-color: #FFF;  
	padding: 2px; 
	margin: 2px;
}
#inumber { font-size:92px; color:#000066; font-family:Helvetica, sans-serif; font-weight:bold; text-align: right; border-bottom: 1px solid #000066; margin-bottom: 15px;}
#memberstats { margin-top:-108px; height:110px;}
#memberstats p {font-size:20px; font-weight:bold;} 
#memberstats p.since {font-size:20px; font-weight:normal;} 

#mapbox {display:block;}
#membermap {float:right; width:260px; padding-left:10px;}
#membermapdetails {float:left; width:320px;}
#membermapdetails .near {margin-bottom:5px;}

#memberevents li { list-style:inside; padding-top: 4px;}


/* Member Map */
#brothersmap {position:absolute; top:90px;}
#mapfiller{height:420px;}
#mapresults {padding-bottom:30px;}
.mapnav {float:right; margin-top:-25px;}
.mapnav a:link, .mapnav a:visited { font-weight:bold; text-decoration:none; color:#FF9900;}
.mapnav a:hover {color: #3399cc;}
.near {padding:5px 0; border-bottom: solid 1px #CCCCCC;}
.nearname { font-size:14px; color:#000066; font-weight:bold;}
.neari {float:right; color:#000066; margin-top:-15px;}

/* ERRORS and ANNOUNCEMENTS*/

.error {color:#CC0000; font-size:larger; font-weight:bold;}
.error2 {color:#CC0000; padding-bottom:4px;}
#error {background: url(bkgd-error.jpg) top left repeat-x #cc0000; padding:9px; color:#FFF; margin-bottom:10px; border:#cc3333 1px solid;}
#error input[type="submit"], .old input[type="submit"] {cursor:pointer; 
	border: 1px solid #660000;  
	margin-bottom: 5px;  
	background-color: #ff9999;  
	padding: 2px; 
	margin: 2px;  color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
#error input[type="submit"]:hover, .old input[type="submit"]:hover {background-color:#FFF; color:#ff9999;}
#membersoon {background: url(bkgd-announce.jpg) top left repeat-x #FF9900; color:#FFF; padding: 9px; margin-bottom:10px; border:#cc6600 1px solid;}
h4 {font-size:15px; color:#FFF; font-weight:bold; padding-bottom:5px; text-transform:uppercase;}
#featurelink a img{border:1px solid #006699;}
#featurelink a:hover img{border:1px solid #66ccff;}
#featurelink{margin-bottom:5px;}

.emailresults {border-left: 8px solid #CCCCCC; padding-left:10px;}