/*
	HTML entity properties
*/
body {
	text-align: center;
	background-color: #CCC;
	height: 100%;
	font: normal 12px Tahoma, Arial, sans-serif;
	color: #012F4C;
}
h1 {
	font: bold 18px Tahoma, Arial, sans-serif;
	color: #012F4C;
}
h2 {
	font: bold 16px Tahoma, Arial, sans-serif;
	color: #012F4C;
}
h3 {
	font: bold 14px Tahoma, Arial, sans-serif;
	color: #012F4C;
}
a:link, a:visited {
	font: bold 12px Tahoma, Arial, sans-serif;
	color: #A1B13A;
	text-decoration: none;
}
a:hover {
	font: bold 12px 
	Tahoma, Arial, sans-serif;
	color: #A1B13A;
	text-decoration: underline;
}
.al {
	font: bold 12px Tahoma, Arial, sans-serif;
	color: #A1B13A;
	text-decoration: none;
}
img {
	border: 0px;
}
table, tr, td, text {
    /*font: normal 12px Tahoma, Arial, sans-serif;*/
	font-family:Tahoma, Arial, sans-serif;
	color: #012F4C;
	font-weight:normal;
	font-size:12px
}
/*
    Colours
*/
.red {color:#FF0000;}


/*
	Named div elements
*/

#container { /* Contains all page elements, including #main and #footer */
	text-align: left;
	margin: 0px auto;
	width: 1000px;
	padding: 5px;
	background: white;
	min-height: 100%;
}
#YLA_logo { /* YLA logo top left element */
	position: absolute;
	margin-left: 0px;
	top: 13px;
	width: 600px;
	height: 103px;
	z-index: 20;
}
#TRcorner { /* Top right corner of header (phone and donate button) */
	/*position: absolute;
	margin-left: 600px;
	top: 13px;
	width: 393px;
	height: 103px;
	background: url(images/TRCorner_BG.jpg) no-repeat;
	text-align: right;
	z-index: 21;
	padding-right: 7px; */
	
	position: absolute;
	margin-left: 600px;
	top: 13px;
	width: 393px;
	height: 103px;
	background: url(images/TRCorner_BG.jpg) no-repeat;
	text-align: right;
	z-index: 21;
	padding-right: 7px;
}
#callnow { /* 'call us on' text in the TRCorner */
	font: normal 16px Tahoma, Arial, sans-serif;
	color: white;
}
#phone { /* phone number in the TRCorner */
	font: bold 22px Arial, Helvetica, sans-serif;
	color: white;
}
#connect { /* Centre header section */
	position: absolute;
	margin-left: 0px;
	top: 116px;
	width: 1000px;
	height: 107px;
	z-index: 22;
}
#slideshow { /* The flash fading slideshow */
	position: absolute;
	margin-left: 0px;
	top: 223px;
	width: 1000px;
	height: 195px;
	z-index: 23;
}
#main { /* This section encompasses the navigation bar, main text content and the sidebar */
	position: relative;
	margin-top: 405px;
	min-height: 100%;
	background: #EBF0F6;
	z-index: 5;
	width: 1000px;
}
#content { /* Holds the navigation bar (#navbar) and the main text */
	float: left;
	width: 711px;
	background: white url(images/corner.jpg) no-repeat top right;
	min-height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#navbar { /* Navigation bar */
	position: relative;
	width: 100%;
	background: #EBF0F6;
	height: 40px;
	margin-bottom: 20px;
	margin-left: -10px;
	padding-left: 20px;
}
#navbar .odd { /* Yellow colour box within the navigation bar */
	float: left;
	padding: 5px;
	margin: 5px;
	background-color: #EFF0C7;
}
#navbar .even { /* Blue colour box  within the navigation bar */
	float: left;
	padding: 5px;
	margin: 5px;
	background-color: #B9D6E9;
}
#navbar .item { /* Blue colour box  within the navigation bar */
	float: left;
	padding: 5px;
	margin: 5px;
	background-color: #B9D6E9;
}
#navbar a:link, #navbar a:visited { /* Navigation links */
	font: bold 18px Tahoma, Arial, sans-serif;
	color: #012F4C;
	text-decoration: none;
}
#navbar a:hover { /* Navigation link */
	font: bold 18px Tahoma, Arial, sans-serif;
	color: white;
	text-decoration: none;
}
#sidebar { /* Light blue sidebar (RHS). Height adjusts automatically to content height */
	float: right;
	width: 253px;
	min-height: 100%;
	background: #EBF0F6;
	padding: 0px 5px 0px 5px;
}
#footer { /* Footer section */
	position: relative;
	width: 1000px;
	height: 105px;
	font: normal 11px Tahoma, Arial, sans-serif;
	color: white;
	text-decoration: none;
	background: url(images/footer.jpg) no-repeat;
}
#footer #left { /* Left column (of 3) within the footer section - copyright info */
	float: left;
	width: 33%;
	height: 15px;
	padding: 85px 0px 5px 5px;
	text-align: left;
}
#footer #centre { /* centre column (of 3) within the footer section - links */
	float: left;
	width: 32%;
	height: 15px;
	padding: 85px 0px 5px 5px;
	text-align: center;
}
#footer #right { /* right column (of 3) within the footer section - contact details */
	float: left;
	width: 33%;
	height: 45px;
	padding: 60px 0px 5px 5px;
	text-align: right;
}
#footer a:link, #footer a:visited { /* Link attributes used in the centre column of the footer */
	font: normal 11px Tahoma, Arial, sans-serif;
	color: white;
	text-decoration: none;
}
#footer a:hover { /* Link attributes used in the centre column of the footer */
	color: #CCC;
	text-decoration: underline;
}
#sidebar .element { /* Individual items nested within the sidebar */
	position: relative;
	margin: 30px 5px 0px 5px;
	padding: 6px;
}
#sidebar h1 { /* Heading 1 for the sidebar elements */
	font: normal 22px Tahoma, Arial, sans-serif;
	color: #012F4C;
}
#sidebar h2 { /* Heading 2 for the sidebar elements */
	font: bold 14px Tahoma, Arial, sans-serif;
	color: #012F4C;
}

/*
	Subpage specific properties
*/
#sub_nav {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	text-indent: 20px;
	color: black;
}
#sub_nav a:link, #sub_nav a:visited {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #0E8ADF;
	text-decoration: none;
}
#sub_nav a:hover {
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
}
#navbar #nav_selected { /* Style used on subpage where page = navigation item (eg About Us page About Us is highlighted with this - manually) */
	font: bold 18px Tahoma, Arial, sans-serif;
	float: left;
	padding: 5px;
	margin: 5px;
	background-color: #012F4C;
	color: white;
}