/*
 *  add.css
 *
 * Stylesheet file for Acitivity Days Direct website
 *
 * S. Griffiths, April 2005
 */

/*
 * Set up so we can have a footer always at the bottom of the window
 */

html, body, #divcontents {
	min-height: 100%;
	width: 100%;
	height: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6394C5;
	text-decoration: none;

}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #divcontents {
	height: auto;
}

body {
	margin: 0px;
	padding: 0px;

	background-position: center;
	background-repeat: repeat-y;
	background-image: url('/images/border.gif');
}

#divcontents {
	position: absolute;
	top: 0;
	left: 0;

}

#divfooter {
	position: absolute;
	bottom: 0;
}

	/* These have been taken out to get the main table to be
	/* full height...
	/*margin-bottom: 3em;*/
	/*padding: .5em;*/
#divmain {
	height: auto;

}

/************************************************
 *
 * For the menus - list and sublist
 *
 ************************************************/

/*
 * Left menu
 */

.leftmenu {
	width: 155;
	height: 100%;
	background: white;
	padding: 2px;
	margin-right: 4px;
}

.leftmenucol {
	vertical-align: top;
	padding: 2px;
}


.leftmenublank {
	vertical-align: top;
	width: 155;
	height: 1;
}

/*
 * Right menu
 */

.rightmenu {
	width: 155;
	height: 100%;
	background: white;
	padding: 2px;
}

.rightmenucol {
	vertical-align: top;
	padding: 2px;
}


.rightmenublank {
	vertical-align: top;
	width: 155;
	height: 1;
}


/* 
 * Menu Header & List / Main Area Code - e.g. Driving Days , menulistfirst 
 * is the top entry in each menu (left/right), different margins. 
 */

li#menuheader {
font-size: 11px;
color: white;
background-repeat: no-repeat;
background-color: #7BADD1;
background-image: url("/images/add_menu_top.jpg");
}

li#menuheader a {
color: white;
}

ul#menulistfirst {
margin: 0 0;
}

/* Don't want margin on first item */
ul#menulist {
margin: 10 0;
}


ul#menulist, ul#menulistfirst {
list-style-type: none;
padding: 0;
width: 100%;
font-size: 0.9em;
text-align: left;
background-color: #E1E1E0;
text-indent: 10pt;
}


ul#menulist li, ul#menulistfirst li {
width: 100%;
margin: 0 0;
padding: 0;
}


ul#menulist li a, ul#menulistfirst li a {
display: block;
width: 100%;
text-decoration: none;
}

ul#menulist a:hover, ul#menulistfirst a:hover {
width: 100%;
color: #999999;
}


/*
 * Sub list items - Sub Areas
 */

ul#menusublist {
list-style: none;
padding: 0;
margin: 0 0;
width: 100%;
font-size: 10px;
text-align: left;
}

ul#menusublist li {
width: 100%;
margin: 0 0;
padding: 0;
border-bottom: 1pt solid white;
}

ul#menusublist li a {
display: block;
width: 100%;
text-decoration: none;
background-color: #E9EEF5;
color: #6394C5;
margin: 0 0;
padding: 0;
}

ul#menusublist a:hover {
width: 100%;
background-color: #D0DCEC;
margin: 0 0;
padding: 0;
}

.menuselected {
display: block;
width: 100%;
color: #6394C5;
background-color: #D0DCEC;
}


/********************************************************
 *
 * KEEP THESE
 *
 *******************************************************/


/**********************
 *
 * Fonts / Colors for text
 *
 *********************/

.categoryTitle {
	font-size: 12px;
	color: #6394C5;
	text-decoration: none;
	font-weight: bold; 
}   

.categoryText {
	font-size: 12px;
	color: #6394C5;
	text-decoration: none;
}   

.mainTitle {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
} 

.mainText {
	font-size: 10px;
	color: #666666;
} 

.mainTextLink {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
} 

.headerLinks {
	font-size: 9px;
	font-weight: bold;
	color: #FF6600;
}


a:hover {
	color: #FF0000;
}   

.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0DCEC;
}   

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

.h1categorytext {
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #6394C5;
}

.h2mainTitle {
	font-size: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.mainTitles {
	font-size: 11px;
    font-weight: bold;
	text-decoration: none;
}

.mainLink {
	font-size: 12px;
    font-weight: bold;
	text-decoration: none;
	color: #6394C5;
}

.smallText {
	font-size: 10px; 
	color: #666666;
	font-weight: normal;
}

.smallTitles {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.subTitle {
	font-size: 11px; 
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

.smallSubTitles {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


/* To change colour when hoovering over a link */


/************************
 *
 * LAYOUT
 *
 ***********************/

.toplevel {
	width: 770;
	padding: 0px;
	margin: 0px;

	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #D0DCEC;

}

.noborder {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.border {
	border: 1px solid #999999;
}


/*
 * Columns on the directory list pages
 */

.areasummarycol1 {
	width: 240;
	vertical-align: top;
}

.areasummarycol2 {
	width: 70;
	vertical-align: top;
}

.areasummarycol3 {
	width: 100;
	vertical-align: top;
}

/*
 * Table for summary results
 */

.summaryTable {
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	padding: 1px;
	margin: 1px;
	width: 100%;
}

/*
 * Main contents - table below banner + bar
 */

.maincontents {
	vertical-align: top;
	width: 770; 
	height: 100%;
	margin: 0;
	padding: 0;
}  


.errortext {
	color: red;
}


/* 
 * Central Content
 */

.center {
	vertical-align: top;
	width: 100%;
	height: 100%;
	padding: 0;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D0DCEC;

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D0DCEC;
}


.centercontent {
	vertical-align: top;
	width: 100%;
	height: 100%;
	font-size: 10pt;
	padding: 2;

}

.centercontentcol {
	vertical-align: top;
	height: 100%;
	font-size: 10pt;
}

.centercontentblank {
	vertical-align: top;
	width: 100%;
	height: 0;
}

.listunderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0DCEC;
}  


/*
 * Banner
 */

	/*
	border-width: 1;
	border-color: lightgrey;
	border-style: solid;
	*/
.banner {
	width: 100%;
	height: 50;
}

.bannerlogo {
	width: 250;
	height: 50;
}


.bannerlinks {
	width: 250;
	height: 50;
}


/*
 * Bar
 */

.bar {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #D0DCEC;

	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #D0DCEC;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #D0DCEC;
}

.barLinkText {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/*
 * Footer
 */

.footerMain {
	width: 770;
	height: 40;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #D0DCEC;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #D0DCEC;
	background-color: #D0DCEC;
}

.footer {
	font-size: 10px;
	font-weight: bold;
	color: #2377B2;
	text-decoration: none;
}

.footer a {
	font-size: 10px;
	font-weight: bold;
	color: #2377B2;
	text-decoration: none;
}


/*******************************
 * 
 * DELETE EVERYTHING FROM HERE
 *
 *******************************/



/* end delete these */