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

*{
	padding:0;
	margin:0;
	outline:0;
}
img{
	border:0;	
}
h1{
	margin:10px 20px;
	font:normal 2.0em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h2{
	margin:10px 20px;
	font:normal 1.8em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h3{
	margin:10px 20px;
	font:normal 1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h4{
	margin:10px 20px;
	font:normal 1.2em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
p{
	font:normal 0.8em Verdana, Geneva, sans-serif;
	margin: 5px 20px;
}
#content p{
	line-height: 1.6em;
}
#content p.crewMsg{
	color:#069;	
}
ol{
	margin: 10px 20px;
	padding: 5px 20px;
}
ol li{
	margin: 8px 3px;	
}
td{
	vertical-align:top;	
}
strong.combo{
	font-size:130%;
	color:#900;
}
/**********************************************************
				LAYOUT
	3 columns
	940px total
	180 + 580 + 180
***********************************************************/

#wrapper{
	width:940px;	
	margin:10px auto 0 auto;
	padding:0;
}
#bannerArea{
	text-align:center;
	padding: 10px;
}
#masthead{
	
}
#main{
	border-left:2px solid #036;
	border-right:2px solid #036;
	background:#fff url(../img/mainBackground.png) repeat-y center top;
}
#navbar{
	width:180px;
	float:left;
	margin-right:576px;
	background-color:#abb5cb;/*  */
}
#content{
	width:576px;
	float:left;
	margin-right:180px;
	margin-left:-576px;
	padding-bottom:20px;
}
#sidebar{
	width:180px;
	float:left;
	margin-left:-180px;
	background-color:#aabca8;/*  */
}
#footer{
	text-align:center;
	background: url(../img/footer.jpg) repeat-x left top;
	height:24px;
	border-left:2px solid #036;
	border-right:2px solid #036;
}
#footer p{
	padding: 4px 20px;
	margin: 0 auto;
	font: normal 12px Verdana, Geneva, sans-serif;
	color:#abb5cb;
}
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */

/**********************************************************
				NAVIGATION
***********************************************************/
ul#menu{
	list-style:none;
	margin:10px 0;
}
ul#menu li{
	/** border:1px solid #CC9; **/
	margin:1px 0;
}
ul#menu li a{
	display: block;
	text-decoration: none;
	padding: 4px 8px;
	font: bold 0.8em/1.0em "Futura", "Futura MD Bt", Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color:#fff;
}
ul#menu li a.gold{
	background:#765a1e url(../img/hosersLoginPiece.jpg) repeat-x left top;
	color:#fff;
}
ul#menu li a.hosers{
	background:#194e6a url(../img/hosersMenuNormal.jpg) repeat-x left top;
	color:#fff;
}
ul#menu li a.public{
	background:#19326a url(../img/publicMenuNormal.jpg) repeat-x left top;
	color:#fff;
}
ul#menu li a:active, ul#menu li a:hover{
	
}
ul#menu li a.gold:active, ul#menu li a.gold:hover{
	background:#947a22  url(../img/hosersLoginOver.jpg) repeat-x left top;
	color:#0a2e41;
}
ul#menu li a.hosers:active, ul#menu li a.hosers:hover{
	background:#477b98 url(../img/hosersMenuOver.jpg) repeat-x left top;
	color:#0a2e41;
}
ul#menu li a.public:active, ul#menu li a.public:hover{
	background:#09420f url(../img/publicMenuOver.jpg) repeat-x left top;
}

/**********************************************************
				ADVERTISING & SIDEBAR
***********************************************************/
.bannerAd{
	margin:5px;
	cursor:pointer;
}
.sideAd{
	margin:20px 0;
	cursor:pointer;
}
#weather{
	margin:10px 0;	
}
#weather h3{
	font:bold 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background:#053b01 url(../img/sidebarTitleBackground.jpg) no-repeat left bottom;
	color:#fff;
	height:24px;
	width:180px;
	text-align:center;
	margin:0;
	padding:0;
}
#weather iframe{
	margin:0;
	padding:0;
}

#notices{
	margin: 10px 0;	
	border-bottom:1px solid #053b01;
	background-color:#fff;
	padding-bottom:4px;
}
#notices h3{
	font:bold 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background:#053b01 url(../img/sidebarTitleBackground.jpg) no-repeat left bottom;
	color:#fff;
	height:24px;
	width:180px;
	text-align:center;
	margin:0;
	padding:0;
}
#notices h4{
	font:bold 0.8em Verdana, Geneva, sans-serif;
	color: #053b01;
	margin:0;
	padding: 2px 8px;
}
#notices p{
	font:normal 0.8em Verdana, Geneva, sans-serif;
	padding: 2px 8px;
	margin:0;
}
#wxButtonFrame{
	margin:10px 0;
}

/**********************************************************
				TITLE IMAGES
***********************************************************/
h2.Title{
	text-indent:-9000px;
	width:490px;
	height:20px;
	font-size:20px;
}
h2.welcomeT{
	background:url(../img/welcomeTitle.jpg) no-repeat left top;
}
h2.blogT{
	background:url(../img/hosersBlogTitle.jpg) no-repeat left top;
}
h2.contactT{
	background:url(../img/contactHosersTitle.jpg) no-repeat left top;
}
h2.aboutT{
	background:url(../img/hosersInfoTitle.jpg) no-repeat left top;
}
h2.documentT{
	background:url(../img/documentsTitle.jpg) no-repeat left top;
}
h2.eventsT{
	background:url(../img/eventsTitle.jpg) no-repeat left top;
}
h2.loginT{
	background:url(../img/loginTitle.jpg) no-repeat left top;
}
h2.rinkT{
	background:url(../img/rinkDevTitle.jpg) no-repeat left top;
}
h2.commsT{
	background:url(../img/crewComTitle.jpg) no-repeat left top;
}
h2.summaryT{
	background:url(../img/crewSummaryTitle.jpg) no-repeat left top;
}
h2.buildT{
	background:url(../img/buildCrewsTitle.jpg) no-repeat left top;
}
h2.userMgmtT{
	background:url(../img/userManagementTitle.jpg) no-repeat left top;
}
h2.ScheduleT{
	background:url(../img/crewSuperSchedTitle.jpg) no-repeat left top;
}
h2.profileT{
	background:url(../img/manageProfileTitle.jpg) no-repeat left top;
}
h2.noticeT{
	background:url(../img/noticeManageTitle.jpg) no-repeat left top;
}
h2.linkT{
	background:url(../img/link_and_document_mgmt_title.jpg) no-repeat left top;
}
h2.linksT{
	background:url(../img/links_title.jpg) no-repeat left top;
}
h2.blogManageT{
	background:url(../img/blogManagementTitle.jpg) no-repeat left top;
}
h2.docMediaMgmtT{
	background:url(../img/docMediaManageTitle.jpg) no-repeat left top;
}
h2.eventMgmtT{
	background:url(../img/eventManageTitle.jpg) no-repeat left top;
}
h2.mediaT{
	background:url(../img/document_and_media_title.jpg) no-repeat left top;	
}


/**********************************************************
				FORMS
***********************************************************/
form{
	padding:10px 20px;
}
fieldset{
	color:#666;
	border-color:#666;
	outline-color: #666;
}
legend{
	font:normal 1.0em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #000;
	padding: 2px 10px;
	margin:0 10px;
}
.formBox{
	display:block;
	padding:8px 10px;
	clear:both;
}
label{
	font:normal 0.8em Verdana, Geneva, sans-serif;
	margin: 4px 10px 0 20px;
	padding: 0 2px;
	color: #333;
	display:block;	/** This is what makes it appear on the line above the form element */
	float:left;
	width:140px;
}
option{
	padding-left:15px;	
}
optgroup{
	text-transform:capitalize;	
}
input, select, textarea{
	font:normal 0.8em Verdana, Geneva, sans-serif;
	margin: 2px 10px 2px 20px;
	padding: 2px;
	color:#333;
}
.padOneCol{
	margin-left: 182px;	
}
.padOneCol input{
	
}
.padOneCol label{
	display:inline;
	float:none;
	margin-left:-5px;
}
.narrow{
	width:50px;
}
.mid{
	width:200px;
}
.wide{
	width:300px;
}
.xtrawide{
	width:400px;
}
.btn{
	width:auto;
}
.buttons{
	text-align:center;
}
.error{
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	font: bold 10px/14px Verdana, Geneva, sans-serif;
	color: #900;
	background:#FFB4CC url(../img/exclamation.png) no-repeat 5px center;
	padding:3px 10px 3px 38px;
	padding-left: 30px !important;
	display:block;
	/*margin-left: 160px;	 put it inline with the leading edge of the text fields */
	margin:2px 10px;
}
.info{
	border-top: 1px solid #093;
	border-bottom: 1px solid #093;
	font: bold 10px/14px Verdana, Geneva, sans-serif;
	color:#093;
	background: #99FF66 url(../img/information.png) no-repeat 5px center;
	padding:3px 10px 3px 38px;
	padding-left: 30px !important;
	display:block;
	/*margin-left: 160px;	 put it inline with the leading edge of the text fields */
	margin:2px 10px;
}
.instruction{
	font: normal 10px/14px Verdana, Geneva, sans-serif;
	color:#666;
	margin-left:20px;	/* put it inline with the leading edge of the text fields */
	display:block;
	padding:0 10px 0 10px;
	margin-top:0;
	margin-right:10px;	
}

/**********************************************************
				MISC
***********************************************************/
.floatR{
	float:right;
	margin:5px;
}
.floatL{
	float:left;
	margin:5px;
}
table#blog{
	width:80%;
	font:normal 1.0em Verdana, Geneva, sans-serif;
	margin:5px auto;
	border:1px solid #666;
	border-collapse:collapse;
}
table#blog tr{
	
}
table#blog td, table#blog th{
	padding: 3px 10px;
	border:1px solid #999;
}
.move{
	padding:4px 10px;
	font:bold 2.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:30px;
	cursor:pointer;
}
table#crews{
	border-collapse:collapse;	
}
table#crews td{
	border:1px solid #999;	
	padding:10px 6px 20px 6px;
	margin:0;
}
div ol, div dl{
	padding:5px 15px;
	margin:5px 15px;
}
#content dt{
	font-weight:bold;	
	padding:5px;
}
#content dd{
	font-weight:normal;
	padding:5px 5px 5px 20px;
}
/**********************************************************
				CALENDAR 
***********************************************************/
.weekend{
	background-color:#ffc;
}
.nonday{
	background-color:#eee;
}
caption{
	font:normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0066CC;
}
table#calendar{
	border-collapse:collapse;
	margin:20px;
}
table#calendar tbody td{
	height:80px;
	width:80px;
	font:normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:top;
	border:1px solid #666;
}
table#calendar thead th{
	width:100px;
	background-color: #ddd;
	font:bold 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
table#calendar caption span.calMove{
	cursor:pointer;
	font-size:200%;
}
span.day{
	display:block;
	text-align:right;
	color:#666;
	padding:5px;
}
table#calendar td span.event{
	/* This is the event title on the actual calendar 
	*/
	border:1px solid #900;
	background-color:#fff;
	display:block;
	margin:0;
	padding: 1px 3px;
	cursor:pointer;
}

#eventDetailBox{
	/* This is the pop up box with the event details
	*/
	position:absolute;
	top:1000px;
	left:0;
	display:none;
	width: 400px;
	border:1px solid #666;
	background-color:#fff;
}
.eInfo{
	font:normal 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	padding:5px 20px;
}
.closeBox{
	font-weight:bold;
	color:#fff;
	background-color:#039;
	cursor:pointer;
	padding: 5px;
	text-align:right;
}