/* CSS Document */

/* Remove all Padding and Margins from the Website so they can be redefined later on*/
html,body { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

/*Wrapper holds the structure of the site together*/
#wrapper { 
 margin: 0 auto;
 width: 922px;
}

A:link {text-decoration: none; color:#996633;}
A:visited {text-decoration: none; color: #996633;}
A:active {text-decoration: none; color: #996633;}
A:hover {text-decoration: none; color: ##C1A866;}
a[href~="mailto"] {text-decoration: none; color: #996633;}

img {
border: 1px solid #000000;
}

img.floatLeft { 
float: left; 
padding: 10px;
border: 0px solid #ccc; 

}

img.floatRight { 
float: right; 
border: 1px solid #ccc; 

}

div.box {
border-width:1px; 
border-style:solid;
height:auto;
}

table.contact {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.contact th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.contact td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

/* ---------Site Styling-----------*/

/* Header Styling and Formatting*/
#header {
 color: #333;
 width: 910px;
 float: left;
 padding: 10px 0px 10px 10px;
 border: 1px solid #ccc;
 height: 120px;
 margin: 10px 0px 0px 0px;
 background: #fff;
}

#subheader {
 color: #333;
 width: 920px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 20px;
 margin: 0px 0px 5px 0px;
 background:#CCC1BB;
}

/* ---------The total width of leftcolumn, content and rightcolumn must add up to 846px (excluding margins and padding)---------*/
/* ----Left Columns Styling----*/
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 0px 0px 20px 0px;
 height: 350px;
 width: 175px;
 float: left;
}

/* ----Main Content Area Styling----*/
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height:auto;
 width: 536px;
 display: inline;
}

#content2col { 
 float: left;
 color: #333;
 border-top: 0px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height:780px;
 width: 687px;
 display: inline;
}

#content2colspecial { 
 float: left;
 color: #333;
 border-top: 0px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height:auto;
 width: 900px;
 display: inline;
}

/* ----Right Hand Column Styling---- */
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F0EADA;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height:780px;
 width: 185px;
 float: left;
}

/* ----Footer Styling---- */
#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #F0EADA;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

div#header h1 {
width: 850px;
height: 120px;
background:url(../images/EirGrid_Logo.jpg) no-repeat;
text-indent:-9000px;
 
}

div#header h2 {
height:0px;
padding: 0px 0px 0px 0px;
text-align:right;
font-size:16px;
color:#002247;

}

div#header img {
float:left;
}


/* Two Column Layout styling */
div#content2col h1, h2, h3, h4 {
height:30px;
padding-left:5px;
margin:0;
}

div#content2col p {
padding-left:5px;
margin:0;
}

div#content2col h1 {
font-size: 20px;
}

div#content2col h2 {
padding-left:5px;
font-size: 16px;
}

div#content2col h3 {
padding-left:5px;
font-size: 14px;
}

div#content2colspecial h1, h2, h3, h4 {
height:30px;
padding-left:5px;
margin:0;
}

div#content2colspecial p {
padding-left:5px;
margin:0;
}

div#content2colspecial h1 {
font-size: 20px;
}

div#content2colspecial h2 {
padding-left:5px;
font-size: 16px;
}

div#content2colspecial h3 {
font-size: 14px;
}

div#logo {
padding-left: 10px;
}

div#rightcolumn h1, h2, h3, h4 {
height:35px;
padding-left:0px;
margin:0;
}

div#rightcolumn h1 {
font-size: 20px;
}

div#rightcolumn h2 {
padding-left:0px;
font-size: 16px;
}

div#rightcolumn h3 {
font-size: 13px;
}

	/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
		#tabs {
			float:left;
			width:100%;
			background:#C1A866;
			padding:0;
			font-size:0.8em;
			line-height:normal;
		}
		#tabs ul {
			margin:0;
			padding:10px 0 0 0px;
			list-style:none;
		}
		#tabs li {
			display:inline;
			margin:0;
			padding:0;
		}

	#tabs a {
		float:left;
		background:#DACBA2 url("../images/tabsimage.png") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#tabs a span {
		float:left;
		display:block;
		background:#DACBA2 url("../images/tabsimage.png") no-repeat right top;
		padding:4px 15px 3px 6px;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs a span {float:none;}
	/* End IE5-Mac hack */

	
	#tabs #current a span {
		padding-bottom:4px;
	}
	#tabs a:hover, #tabs a:hover span {
		/* Colour of the Hover Button */
		background-color:#F0EADA;
		color:#000;
	}
	#tabs #current a span, #tabs #current a {
		/* Collour of the active tab */
		background-color:#fff;
	}