/* ======================================================================
 * File:		main.css
 * Project:		CORDA website
 * Purpose:		Main stylesheet
 * 
 * Copyright (c) 2009 
 * ====================================================================== */


/* ========== ( General ) ========== */

* {
  padding:					0;
  margin:					0;	
}

body {
	font-family: 			Verdana,Helvetica,Arial,sans-serif;
	font-size: 				16px;
	text-align: 			center;
	padding:				0;
	margin:					0;
	background:				#d6d8de url('../img/bg.gif') top left repeat-x;
/*	behavior:				url('../js/csshover3-source.htc'); */
}

a img {
	border:		 			0;	
}

.clear {
	clear:					both;
}


/* ========== ( Header ) ========== */


#header {
	text-align:				left;
	width:					1000px;
	height:					190px;
	margin:					0 auto;
	padding:				0;
	background:				transparent url('../img/header-bg2.gif') top left no-repeat;
}

#content-header {
	text-align:				left;
	width:					1000px;
	height:					190px;
	margin:					0 auto;
	padding:				0;
	background:				transparent url('../img/content-bg2.gif') top right no-repeat;
}

.img-logo {
	margin:					31px 0 0 0;
	width:					269px;
	height:					96px;
}


#search {
	display:				none;

/* delete 	display:	none; when search functionality is added */

	float:					right;
	margin:					62px 0 0 0;
	background:				transparent url('../img/search-bg-trans.png') no-repeat top left;
	width:					370px;
	height:					30px;
	border:					0px;
	padding:				0;
}

#search form input.search {	
	background:				transparent;
	border:					0px;
	width:					240px;
	height:					18px;
	float:					left;
	outline: 				none;
	margin:					5px 0 0 6px;
}

#search input.submit {
	width:					114px;
	height:					26px;
	float:					right;
}


/* ========== ( Menu ) ========== */

#menu {
	position:				relative;
	top:					20px;
	left:					0px;
	width:					1000px;
	height:					34px;
	font-size:				0.8em;
	color:					#ffffff;	
}

#menu-list {
	list-style:				none;
	height:					34px;
	margin:					0;
	padding:				0;
	border:					0;
	position:				relative;
	left:					20px;
}

#menu-list li {
	float:					left; 
}

#menu-list li a {
	display:				block;
	float:					left;
	margin:					0 3px 0 3px;
	padding:				8px 12px 0 12px;
	border:					0;
	height: 				24px;
	color:					#ffffff;
	text-decoration:		none;
}

#menu-list li a:hover {
	color:					#ee523b;
	text-decoration:		none;
}

#menu-list li.active a {
	color:					#ffffff;
	text-decoration:		none;
	display:				block;
	float:					left;
	margin:					0 3px 0 3px;
	padding:				8px 12px 0 12px;
	border:					1px #000000 solid;
	height: 				24px;
	overflow: 				hidden;
	background:				#ee523b url('../img/menu-active.png') repeat-x;
}

#menu-list li.active a:hover {
	color:					#000000;
}



/* ========== ( Homepage container ) ========== */


#container {
	text-align:				left;
	width:					1000px;
	margin:					0 auto;
	padding:				0;
	background:				transparent;
	position:				relative;
}


/* ========== ( Left sidebar ) ========== */

#sidebar {
	width:					300px;
	padding:				10px 10px 0 0;
	margin:					0;
	float:					left;
}

.graphic-link1 {
	width:					299px;
	height:					128px;
	margin:					0 0 20px 0;
	padding:				0;
	float:					left;
}

.graphic-linktext {
	position:				relative;
	left:					-4321px;					/* clunky hack for accessibility */
	overflow:				hidden;
	width:					299px;
} 

#heartfacts {
	background:				transparent	url('../img/heartfacts-trans.png') top left no-repeat;
}

#heartfacts:hover {
	background:				transparent	url('../img/heartfacts-trans.png') bottom left no-repeat;
}

#strokefacts {
	background:				transparent	url('../img/strokefacts-trans.png') top left no-repeat;
}

#strokefacts:hover {
	background:				transparent	url('../img/strokefacts-trans.png') bottom left no-repeat;
}

#newsandevents {
	background:				transparent	url('../img/newsandevents-trans.png') top left no-repeat;
}

#newsandevents:hover {
	background:				transparent	url('../img/newsandevents-trans.png') bottom left no-repeat;
}


/* ========== ( Sidebar on Content page ) ========== */

#sidebar h1 {
	font-size:				18px;
	color:					#ffffff;
	font-weight:			normal;
	margin:					0 0 20px 0;
}


/* ========== ( Right content ) ========== */

#home, #home-content {
	width:					680px;
	padding:				10px 0 0 7px;
	margin:					0;
	float:					left;
}

#home a, #home a:link {
	text-decoration: 		underline;
	color:			 		#bc1a18;
}

#home a:visited {
	text-decoration:		underline;
	color:					#3f4561;
}

#home a:hover {
	text-decoration: 		underline;
	color:			 		#b41012;
}

.graphic-link2 {
	width:					332px;
	height:					61px;
	margin:					0 0 0 0;
	padding:				0;
	float:					left;
}

#legaciesandwills {
	background:				transparent	url('../img/legaciesandwills-trans.png') top left no-repeat;
	margin:					0 16px 20px 0;
}

#legaciesandwills:hover {
	background:				transparent	url('../img/legaciesandwills-trans.png') bottom left no-repeat;
}

#donatenow {
	background:				transparent	url('../img/donatenow-trans.png') top left no-repeat;
}

#donatenow:hover {
	background:				transparent	url('../img/donatenow-trans.png') bottom left no-repeat;
}


/* ========== ( Homepage copy ) ========== */

#homepage {
	width:					680px;
	margin:					0 0 20px 0;
	padding:				0;
	clear:					both;	
}

#homepage-top {
	width:					679px;
	height:					10px;
	background:				transparent	url('../img/rounded-top-trans.png') top left no-repeat;
	margin:					0;
	padding:				0;
}

#homepage-bottom {
	width:					679px;
	height:					10px;
	background:				transparent	url('../img/rounded-bottom-trans.png') top left no-repeat;
	margin:					0;
	padding:				0;
}

#home-text {
	width:					619px;
	background:				#ffffff;
	padding:				18px 30px 13px 30px;
	margin:					0px;	
	color:					#414241;
	font-size:				12px;
}

#home-text a, #home-text a:link {
	text-decoration: 		underline;
	color:			 		#bc1a18;
}

#home-text a:visited {
	text-decoration:		underline;
	color:					#3f4561;
}

#home-text a:hover {
	text-decoration: 		underline;
	color:			 		#b41012;
}


#homepage h1 {
	color:			 		#bc1a18;
	font-size:				16px;
	font-weight:			normal;
	margin:					0 0 20px 0;
}

#homepage h2 {
	color:					#3f4561;
	font-size:				16px;
	font-weight:			normal;
	margin:					0 0 10px 0;
	clear:					left;
}

#homepage h3 {
	font-size:				12px;
	margin:					0 0 10px 0;
	clear:					left;
}

#homepage p {
	margin:					0 0 20px 0;
}

#homepage ul {
	list-style:				disc outside url('../img/bluedisc.png');
	margin:					0 0 0 30px;	
} 

#homepage li {
	padding:				5px;
}


/* ========== ( Footer ) ========== */

#footer {
	clear:					both;
	width:					1000px;
	height:					50px;
	margin:					0 auto;
	text-align:				left;
	background:				transparent url('../img/footer-bar-trans.png') top left no-repeat;
}

#footer ul {
	list-style:				none;
	margin:					0 0 30px 310px;
	padding:				0;
	border:					0;
}

#footer li {
	display:				block;
	float:					left;
	margin:					20px 0 0 0;
	padding:				1px 10px 1px 10px;
	border-right:			1px solid #3f4561;
	overflow: 				hidden;
	font-size:				12px;
}

#footer li.last {
	border-right:			0;
}

#footer a {
	color:					#3f4561;
	text-decoration:		none;
}

#footer a:hover {
	text-decoration:		underline;
}



/* ========== ( Submenu on Content Page ) ========== */

#submenu ul {
	margin:					0;
	padding:				0;
	border:					0;
	list-style:				none;
}

#submenu li {
	font-size:				12px;
	list-style:				none;
}

.submenu-li a {
	color:					#ffffff;
	text-decoration:		none;
	display:				block;
	width:					294px;
	min-height:				22px;
	overflow: 				hidden;
	margin:				 	0 0 5px 0;
	padding:				3px 0 0 15px;
	background:				transparent	url('../img/submenu-trans.png') top left no-repeat;
}

.submenu-li a:hover {
	color:					#ee523b;
	text-decoration:		none;
}

.submenu-li {
	list-style:				none;
}

#nested ul {
	margin:					0;
	padding:				0;
	border:					0;
	font-size:				12px;
}

#nested li {
	list-style:				none;
	font-weight:			bold;
	margin:					0 0 0 10px;
	padding:				0;
}

#nested a {
	color:					#000000;
	margin:					0 0 0 5px;
	padding:				0 0 5px 15px;
	text-decoration:		none;
	border:					none;	
	display:				block;
	height:					12px;
	width:					250px;
	background:				transparent url('../img/raquo-trans.png') 0px 1px no-repeat;
}		

#nested a:hover {			
	color:					#000000;
	text-decoration:		underline;
} 

.graphic-link3 {
	display:				block;
	width:					294px;
	height:					60px;
	margin:					10px 0 20px 0;
	padding:				0;
	float:					left;
}

.graphic-link4 {
	display:				block;
	width:					294px;
	height:					60px;
	margin:					0 0 20px 0;
	padding:				0;
	float:					left;
}

#donatenow294 {
	background:				transparent	url('../img/donatenow294-trans.png') top left no-repeat;
}

#donatenow294:hover {
	background:				transparent	url('../img/donatenow294-trans.png') bottom left no-repeat;
}


/* ========== ( Content ) ========== */

.content-list {
	list-style-type: 		decimal;
	font-size:				12px;
	font-weight:			bold;
	color:					#bb1817;
	margin:					0 0 20px 30px;
}

.content-listitem {
	font-weight:			normal;
	color:					#000000;
	margin:					0;
	padding:				0;
}

.content-ul {
	padding:				0 0 20px 0;
}

.link-details {
	width:					150px;
	margin:					0 0 10px 0;
	padding:				0;
	float:					left;
	position:				relative;
	top:					-10px;
}

.link-details-right {
	margin:					0 0 10px 0;
	padding:				0;
	float:					left;
	position:				relative;
	top:					-10px;
}


/* ========== ( Contact Form ) ========== */

.form-label {
	display:				block;
	width:					150px;
	float:					left;
}

.form-row {
	min-height:				40px;
	width:					600px;
}

.form-input {
	height:					16px;
	width:					400px;
	border:					1px solid #00285f;
	padding:				2px;
}


#form-message {
	width:					400px;
	height:					200px;
	border:					1px solid #00285f;
	padding:				2px;
}

#form-send {
	float:					right;	
	margin:					15px 44px 0 0;
	display:				block;
	padding:				0 12px 3px 12px;
	border:					1px #000000 solid;
	max-height:				24px;
	overflow: 				hidden;
	background:				#ee523b url('../img/menu-active.png') repeat-x;
	color:					#ffffff;
	font-size:				16px;
}

img.right {
float: right;
margin: 10px 0px 10px 10px;
}