/* Style sheet for CTC Cornwall web site.
Written by DRH Sep-Nov 2008.
With acknowledgements to Jon Senior of http://www.hoovesofdestiny.co.uk/ for the bits I stole from hooves */

/* Modified Oct 09 to change header size and use new picture in header */
/* Modified Oct 09 - tidy up layout and group items into sensible sections, with comments as section titles */




/* Overall page layout
======================= */

/* Following Divs are used :

		header_container
			head_logo
			header
		content_container
			nav
			content
		footer
		
	see seperate diagram showing layout of divs, margins etc, graphically
*/

/* Layout of Divs
------------------- */

/* Header
--------- */

#header_container {
/* top of page, goes right across */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 89px;
	background-color: #FFFFFF;  /* white */
	border-style: solid;
	border-top-width: 12px;
	border-left-width: 12px;
	border-right-width: 12px;
	border-bottom-width: 6px;
	border-color: #A0A0A0; /* mid grey */
	
}

#head_logo {
/* in header_container, on left */
	position: absolute;
	top: 0;
	left: 0;
	width: 78px;
	bottom: 0;
/*	height: 75px;*/
background-color: #ADD8E6;  /* light blue */
}

#header {
/* in header_container, to right, most of space */
	position: absolute;
	top: 0;
	left: 78px;
	right: 0;
	bottom: 0;
	background-color: #C8D6D9;  /* copy of sky in header pic of Botallack */
}

/* Content Container
--------------------------- */

#content_container {
/* below header_container, full width, most of page in here */
	position: absolute;
	left: 0;
	right: 0;
	top: 107px;
	bottom: 46px;
	border-style: solid;
	border-top-width: 0;
	border-left-width: 12px;
	border-right-width: 12px;
	border-bottom-width: 6px;
	border-color: #A0A0A0; /* mid grey */
}

/* Nav Div
---------------- */

#nav {
/* in content_container, on left, full height */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 6px;
	width: 200px;
	background-color: #DCDCDC;
	overflow: auto;
}

/* Content Div
---------------------- */

#content {
/* in content_container, full height, most of width, to right */
position: absolute;
top: 0;
left: 200px;
right: 0;
bottom: 6px;
border-left: 6px solid #A0A0A0; /* mid grey */
background-color: #FFFFFF; /* white */
overflow: auto;
}

/* Footer Div
-------------------- */

#footer {
/* at bottom of page, full width */
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background-color: #DCDCDC; /* very light grey */
border-style: solid;
border-color: #A0A0A0; /* mid grey */
border-left-width: 12px;
border-right-width: 12px;
border-bottom-width: 6px;
padding: 0.5em;
}




/* End of page layout 
====================== */

/*  Universal Appearance
========================== */

* {
	font-family: Verdana, Tahoma, sans-serif;
	}


/* Universal classes
--------------- */

.red_text {
color: #FF0000  /* red */
}

/* Universal IDs 
------------------ */



/* Universal elements 
------------------ */

a {
	color: #000080;  /* dark blue */
}

a:hover {
	color: #990000; /* dark redish */
}

/* End of universal appearance
=============================== */

/* Appearance by Div 
===================== */

/* Header Appearance 
---------------------*/

/* Header classes 
------------------ */

#header .go_left {
float: left;
width: 150px;
margin: 5px 10px;
border: none;
}

/* Header IDs 
------------------ */

/* Header elements 
------------------ */

#header h1 {
	font-size: 400%;
	margin-top: 0;
}

/* End of Header Appearance 
---------------------*/


/* Nav Appearance 
---------------------*/


/* Nav classes 
------------------ */


/* Nav IDs 
------------------ */


/* Nav elements 
------------------ */

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li a {
/* see separate diagram showing graphical layout */
	display: block;
	height: 10px;
	margin: 3px 3px; /* TB RL */
	padding: 3px 10px 8px; /* T RL B */
	list-style: none;
	font-size: 70%;
	text-decoration: none;
	text-align: left;
	color: #0000FF;  /* blue */
	background-color: #C0C0FF;	/* light blue */
}

#nav li a:hover {
color: #800000; /* dark red */
background-color: #FFC0C0  /* light red */
}

/* End of Nav Appearance 
---------------------*/


/* Content Appearance 
---------------------*/

/* Content classes 
------------------ */

#content .go_right {
float: right;
/*width: 350px;*/
margin: 5px 10px;
border: none;
}

#content .para-title {
font-size: larger;
font-weight: bold;
}

#content h2.red-text {
color: #C00000;  /* mid red */
} 

#content h3.red-text {
color: #C00000;  /* mid red */
} 

#content p.right {
	text-align: right;
}

#content p.red-text {
color: #C00000;  /* mid red */
}

/* Content IDs 
------------------ */


/* Content elements 
------------------ */

#content p, h1, h2, h3, h4, h5, h6, table, form {
	margin-left: 12px;
	margin-right: 24px;
	max-width: 800px;
}

#content h1 {
	font-size: 300%;
	color: #800000; /* dark red */
	font-weight: bold;
}

#content h2 {
	font-size: 200%;
	color: #000080; /* dark blue */
}

#content h3 {
font-size: 150%;
}

/*#content div {
 	overflow: auto;
}*/

/* End of Content Appearance 
---------------------*/



/* Footer Appearance 
---------------------*/

#footer {
font-size: 80%;
text-align: center;
}

/* Footer classes 
------------------ */

#footer .go_left {
float: left;
width: 150px;
margin: 5px 10px;
border: none;
}

#footer .go_right {
float: right;
width: 100px;
margin: 5px 10px;
border: none;
}


/* Footer IDs 
------------------ */

ul#footer_links {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	}

/* Footer elements 
------------------ */

	ul#footer_links li {
	display: inline;
}

ul#footer_links li a {
	padding: 5px 20px;
	margin: 0 2px;
	background-color: #DCDCDC; /* very light grey */
	text-decoration: none; /* no underline */
	text-align: center;
	border: 0;
}

ul#footer_links li a:link { background-color: transparent; }

ul#footer_links li a:visited { background-color: transparent; }

ul#footer_links li a:hover { background-color: transparent; }

ul#footer_links li a:active { background-color: transparent; }


/* End of Footer Appearance 
---------------------*/



/* End of Style sheet
--------------------------- */