/*////////////////////////////////////////////////////
//
//                GENERAL STYLES
//
// SITE: AVIEMORE SPORTS CENTRE PROJECT
// AUTHOR: MARC JONES, ICEBOMB
// VERSION: 2.0
// CREATED: 05 FEB 10
// LAST UPDATED: 07 JUN 10
//
////////////////////////////////////////////////////*/

img, div, span, ul, li, a { behavior: url(http://www.aviemoresportscentre.co.uk/iepngfix.htc)}

html, body {
	margin: 0px auto;
}
body {
	font-size: 65%;
	background-color: #e5e5e5;
	color: #333333;
}
a:hover {
	text-decoration: none;
}
#accessibility {
	position: absolute;
	left: -100px;
	top: -100px;
}

/* LAYOUT :: SHELL (ROWS) */
#shellMenu, #shellMastHead, #shellBody, #shellFooter {
	width: 100%;
	margin: 0px;
	background-repeat: repeat-x;
}
#shellMenu {
	height: 80px;
	background-image: url(../img/shellMenu_bg.png);
}
#shellTop {
	height: 322px;
	background-image: url(../img/shellTop_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#shellBody {
	background-image: url(../img/shellMid_bg.png);
	background-color: #FFFFFF;
	background-position: 0px 0px;
}
#shellFooter {
	background-image: url(../img/shellBase_bg.png);
	height: 100px;
	background-position: 0px 0px;
}

/* SHADOW BOXES */
.breadcrumbNav, .categoryFilter, .listBox, .listBox2, .baseLinkLeft, .baseLinkRight, .articleBox, .ctaBox, .choiceBox, .infoBar {
	filter: 
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=3);
		
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
	box-shadow:0 0 5px rgba(0,0,0,0.25);
	
	background-color:#fff;
	border:1px solid #ccc;
}

/* NAVIGATION :: TOPMENU */
#topMenu {
	height: 80px;
	overflow: hidden;
	list-style: none;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#topMenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 72px;
}
#topMenu a {
	background-image: url(../img/topmenu_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 72px;
	overflow: hidden;
	text-indent: -1000px;
}
#home { 
	background-position: -73px 0px;
	width: 72px; 
	margin-left: 73px;
}
#home.active { background-position: -73px -75px; }
#home:hover { background-position: -73px -150px; }

#news { 
	background-position: -145px 0px;
	width: 129px; 
}
#news.active { background-position: -145px -75px; }
#news:hover { background-position: -145px -150px; }

#thecentre { 
	background-position: -274px 0px;
	width: 111px; 
}
#thecentre.active { background-position: -274px -75px; }
#thecentre:hover { background-position: -274px -150px; }

#events { 
	background-position: -385px 0px;
	width: 77px; 
}
#events.active { background-position: -385px -75px; }
#events:hover { background-position: -385px -150px; }

#getinvolved { 
	background-position: -462px 0px;
	width: 121px; 
}
#getinvolved.active { background-position: -462px -75px; }
#getinvolved:hover { background-position: -462px -150px; }

#merchandise { 
	background-position: -583px 0px;
	width: 124px; 
}
#merchandise.active { background-position: -583px -75px; }
#merchandise:hover { background-position: -583px -150px; }

#directory { 
	background-position: -707px 0px;
	width: 93px; 
}
#directory.active { background-position: -707px -75px; }
#directory:hover { background-position: -707px -150px; }

#about { 
	background-position: -800px 0px;
	width: 73px; 
}
#about.active { background-position: -800px -75px; }
#about:hover { background-position: -800px -150px; }

#contact { 
	background-position: -873px 0px;
	width: 87px; 
}
#contact.active { background-position: -873px -75px; }
#contact:hover { background-position: -873px -150px; }

/* LAYOUT :: SHELL :: MASTHEAD */
#mastHead {
	width: 960px;
	height: 240px;
	overflow: hidden;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* LAYOUT :: CONTENT (WRAPPER) */
#content {
	width: 960px;
	overflow: hidden;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* NAVIGATION :: BREADCRUMB */
.breadcrumbNav, .categoryFilter {
	text-align: left;
	margin:10px !important;
	overflow: hidden;
	display: block;
}
.breadcrumbNav {
	padding: 0 5px 0 10px !important;
	width: 610px;
	height: 40px !important;
	list-style-type: none;
}
.breadcrumbNav li {
	float: left;
	list-style-type: none;
	font-size: 11px; /* px size to avoid breaking out box if increased */
	padding: 0px !important;
	line-height: 40px !important;
	height: 40px !important;
	margin: 0 0 0 5px!important;
}
.categoryFilter {
	padding: 10px !important;
	width: 605px;
}
/* CONTENT :: COLUMNS */
#mainCol, #sideCol {
	float: left;
	overflow: hidden;
	text-align: left;
	margin: 0px;
}
#mainCol {
	width: 650px;
	margin-right: 50px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#sideCol {
	width: 260px;
	padding-top: 50px;
}
/* FOOTER :: ELEMENTS */
.logos {
	width: 970px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/footer_logos.png);
	background-repeat: no-repeat;
	background-position: 0px 21px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 105px;
}
.logos p {
	font-size: 1em;
	line-height: 1.4em;
	color: #646464;
}
label, .labelGroup {
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	/*margin: 8px 10px 8px 10px;*/
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px 0 !important;
	padding: 0px;
	font-weight: bold;
	display: block;
	text-align: left;
}
.labelGroup label {
	display: inline !important;
	font-size: 1em !important;
	margin: 0px !important;
	padding: 0px !important;
}
.subText {
	font-weight: normal !important;
}
.inputField, .inputFieldSmall {
	border: 1px solid;
	margin: 5px 0 0 0;
	padding: 4px;
}
.inputField {
	width: 560px;
	display: block;
}
.submitBox {
	width: 570px;
	text-align: right;
}
h2.error {
	color: #eb3336;
}
.errorBox {
	border: 1px solid #eb3336;
	padding: 8px;
	color: #eb3336;
	background-color: #fbdedf;
}
.errorBox a {
	color: #eb3336 !important;
}
.captchaBox {
	margin: 0 0 10px 0 !important;
	padding: 0px;
	display: block;
}
/* FONTS :: ELEMENTS */
h1, h2, h3, h4 {
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
}
h5, h6, p, li {
	font-family: Verdana, Arial, sans-serif;
}

h1 {
	margin: 0px 10px 10px 10px;
	color: #333333;
	font-size: 4em;
	line-height: 1.2em;
}
h2 {
	margin: 0px 10px 10px 10px;
	color: #333333;
	font-size: 2.6em;
	line-height: 1.2em;
}
h3 {
	margin: 0px 10px 10px 10px;
	color: #333333;
	font-size: 2.4em;
	line-height: 1.2em;
}
h4 {
	margin: 0px 10px 10px 10px;
	color: #333333;
	font-size: 2em;
	line-height: 1.2em;
}
h5 {
	margin: 0px 10px 10px 10px;
	color: #333333;
	font-size: 1.8em;
	line-height: 1.2em;
}
h6 {
	margin: 0px 10px 10px 10px;
	color: #333333;
	font-size: 1.4em;
	line-height: 1.2em;
}
p {
	color: #333333;
	margin: 8px 10px 8px 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.inputField {
	font: 14px Arial, sans-serif;
	color: #333333;
}
#mainCol p {
	text-align: justify;
}
#mainCol hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: none;
	display: block;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
/* ELEMENTS :: LISTS */
#mainCol ul {
	padding: 0px;
	list-style-position: outside;
	margin: 0 0 0 20px;
}
#mainCol li {
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0px;
	padding-left: 5px;
	margin: 5px;
}

.unformattedList,
.unformattedList ul {
	padding: 0;
	list-style: none!important;
	margin: 0;
}
.unformattedList li {
	font-size: 1.2em!important;
	line-height: 1.4em!important;
	padding: 0px;
	padding-left: 5px;
	margin: 5px;
}
.unformattedList ul li {
	font-size: 1em!important;
	line-height: 1.4em!important;
}
/* REPEATING ELEMENTS :: LISTBOXES . + . CONTAINER :: MAINBOX */
.listBox, .listBox2, .baseLinkLeft, .baseLinkRight, .articleBox {
	position:relative;
	margin:10px 10px 20px 10px;
	padding:10px 25px 32px 25px;		/* IE 30px */
	width: 575px;
	overflow: hidden;
}
.listBox h2, .listBox2 h2, .articleBox h2, 
.listBox h3, .listBox2 h3, .articleBox h3, 
.listBox h4, .listBox2 h4, .articleBox h4 {
	margin: 10px 0!important;
}
.listBox p, .listBox2 p, .articleBox p {
	margin: 10px 0!important;
}
.lbImg {
	float: right;
	width: 125px;
	margin: 10px 0 10px 10px;
}
.lbImgLarge {
	float: right;
	width: 200px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 10px 20px;
}
.lbBaseLink, .lb2BaseLink {
	display:block;
	position:absolute;
	right:-6px;
	padding-right: 15px;
	width:130px; 
	height:42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	text-decoration:none;
	line-height:32px;
	background-image: url(../img/sprites_buttons.png);
	background-repeat: no-repeat;
}
.lbBaseLink:hover {
	text-decoration: underline;
}

/* FULL PAGE ELEMENTS */
.imgLeft, .imgRight {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.imgLeft {
	float: left;
	margin: 0px 20px 10px 0px;
}
.imgRight {
	float: right;
	margin: 0px 0px 10px 20px;
}

/* PAGE STYLES (BOXES, HIGHLIGHTS ETC) */
.addressBox {
	background-color: #EEEEEE;
	padding: 5px;
}
.barLink {
	background-color: #EEEEEE;
	padding: 5px;
	display: block;
	text-decoration: none;
}
.barLink:hover {
	text-decoration: underline;
}

/* PAGE RETURN LINKS :: BASELINK*/
.baseLinkLeft, .baseLinkRight {
	margin:10px 10px 20px 10px;
	padding:10px 25px 10px 25px;		/* IE 30px */
	width: 575px;
	display: block;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF !important;
	font-size: 14px;
	text-decoration: none;
}
.baseLinkLeft:hover, .baseLinkRight:hover {
	text-decoration: underline;
}
.baseLinkLeft {
	text-align: left;
}
.baseLinkRight {
	text-align: right;
}


.infoBar {
	margin:10px 10px 20px 10px;
	padding:10px 25px 10px 25px;		/* IE 30px */
	width: 575px;
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.infoBar p {
	margin:0 !important;
	padding:0 !important;
}
.centerInfo {
	text-align: center !important;
}
.leftInfo {
	width: 285px;
	float: left;
	text-align: left !important;
}
.rightInfo {
	width: 285px;
	float: left;
	text-align: right !important;
}

/* BUTTONS */
.singleButton, .submitButton, .submitButton2 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
	width: 190px;
	height: 40px;
	color: #FFFFFF !important;
	text-decoration: none;
	border: none;
	background-image: url(../img/buttons_bg.png);
	background-repeat: no-repeat;
}
.singleButton {
	font-size: 1.8em;
	text-align: center;
	display: block;
}
.submitButton  {
	font-size: 1.6em;
	text-align: right;
}
.submitButton2  {
	font-size: 1.6em;
	text-align: center;
}

.choiceBox {
	width: 190px;
	float: left;
	padding: 10px 30px 30px 30px;
	margin: 10px 15px;
}
.choiceBox p {
	height: 140px;
	text-align: left !important;
}
.selectLink {

}

/* SIDEBOX ELEMENTS :: CTABOX */
.ctaBox {
	position: relative;
	margin: 10px 0px 10px 40px;
	padding: 10px;		/* IE 30px */
	width: 190px;
	overflow: hidden;
}
.ctaBox h2 {
	width: 140px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.6em !important;
	line-height: 40px !important;
	color: #333333;
	margin: 0 0 10px 0;
	padding-left: 50px;
	background-image: url(../img/buttons_bg.png);
}
.rssHead {
	background-position: 0px -280px;
}
.involvedHead {
	background-position: 0px -80px;
}
.merchandiseHead {
	background-position: 0px -120px;
}
.directoryHead {
	background-position: 0px -160px;
}
.eventHead {
	background-position: 0px -40px;
}
.ctaBox p {
	width: 140px;
	color: #333333;
	float: left;
	height: 70px;
	margin: 0;
	padding-right: 5px;
	font-size: 1.1em !important;
	line-height: 1.4em !important;
}
.ctaBox a {
	width: 40px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.6em !important;
	line-height: 40px !important;
	color: #ffffff !important;
	background-image: url(../img/buttons_bg.png);
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
	border-top: solid 30px #FFFFFF;
}
.ctaBox a:hover {
	text-decoration: underline;
}
.rssLink {
	background-position: -380px -280px;
}
.involvedLink {
	background-position: -380px -80px;
}
.merchandiseLink {
	background-position: -380px -120px;
}
.directoryLink {
	background-position: -380px -160px;
}
.eventLink {
	background-position: -380px -40px;
}
.rssLink:hover {
	background-position: -420px -280px;
}
.involvedLink:hover {
	background-position: -420px -80px;
}
.merchandiseLink:hover {
	background-position: -420px -120px;
}
.directoryLink:hover {
	background-position: -420px -160px;
}
.eventLink:hover {
	background-position: -420px -40px;
}

/* SIDEBOX ELEMENTS :: LOGOS */
#sideCol a.logoLinks {
	display: block;
	width: 211px !important;
	margin: 0px 0px 0px 40px !important;
	padding: 0px !important;
}