/* --------------------------------------------------
file: standard.css
website: www.thegrand.ie/
version: 1.0
created: 28/01/08
last update: 
author: Andrea Cima Serniotti
contact: http://www.visrez.com
---------------------------------------------------*/

/* ----------------------- COMMON CLASSES --------------------------- */

.navigation, .alt {position:absolute;top:-6000px;left:-6000px}
.hidden, hr{display:none}
p,ul,li,form,fieldset,table,td,th,h1,h2,h3,h4,h5{margin:0;padding:0}
ul{list-style-type:none}
a {color:#c04d06;}
	a:hover {text-decoration:none}
	a:focus {outline:none}


/* ----------------------- STRUCTURE --------------------------- */
body {
background:#eeede5 url(../images/website/body.jpg) 0 0 repeat-x;
margin:0;padding:0;
text-align:center;
color:#686764;
font-family:Arial, Verdana, sans-serif;
font-size:12px
}

#wrapper {
width:866px;
margin:0 auto;
padding:0 21px;
text-align:left;
position:relative;
background:url(../images/website/shadows.gif) 0 0 no-repeat
}

#header {
position:relative;
background:url(../images/website/header.jpg) 0 0 no-repeat;
height:130px;width:866px;
}

#logo{
width:300px;height:100px;
position:absolute;top:13px;left:20px
}
	
#banner{
clear:both;
padding-bottom:4px;
margin-top:50px;
position:relative;top:4px
}	
#mainMenu{
	position:absolute;top:130px;left:21px;
	width:866px;
	}
	#mainMenu li{
	float:left;height:49px;
	background:url(../images/website/tab_left.jpg) top left no-repeat;
	}
	#mainMenu a{
	float:left;
	background:url(../images/website/tab_right.jpg) top right no-repeat;
margin:0 0 0 4px;
padding:21px;
	height:49px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:.9em;
	}
	#mainMenu a.lastitem{padding:21px 23px;}
	#mainMenu a:hover span,#mainMenu li.active span{border-bottom:3px solid #c04d06;padding:5px 0 3px 0;background:url(../images/website/hover_triangle.gif) center top no-repeat}

#content{
width:865px;
float:left;
background:url(../images/website/container.gif) 0 0 no-repeat;
padding-top:10px
}
.wide #content{background:none}
#maincontainer{width:684px;float:right}
#main{
width:412px;
float:left;
position:relative;
background:#eeede5;
padding:0 32px 30px 32px;
}
.wide #main{width:800px}
	#main p{margin-bottom:20px;line-height:150%}
	#main h2{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#c04d06;
	margin:25px 0 10px 0;
	padding-bottom:10px;
	border-bottom:3px solid #dadad3;
	font-size:1.8em;
	font-weight:normal
	}
	#main h3{
	color:#29888e;
	font-size:1em;
	margin-bottom:5px
	}
	
	

#events{
width:171px;float:right;
padding:0 18px;
background:#eeede5 url(../images/website/events.gif) 0 0 repeat-x;
min-height: 280px;
height: auto !important;
height: 280px;
}
#events h2{
color:#29888e;
font-size:1.2em;
margin:15px 0;
padding-left:24px;
background:url(../images/website/upcoming-events.gif) 0 0 no-repeat
}
#events ul{

background:url(../images/website/events_ul.gif) 0 0 no-repeat
}
#events li{
padding:10px 0;
border-bottom:1px dashed #c6c5bd
}	
#events li h3{
color:#987d28;font-size:1em;
margin-bottom:3px
}	
#events li a{
color:#987d28;
text-decoration:none
}	
#events li a:hover{text-decoration:underline}
#sidebar{
width:181px;float:left;
background:#eeede5 url(../images/website/submenu.gif) 0 0 repeat-x;
min-height: 280px;
height: auto !important;
height: 280px;
}

ul#submenu {
margin:10px 6px
}
	#submenu li{
	padding:0;margin:0;
	height:auto !important;height:0;
	}	
	#submenu a{
	background:url(../images/website/arrow.gif) 5px center no-repeat;
	padding:7px 5px 7px 22px;
	display:block;
	height:auto !important;height:0;
	margin:0;
	border-bottom:1px dashed #c7c6be;
	color:#424139;
	text-decoration:none;
	}
	#submenu a.odd{
	background:#ebeae2 url(../images/website/arrow.gif) 5px center no-repeat;
	}

#footer{
clear:both;
background:url(../images/website/footer.gif) top left no-repeat;
padding:10px 0;
color:#686764;
font-size:.9em;
text-align:center;width:865px;
margin-bottom:20px
}
	#footer p#copyright{text-align:left;margin:25px 0 0 40px}
	#footer p#copyright span{margin-left:130px}
	#footer p#copyright span span{margin-left:40px}
	

