/* Rotary Rugby Hosting Global.css */
/* /assets/css/global.css */
/* Leapfrog Design ltd 2010 */


html {
	margin:0; 
	padding:0; 
	height:100%;
}

body {
	height:100%;
	margin:0;
	padding:0;
	font:0.75em/1.4em  Helvetica, Arial, sans-serif;
	background: #FFF; /*#3F4659;*/
}

h1, h2, h3, h4, h5, h6 {
	color:#242731;
	margin:0;
	padding:0;
	line-height:1.2em;
}

h1 {
	font-size:1.8em;
	font-weight:400;
}

h2 {
	font-size:1.8em;
	font-weight:100;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.167em;
}

h6 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}

a:link, a:visited {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:#555;
	text-decoration:underline;
}

p {
	padding:0;
	margin:0 0 1em 0;
	line-height:1.5em;
}

ul {
	margin:0 0 0 1.5em;
	padding:0;
}

ol {
	margin:0 0 0 2em; 
	padding:0;
}

li {
	margin:0;
	padding:0;
}

.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix { 
	display:inline-block; 
}

/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* close commented backslash hack */



/* LAYOUT */

#top {
	float:left;
	width:100%;
	height:auto;
	background:#FFF url(/assets/images/header_bg.jpg) top center repeat-x;
	padding:0 0 0px 0;
	margin:0;
}

#bottom {
	float:left;
	width:100%;
	height:300px;
	/*background: #3F4659 url(/assets/images/bottom_bg.png) top left repeat-x;*/
	padding: 0px 0 200px 0;
	margin:0;
	color:#3F4659;
}

.header {
	width:1000px;
	height:310px;
	background:transparent;
	position:relative;
	margin:0 auto;
}

.container {
	width:1000px;
	margin:0 auto;
}

.main {
	float:left;
	width:720px;
	height:auto;
	margin:0 30px 0 0;
	padding: 0;
}

.full {
	float:left;
	width:1000px;
	height:auto;
	margin:0 30px 50px 0;
	padding:0;	
}



.field {
	float:left;
	display:inline;
	width:97%;
	height:auto;
	margin: 0 0 16px 0;
	padding: 16px 1.5%;
	background:#E5E5E5;
}


/* MASTHEAD */

.masthead {
	float:left;
	width:1000px;
	height:80px;
	background:transparent;
	margin:20px 0 80px 0;
}

.masthead h1 {
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}


ul.masthead-links {
	float:right;
	width:300px;
	background:#fff;
	color:#000;
	
}




/* PRIMARY NAVIGATION */

ul.primary-nav {
	float:left;
	width:100%;
	height:90px;
	margin:0px 0 0 0;
	padding:0;
	background:transparent;
	list-style:none;
}

ul.primary-nav li {
	float:left;
	width:auto;
	height:90px;
	margin:0 2px 0 0;
	padding:0;
	background:transparent;
}

ul.primary-nav li a {
	float:left;
	width:auto;
	height:90px;
	background-image: url(/assets/images/primary-nav.png);
	background-repeat:no-repeat;
	position:relative;
	color:#FFF;
	font-weight:100;
	text-decoration:none;
	text-transform:uppercase;
}

ul.primary-nav li a:hover {
	background-position: bottom left;
	color:#FFF;
	text-decoration:none;
}

ul.primary-nav li a span {
	position:absolute;
	bottom:3px;
	left:6px;
	font-size:1.333em;
	line-height:1em;
	text-align:left;
	cursor:pointer;
}

a#home_btn {width:94px; background-position: 0px 0px;}
a#about_btn {width:94px; background-position: -96px 0px;}
a#faq_btn {width:94px; background-position: -192px 0px;}
a#news_btn {width:94px; background-position: -288px 0px;}
a#links_btn {width:94px; background-position: -384px 0px;}
a#contact_btn {width:125px; background-position: -480px 0px;}
a#schedule_btn {width:139px; background-position: -607px 0px;}
a#visitors_btn {width:125px; background-position: -748px 0px;}
a#hosts_btn {width:125px; background-position: -875px 0px;}

a#home_btn:hover {background-position: 0px -90px;}
a#about_btn:hover {background-position: -96px -90px;}
a#faq_btn:hover {background-position: -192px -90px;}
a#news_btn:hover {background-position: -288px -90px;}
a#links_btn:hover {background-position: -384px -90px;}
a#contact_btn:hover {background-position: -480px -90px;}
a#schedule_btn:hover {background-position: -607px -90px;}
a#visitors_btn:hover {background-position: -748px -90px;}
a#hosts_btn:hover {background-position: -875px -90px;}

body#home a#home_btn {background-position: 0px -180px;}
body#how_it_works a#about_btn {background-position: -96px -180px;}
body#faq a#faq_btn {background-position: -192px -180px;}
body#news a#news_btn {background-position: -288px -180px;}
body#links a#links_btn {background-position: -384px -180px;}
body#contact a#contact_btn {background-position: -480px -180px;}
body#schedule a#schedule_btn {background-position: -607px -180px;}
body#visitors a#visitors_btn {background-position: -748px -180px;}
body#hosts a#hosts_btn{background-position: -875px -180px;}


/* USER ACCOUNT MENU */ 

ul.account-menu {
	float:left;
	width:250px;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}

ul.account-menu li {
	float:left;
	width:250px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
}

ul.account-menu li a {
	float:left;
	width:230px;
	height:24px;
	margin:0;
	padding:10px;
	background: transparent url(/assets/images/account_arrow.png) 0px 0px no-repeat;
	color:#3F4659;
	font-size: 1.2em;
	line-height: 2em;
	text-decoration:none;
}

ul.account-menu li a:hover {
	background-position: 0px -50px;
	color:#3F4659;
	text-decoration:none;
}

ul.account-menu li a.account-menu-current {
	background-position: 0px -100px;
	color:#FFF;
	text-decoration:none;
}



/* COLUMNS */

.col-345 {
	float:left;
	width:345px;
	height:auto;
	margin:0 30px 0 0;
	padding:0;
	line-height:1.3em;
}

.col-250 {
	float:left;
	width:250px;
	height:auto;
	margin:0;
	padding:0;
	line-height: 1.3em;
}

.col-250-item {
	float:left;
	width:250px;
	height:auto;
	margin:0 0 0 0;
	padding:0;
}

a.col-345-link {
	float:left;
	width:345px;
	height:auto;
	margin:0 30px 0 0;
	padding:0;
	text-decoration:none;
	color:#fff;
	line-height:1.3em;
	position:relative;
}

a.col-250-link {
	float:left;
	width:250px;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	text-decoration:none;
	color:#fff;
	line-height:1.3em;
	position:relative;
}

.col-345 h3, #bottom .col-250 h3, h3.filter {
	display:block;
	text-transform:uppercase;
	font-weight:100;
	font-size:1.5em;
	margin:0 0 3px 0;
	padding:0;
	color:#3F4659;
	font-weight:400;
}


/* ITEMS */

.item {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	border-top:1px #3F4659 dotted;
}

.item small, .entry small  {
	font-size:0.912em;
	margin-top:3px;
	display:block;
}

.item h3, .entry h3 {
	color:#242731;
	font-weight:400;
}

.item h3 a {
	color:#242731;
	text-decoration:none;
}

.item p {
	margin:0;
	padding:0;
}

.item a.read-more {
	height:12px;
	font-size:1em;
	color:#3F4659;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	background: transparent url(/assets/images/more_arrow_blue.png) center right no-repeat;
	text-decoration:none;	
}

.entry {
	float:left;
	width:100%;
	margin:0;
	padding:0 0 30px 0;
}

.entry p {
	margin:1em 0 0 0;
	padding:0;
	font-size:1em;
	line-height:1.6em;
}

.welcome p {
	font-size: 1.167em;
}

a.more {
	float:left;
	width:auto;
	height:12px;
	line-height:1em;
	font-size:1em;
	color:#3F4659;
	text-decoration:none;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	background: transparent url(/assets/images/more_arrow_blue.png) center right no-repeat;	
}

a.more-blue {
	float:left;
	width:auto;
	height:12px;
	line-height:1em;
	font-size:1em;
	color:#3F4659;
	text-decoration:none;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	background: transparent url(/assets/images/more_arrow_blue.png) center right no-repeat;	
}




/* QUICKLINKS */
a.quicklink {
	position:relative;
	height:165px;
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; 
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; 
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; 
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; 
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

a.polioplus-quicklink {
	background:transparent url(/assets/images/polioplus.png) top left no-repeat;	
}

a.questions-quicklink {
	background:transparent url(/assets/images/question-bg.png) top left no-repeat;	
}

a.schedule-quicklink {
	background:transparent url(/assets/images/schedule-bg.png) top left no-repeat;	
}

a.flyer-quicklink {
	background:transparent url(/assets/images/flyer-bg.png) top left no-repeat;	
}

a.subscribe-quicklink {
	background:transparent url(/assets/images/subscribe-bg.png) top left no-repeat;	
}

a.quicklink span.quicklink-content {
	float:left;
	width:335px;
	height:44px;
	margin:0;
	padding:7px 5px;
	background:#B8BED0;
	color: #3F4659;
	position:absolute;
	bottom:0;
	left:0;
	border-top:1px solid #3F4659;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; 
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; 
}

a.col-250-link span.quicklink-content {
	width:240px;
}

a.quicklink span.quicklink-title {
	display:block;
	text-transform:uppercase;
	font-weight:100;
	font-size:1.5em;
	margin:0 0 3px 0;
	padding:0;
}

a.quicklink:hover {
	background-position:bottom left;
	text-decoration:none;
	color:#fff;
}



/* REGISTER LINKS */

a.visitors-register, a.hosts-register {
	float:left;
	width:230px;
	height:50px;
	padding:15px 10px;
	text-decoration:none;
	font-size:1.083em;
	font-weight:100;
	line-height:1.2em;
}

a.visitors-register {
	background:transparent url(/assets/images/register_arrows.png) top left no-repeat;
	color:#3F4659;
}

a.hosts-register {
	background:transparent url(/assets/images/register_arrows.png) top right no-repeat;
	margin-top:10px;
	color:#D3DAEC;
}

a.visitors-register span, a.hosts-register span {
	display:block;
	font-size:1.384em;
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:400;
}

a.visitors-register:hover {
	background-position:bottom left;	
}

a.hosts-register:hover {
	background-position:bottom right;
}




/* LOGIN FORM */
form#login-form, form#subscribe-form {
	float:left;
	width:250px;
	height:auto;
}

form#login-form h3 {
	font-size:1.5em;
	color:#3F4659;
	font-weight:400;
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:1em;
}


form#login-form input.login-input, form#subscribe-form input.subscribe-input {
	float:left;
	width:240px;
	height:24px;
	margin:8px 0 0 0;
	padding:0 5px;
	background:#B8BED0;
	border:none;
	font-size:1em;
	line-height:2em;
	color:#3F4659;
}

input#loginSubmit, button#subscribeSubmit {
	float:left;
	width:54px;
	height:24px;
	margin:8px 0 0 0;
	padding:0 0 3px 3px;
	background: transparent url(/assets/images/submit_arrow.png) top right no-repeat;
	border:none;
	font-size:1em;
	line-height:2em;
	color:#3F4659;
	text-align:left;
	cursor:pointer;
}

button#subscribeSubmit {
	float:left;
	width:75px;
}

button#loginSubmit:hover, button#subscribeSubmit:hover {
	background-position: bottom right;	
}

a#forgot_password {
	float:right;
	width:auto;
	height:24px;
	margin:10px 0 0 0;
	line-height:2em;
	color:#3F4659;
	text-decoration:none;
}

a#forgot_password:hover {
	color:#3F4659;
	text-decoration:underline;
}

/* NEWS */ 

ul.news-items {
	float:left;
	width:345px;
	height:auto;
	list-style:none;
	margin:2px 0 0 0;
	padding:0;
}


ul.news-items li {
	margin:0;
	padding:0 0;
	border-bottom:1px #3F4659 dotted;
}

ul.news-items li:first-child {
	border-top:1px #3F4659 dotted;
}

ul.news-items li a {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:2.0em;
	text-decoration:none;
	color:#3F4659;
}