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

/****** STRUCTURE OF STICKY FOOTER *******/

html{
	height: 100%;
}

body{
	height: 100%;
}
#nonFooter #container #content hr {
	border: 1px solid #CCC;
}


#nonFooter{
	position: relative;
	min-height: 100%;
}

* html #nonFooter{
	height: 100%;
}

#content{
	padding-bottom: 9em;
}

#footer{
	position: relative;
	margin-top: -7.5em;
}

/******* END OF STICKY FOOTER *******/

body{
	background-image: url(/images/body-bg.jpg);
	background-repeat: repeat-x;
	background-color: #8d8d8d;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}

#nonFooter #container{
	width: 950px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#nonFooter #container #header{
	height: 108px;
	width: 950px;
	background-image: url(/images/header-bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 100;
}

#nonFooter #container #header h1{
	width: 355px;
	height: 26px;
	background-image: url(/images/wait.gif);
	text-indent: -9999px;
	position: absolute;
	left: 154px;
	top: 62px;
	z-index: 2;
}

#nonFooter #container #header #flag-icons{
	width: 60px;
	height: 34px;
	background-image: url(/images/flag-icons.png);
	position: absolute;
	left: 880px;
	top: 59px;
	text-indent: -9999px;
}

*html #nonFooter #container #header #flag-icons{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/flag-icons.png', sizingMethod='image');
	background: none;
}

#nonFooter #container #banner{
	width: 950px;
	height: 253px;
	border-bottom: 10px solid #6e6e6e;
	background-color: silver;
	position: relative;
	background-image: url(/images/bnr-bg.jpg);
	z-index: 0;
}

#nonFooter #container #banner #bnr-menu{
	width: 950px;
	height: 38px;
	background-image: url(/images/bnr-menu-bg.png);
	background-repeat: repeat-y;
	position: absolute; bottom: 0px;
	color: #FFFFFF;
	font-size: 1.2em;
}

*html #nonFooter #container #banner #bnr-menu{
	position: absolute; bottom: -1px;
}

#nonFooter #container #banner #bnr-menu p{
	padding: 11px 0px 0px 15px;
	width: 400px;
}


#nonFooter #container #banner #bnr-menu ul{
	float: right;
	list-style-type: none;
}

#nonFooter #container #banner #bnr-menu li{
	float: left;
	padding: 8px;
}

#nonFooter #container #banner #bnr-menu ul li a{
	display: block;
	width: 26px;
	height: 22px;
	background-image: url(/images/bnr-menu-buttons.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/****** BANNER MENU LINK BG POSITIONS *********/

#nonFooter #container #banner #bnr-menu ul #btn-1 a{
	background-position: left 0px;
}

#nonFooter #container #banner #bnr-menu ul #btn-1 a:hover{
	background-position: left -22px;
}

#nonFooter #container #banner #bnr-menu ul #btn-2 a{
	background-position: -28px 0px;
}

#nonFooter #container #banner #bnr-menu ul #btn-2 a:hover{
	background-position: -28px -22px;
}

#nonFooter #container #banner #bnr-menu #btn-3 a{
	background-position: -56px 0px;
}

#nonFooter #container #banner #bnr-menu #btn-3 a:hover{
	background-position: -56px -22px;
}

#nonFooter #container #banner #bnr-menu #btn-4 a{
	background-position: -84px 0px;
}

#nonFooter #container #banner #bnr-menu #btn-4 a:hover{
	background-position: -84px -22px;
}

#nonFooter #container #banner #bnr-menu #btn-5 a{
	background-position: -115px 0px;
}

#nonFooter #container #banner #bnr-menu #btn-5 a:hover{
	background-position: -115px -22px;
}

#nonFooter #container #banner #bnr-menu #btn-6 a{
	background-position: -145px 0px;
}

#nonFooter #container #banner #bnr-menu #btn-6 a:hover{
	background-position: -145px -22px;
}

#nonFooter #container #banner #bnr-menu #btn-7 a{
	background-position: -174px 0px;
}

#nonFooter #container #banner #bnr-menu #btn-7 a:hover{
	background-position: -174px -22px;
}

/****** END OF BANNER MENU LINK BG POSITIONS *********/

#nonFooter #container #content{
	background-color: #FFFFFF;
	width: 568px;
	float: left;
	padding: 30px 30px;
}
#nonFooter #container #content h2{
	font-size: 2.4em;
	color: #0198bd;
}

#nonFooter #container #content h2.event-title{
	font-size: 1.6em;
	color: #0198bd;

}

#nonFooter #container #content p.event-date {
	font-size: 1.1em;
	color: #000;
	margin:0px;
	padding:0px;
	font-style: italic;
	margin-top: 15px;
}
#nonFooter #container #content p.event-details {

	border-bottom: 1px dashed #0198bd;
}
#nonFooter #container #content h2{
	font-size: 2.4em;
	color: #0198bd;
}

#nonFooter #container #content .home-article{
	margin-bottom: 15px;
	border-bottom: 1px dashed #DFDFDF;
}

#nonFooter #container #content .home-article h3{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0px;
}

#nonFooter #container #content .home-article img{
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
}

#nonFooter #container #content .home-article p{
	padding-bottom: 12px;
}

#nonFooter #container #rhcol h3,
#nonFooter #container #content h3{
	font-size: 1.4em;
	padding-bottom: 5px;
	font-weight: bold;
}

#nonFooter #container #rhcol p,
#nonFooter #container #content p{
	font-size: 1.2em;
	padding-bottom: 20px;
}

#nonFooter #container #rhcol a,
#nonFooter #container #content a{
	color: #0198bd;
	font-size: 1em;
}

#nonFooter #container #rhcol a:hover,
#nonFooter #container #content a:hover{
	color: #00677F;
}

#nonFooter #container #rhcol ul,
#nonFooter #container #content ul,
#nonFooter #container #rhcol ol,
#nonFooter #container #content ol{
	margin-left: 25px;
	padding-bottom: 20px;
	font-size: 1.2em;
}

#nonFooter #container #content img{
	float: left;
	margin-right: 18px;
	margin-bottom: 14px;
	padding: 2px;
	border: 1px solid #000000;
}

#nonFooter #container #content .pdf-link{
	display: block;
	width: auto;
	height: 20px;
	padding: 4px 0px 0px 22px;
	background-image: url(/images/pdflink.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
}

/******** RHCOL STYLES ***********/

#nonFooter #container #rhcol{
	background-color: #FFFFFF;
	width: 312px;
	float: left;
	height: auto;
	padding: 30px 5px;
}

#nonFooter #container #rhcol p{
	padding-right: 10px;
}

#nonFooter #container #rhcol ul,
#nonFooter #container #rhcol ol{
	padding-right: 10px;
}

#nonFooter #container #rhcol .rhcol-focus{
	width: 298px;
	min-height: 180px;
	background-image: url(/images/rhcol-focus-bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #cc4947;
	margin-bottom: 25px;
	font-size: 1.2em;
	color: #FFFFFF;
}

*html #nonFooter #container #rhcol .rhcol-focus{
	height: 180px;
}

#nonFooter #container #rhcol .rhcol-focus h3, 
#nonFooter #container #rhcol .rhcol-focus h4 {
	width: 278px;
	height: 25px;
	background-image: url(/images/focus-bg-top.jpg);
	background-repeat: no-repeat;
	font-size: 1.5em;
	padding-top: 15px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: underline;
}

#nonFooter #container #rhcol .rhcol-focus table caption {
	font-size: 1.5em;
	font-weight:bold;
	text-align:left;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-image: none;
	padding-top: 15px;
}

#nonFooter #container #rhcol .rhcol-focus p a {
	font-size: 1em;
}


#nonFooter #container #rhcol .rhcol-focus p{
	padding: 0px 20px 20px 20px;
}

#nonFooter #container #rhcol #function-hire{
	width: 260px;
	height: 160px;
	padding: 10px 20px;
	background-image: url(/images/functions-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#nonFooter #container #rhcol #function-hire img{
	background-image: url(/images/function-hire-photos-2.png);
	background-repeat: no-repeat;
	height: 214px;
	width: 213px;
	position: absolute;
	left: 117px;
	top: -32px;
}

*html #nonFooter #container #rhcol #function-hire img{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/function-hire-photos.png', sizingMethod='image');
	background: none;
}

#nonFooter #container #rhcol #function-hire p{
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.35em;
	margin-bottom: 10px;
	padding: 0px;
	color: #FFFFFF;
}

#nonFooter #container #rhcol #events{
	width: 307px;
	padding-bottom: 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	background-color: #020202;
	margin-top: 20px;
	background-image: url(/images/rhcol-events-btm.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#nonFooter #container #rhcol #events h3, 
#nonFooter #container #rhcol #events h4{
	width: 307px;
	height: 33px;
	background-image: url(/images/rhcol-events-top.gif);
	font-size: 1.8em;
	text-indent: -9999px;
	margin-bottom: 7px;

}

#nonFooter #container #rhcol #events p{
	font-size: 0.8em;
margin-top: 0px;
	padding: 0px;
	padding-bottom: 0px;
}

#nonFooter #container #rhcol #events ol,
#nonFooter #container #rhcol #events ul{
	font-size: 1.2em;
	margin-left: 30px;
	padding-bottom: 0px;
}

#nonFooter #container #rhcol #events .more-info{
	margin-left: 12px;
	margin-top: 7px;
}

.more-info{
	display: block;
	width: 73px;
	height: 19px;
	text-indent: -9999px;
	background-image: url(/images/more-info.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

*html .more-info{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/more-info.png', sizingMethod='image');
	background: none;
}

#nonFooter #container #rhcol #function-hire span{
	font-size: 1.5em;
}

#nonFooter #container #rhcol .event{
	font-size: 1.5em;
	margin: 0px 15px 15px 15px;
margin-padding: 5px;
border-bottom: 1px dashed #fff;
}

#nonFooter #container #rhcol .event .date{
	font-size: 0.8em;
	font-style: italic;
	padding:0px;
}

#nonFooter #container #rhcol .event h2{
	font-size: 1.1em;
	margin:0px;
	padding:0px;
		color: #0098C9;
}

#nonFooter #container #rhcol #events .event p.price{
	font-size: 0.8em;
	margin:0px;
	padding:0px;
}

#nonFooter #container #rhcol #events .event a.more-info{
	font-size: 0.8em;
	margin: 5px 0px;
	padding:0px;
}

/***** END OF RHCOL STYLES ******/

#footer{
	width: 934px;
	padding: 15px 8px;
	margin: 0 auto;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#footer a{
	color: #000000;
}
#footer p, #footer ul{ 
	width: 457px;
}

#footer #creative{
	text-align: right;
	clear: right;
	float: right;
}
#footer #creative a {
	color: #D7D7D7;
}
#footer #creative a:hover {
	color: #FFF;
}

#footer .right {
	text-align: right;
	clear: right;
	float: right;
}

#footer .legal{
	margin: 0;
}
#footer ul.legal{
	list-style: none;
	margin-bottom: 10px;
}

#footer p{
	margin-bottom: 10px;
}
#nonFooter #container #header h2 {
	background-image: url(/images/wa-italian-club-logo.gif);
	position: absolute;
	width: 168px;
	height: 94px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	top: 0px;
}
#nonFooter #container #rhcol iframe {
	margin: 15px 0px 0px;
	padding: 0px;
	height: 600px;
	width: 300px;
}

#nonFooter #container #rhcol .rhcol-focus p a:hover {
	color: #FFF;

}
#nonFooter #container #rhcol .rhcol-focus table {
	width: 265px;
	margin-left: 20px;
	margin-bottom: 20px;
	
}
#nonFooter #container #rhcol .rhcol-focus table tr th {
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	text-align: left;
padding: 2px;
}
#nonFooter #container #rhcol .rhcol-focus table tr td {
	padding: 2px;
}

#nonFooter #container #rhcol iframe + a {
display: block;
font-size:11px;
}