/*Volunteer Centre Angus Style sheet*/
/*Do not use inline styles add new styles to this stylesheet*/
/*This style sheet mainly overrided default html tag styles to get the visual look required*/

body{
margin: 0 auto;
text-align: center;
background-color: #D7E1EC;
}
/*Used to create the page content border*/
.container{
position: relative;
background-color: #FFFFFF;
width: 760px; 
margin: 0 auto;
text-align: centre;
border: 1px solid #003366;
}

/*used to control padding in the home page only*/
#mainContent{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}
/*used to control padding and border in the home page news section only*/
#rightSideContent{
padding-left: 10px;
padding-right: 10px;
}
/*used to control section the home page information in the rightside content */
#volunteer, #organisation, #networkContacts {
	margin-bottom: 10px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #cccccc;
}
/*addition of a background image to the volunteer layer*/ 
#volunteer{
}
/*used to control the space at the top of each box */
#volunteer h2, #organisation h2, #networkContacts h2 {
margin-top: 4px;
}
/*used to control the spacing of a normal two column layout page*/
#pageContent{
padding-left: 4px;
padding-right: 4px;
padding-bottom: 10px;
}

/*used to control volunteer centre address and border in the home page news section only*/
#volunteerCentreDetails{
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
}

/*Used for pagefooter style*/
.footer{
padding-top: 10px;
padding-bottom: 4px;
text-align: center;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
/*used to add a border to an image*/
.imageframe{
border: 1px solid #cccccc;
}
/*html style overrides used globaly*/
h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #003366;
margin-bottom: 10px;
border-bottom: 1px solid #003366;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #003366;
}
h3{
font-family: Arial, Helvetica, sans-serif;
color: #990033;
font-size: 0.9em;
}
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color: #003366;
	line-height: 140%;
}
li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color: #003366;
	line-height: 130%;
}

/*sideLink Controls*/
/*This set of classes controls to side navigation for the site simply add a new link as a new list item
in the template and the styles look after the rest.*/
	#sideNavList {
	position: relative;
	left: 3px;
	width: 130px;
	top: 0px;

}
#sideNavList p {padding-left: 0px; padding-Right: 0px; font-size: 12px }

#sideNavList li {
	margin: 0 0 2px 0;
	text-align: center;
}

#sideNavList ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

#sideNavList ul a {
	display: block;
	padding-top: 4px;
	width: 130px;
	height: 22px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699;
	background-color: #FFFFFF;
	background-image:  url(../images/layout/navigationBg.gif);
	background-repeat: no-repeat;
}
#sideNavList ul a:link, #sideNavList ul a:visited {
	color: #336699;
	font-weight: bold;
	/*/*/color: #336699;
	text-decoration: none; /* */
}
#sideNavList ul a:Hover {
	background-image:  url(../images/layout/navigationHoverBg.gif);
	color: #336699;
	background-repeat: no-repeat;
	/* */
}
/*The uberlink sets the section navigational style for the side navigation for the site
simply  add the id to the list item in the template and the styles look after the rest.*/

#sideNavuberlink, #sideNavuberlink a, #sideNavuberlink a:link, #sideNavuberlink a:visited, #sideNavuberlink a:Hover {
	color: #FFFFFF!important;
	text-transform: uppercase;
	background-image:  url(../images/layout/sectionNavigationBg.gif);
	background-repeat: no-repeat;

	/* */
}
#sideNavuberlink a:Hover {
	color: #336699!important;
	background-image:  url(../images/layout/navigationBg.gif);
	background-repeat: no-repeat;
	/* */
}

/*This class controls the spacing of the resource and volunteer now links. */

#volunteerQuickLinks{
margin-top: 40px;
}
/*This class controls the spacing of the resource and volunteer now links. */

.bottomNavigation{
	padding-top: 10px;
	background-image:  url(../images/layout/bottomNavigationBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}