/* Twisteddigits.com

Welcome to our source code. 
If you're in the habit of trawling code we'd recommend looking at :
www.pmob.co.uk
www.mezzoblue.com
www.stopdesign.com
www.alistapart.com

@Site		Katharinehowardfoundation.ie
@Owner		JNF
@File name	main.css
@Modified	21-11-05.
@Purpose	Master sheet for the screen. Controls layout and formatting.

*************************************************************** */


body{
	text-align:center; /* Centres the column in ie */
	margin:0;
	padding:0;
	background:#6D7C61;
	font-family:  Arial, Verdana, sans-serif;
	line-height:1.4em;
	color:#6D7C61;
  }
#container{
	background:#FCFCFA;
	margin:0 auto;		/* Centres the column except in IE */
	text-align:left;	/* Resets the text after ie column centring */
	width:750px;
	position:relative;	/* Allows us to position the footer absolutely at the bottom of #container */
	font-size:80%;
	}

/* Masthead
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#masthead{
	height:101px;
	border-bottom:1px solid #E2EFD1; /* This fixes a strange problem in Opera 7 where a gap appears between the header and container divs*/
	}
#mastheadImg{ /*float:right;*/
position:absolute;
right:0;
top:0;
}
#masthead h1{
	background: url(gfx/masthead_logo.jpg) no-repeat;
	height:101px;
	margin:0;
	padding:0;
	}
#masthead h1 span{
	display:none;
	}
#masthead h2{
	display:none;
	}

/* Accessibility
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.offLeft {
	position: absolute;
	left: -999px;
	width: 990px;
	}
/* Top Navigation
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#nav{
	float:left;/* This has to be floated left to prevent it from collapsing because the li elements are floated */
	width:100%;
	border:#D7CBAC solid;
	border-width:1px 0 0;
	background:#EDEADE;
	margin-top:-1px;
	}
#nav ul{
	margin:0;
	list-style:none;
	font-size:85%;
	}
#nav li{
	float:left;
	width:110px;
	display:block;
	white-space:nowrap;
	border-right:1px solid #E6DFCA;
	}
#nav a, #nav strong{
	text-align:center;
	display:block;
	}
#nav a:hover{
	background:#D8CBAB;
	text-decoration:none;
	}

/* Breadcrumb
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#breadcrumb{
	margin:0.4em 0 15px;
	font-size:85%;
	}
#breadcrumb ol{
	margin:0;
	padding:0;
	}
#breadcrumb li{
	background: url("gfx/gt_symbol.gif") left no-repeat;
	display: inline;
	padding:0 0.7em 0 0.7em;
	}
#breadcrumb li.homeBC{
	background-image:none;
	padding-left:0;
	}

/* Content
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/	
#content{
	float:left;
	width:500px;
	padding: 0 0 20px 20px; /*border:solid blue 1px;*/
	background: #FFFFFF;		/* added background colour*/
	}
#colwrapper{
	background:url(gfx/bread_crumb.jpg) repeat-x;
	height:30px;	/* The colwrapper's height has to be explicitly set for this background because it colapses because the #content and #subcol are floated */
	}

/* Sub Nav
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/	

#subcol{
	position:absolute; right:0;
	width:200px;
	background:#EDEADE;
	border: solid #E6DFCA;
	border-width:1px 0 0 0;
	margin:15px 0 0 0;
	}
#subcol ul{ 
	list-style:none;
	margin:0; padding:0;
	}
#subcol li{
	border-bottom:1px solid #E6DFCA; 
	}

#subcol a{
	font-weight:bold;
	color:#69c;
	display:block;
	text-decoration:none;
	padding-top:1px;
	width:100%;
	}

#subcol a:hover{
	background:#d7cbac;
	color:#FFFFFF;
	}
#subcol ul ul{ color:#C5D8ED;}
#subcol ul ul li{ border-bottom:none; }
#subcol ul ul ul li{ font-size:90%;}
/* Padding is done this way so that the link highlight extends all the way to the left of the navbar and is clickable */
#subcol ul a{ padding-left:6px; width:194px;}
#subcol ul ul a{ padding-left:16px; width:184px;	font-weight:normal;}
#subcol ul ul ul a{ padding-left:26px; width:174px;}
#subcol ul ul ul ul a{ padding-left:36px; width:164px;}
#subcol ul ul ul ul a{ padding-left:46px; width:154px;}

/*#subcol ul ul{display:none;}
.Grants #grantsSub{display:block; border-bottom:none; padding-left:5px; color:#69c;}

#grantsSub{background:orange;}
ul#grantsSub , #subcol ul.grantsSub li{
display:block; background:red; color:#FF0000;
}*/
/*, .aboutSub, #subcol li a.grantsSub, development_workSub, .research_projectsSub, .publicationsSub, .faqSub, .contact_usSub, .linksSub*/

/* Footer
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#clear{
	clear:both; 
	height:8em; /* This creates the space at the bottom of the page for the footer */
	}
#footer{
	background:#6D7C61;
	position:relative;
	bottom:0;
	left:0;
	width:750px;
	text-align:center;
	font-size:85%;
	/*border:1px solid;*/
	color:#E3DFCC;
	}
#footer ul{
	background:url(gfx/footer.png) no-repeat;
	height:61px;
	margin:0;
	/*	border:solid 1px;*/
	list-style:none;

	}
#footer li{
	display:inline; 
	list-style-type:none; 
	position:relative;
	top:30px;
	}
#footer li a{
	padding:3px 10px;
	white-space:nowrap;
	color:#6D7C61;
	}
#footer p{
	margin:0;
	}
#footer a{
color:#D8CCAE;
}
#footer a:hover{
	/*background:#EDEADE;*/
	}


/*
Linking pseudo classes should be applied in the LVHFA order
:link, :visited, :hover, :focus, :active
(Lord Vader's Handle, Formerly Aniken)
:link doesn't work in IE, but then it's not really needed
*/
a{
	color:#476420;
	}
a:hover{
	color:#693;
	}
#nav a, #breadcrumb a{
	text-decoration:none;
	}
#nav a:hover{
	color:#476420;
	}
#breadcrumb a:hover{
	text-decoration:underline;
	}
abbr, acronym{
	border-bottom:dotted #9CCC5E 1px;
	cursor:help;
	}
a img{
	border:none;
	}
hr{}
em{}
strong{color:#4E5647;}
ul{}
ol{}
table{border-collapse:collapse;}
tr{}
td, th{
	border: solid 1px #69c;
	padding:0 3px;
	font-size:85%;
	}

th{ /* This style is also in text.css as .tableHeader because Contribute doesn't always create th elements for imported Office docs */
	background:#E9F0F8;
	}
select{}
option{}
optgroup{}
address{}
q{
	font-style:oblique;
	}
cite{}
blockquote{}
caption{}
dl{}
dt{
	margin-top:20px;
	font-weight:bolder;
	color:#999;
	}
dd{}
#content address{
	padding:20px;
	margin:5px;
	background:#EDEADE;
	border:1px dotted #6D7C61;
	}