/* 

STYLE SHEET FOR age concern sir gar


ToC

	1. defaults
	2. structure
	3. links 
	3.1 navigation
	4. fonts
	5. images
	6. hacks
	7. index settings

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	 font-family: Arial, Helvetica, sans-serif;
	 background-color: #EDF5F9;
        }


ul {
	margin-top: 10px;
	margin-bottom: 20px;
    }


li {
	margin-left: 25px;
	margin-bottom: 8px;
	margin-top: 5px;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	list-style-type: disc;
		}




		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 774px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #999999;
	padding: 2px;
	background-color: #FFFFFF;
	margin-top: 1px;
		}
		

#skiplink {
	float: left;
	width: 470px;
          }
		  
		  
#langlinks {
	float: right;
	font-weight: bold;
	padding-bottom: 2px;
	font-size: 80%;
	color: #0B1560;
	width: 300px;
	text-align: right;
          }

	
#logo {
	float: left;
		}
		

#bannerpics {
	float: right;
       }

.pinkline {
	background-color: #F0027F;
	height: 1px;
       }


#breadcrumb {
	padding-left: 2px;
	font-size: 80%;
8
	font-weight: bold;
	color: #0B1560;
	padding-bottom: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
       }


#mainbody {
	margin-right: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0027F;
	clear: both;
         }


		
#content {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 10px;
	margin-bottom: 20px;
	width: 545px;
		}

#footer {
	margin-top: 2px;
	margin-right: 1px;
	margin-left: 1px;
	text-align: center;
	font-size: 75%;
	font-weight: bold;
	color: #0B1560;
	background-image: url(assets/footer_bg.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F0027F;
	clear: both;
	padding-top: 5px;
		}


.footerright {
	float: right;
	width: 300px;
	text-align: right;
	line-height: 0.5em;
         }
		 
.footerleft {
	float: left;
	width: 300px;
	text-align: left;
	line-height: 0.5em;
	margin: 0px;
	padding: 0px;
          }



.separator {
		clear: both;
		height: 0px;
		}





/* ---------- 3. links ---------- */

a.skip-link {
	color: #FFFFFF;
	background-color: #FFFFFF;
	font-size: 80%;
}
a.skip-link:active {color: #000000; background-color: #FFFFFF;}
a.skip-link:hover {color: #000000; background-color: #FFFFFF;}
a.skip-link:focus {color: #000000; background-color: #FFFFFF;}


a {
	color: #0B1560;
	text-decoration: none;
	font-weight: bold;
		}
		
a:hover {
	text-decoration: underline;
	color: #F0027F;
		}
/*li {
	font-size: 80%;
	padding-top: 5px;
}
*/

/* ---------- 3.1 navigation ---------- */


#navigation {
	width: 200px;
	float: left;
	   }

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

#navigation li {
	font-weight: normal;
	margin: 0px;
	list-style-type: none;
	font-size: 95%;
	padding: 0px;
		 }
/*ul {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: circle;
}*/


#navigation li a:link, #navigation li a:visited  {display: inline-block;}


#navigation li a:link, #navigation li a:visited  {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	border-right-width: 1px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	background-color: #0B1560;
	vertical-align: top;
	padding-left: 0.2em;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A0A0A0;
		}	
		
#navigation li a:hover {
	background-color: #F0F0F0;
	color: #F0027F;
	border-left-color: #F0027F;
	border-right-color: #F0027F;
         }




#navigation li.thispage {
    background-color: #F0F0F0;
	color: #2149A8;
	border-left-color: #1668BC;
	border-right-color: #1668BC;
		  }


/* ---------- 3.1 sub nav ---------- */	



#subnav ul {
	text-align: right;
	font-size: 110%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
		}

#subnav li {

		 }

/*#subnav li a:link, #subnav li a:visited {
	list-style-image: url(assets/subnavbullet.gif);
	list-style-position: inside;
	
		}	

#subnav li a:hover {
	list-style-image: url(assets/subnavbullet_pink.gif);
	
         }
*/

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul{
	color: #000000;
	
		}

h1 {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 15px;
	color: #000033;	
		}

h2 {
	font-size: 110%;
	margin-top: 10px;
	color: #000033;
	margin-bottom: 5px;
	background-color: #EFEFEF;
		}

h3 {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #000033;
		}
		
h4 {
		}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 1.3em;	
		}
ol {
	list-style-type: none;
}


#footer p {
	padding-bottom: 3px;
           }

.footerright p {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
         }
		 
.footerleft p {
	line-height: 1em;
	margin: 0px;
	padding: 0px;
	
          }
/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
.leftimg {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
           }

.rightimg {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
         }

/*.leftimgserv {
	float: left;
	
           }
*/
	
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  


/* ---------- 7. index settings ---------- */
caption {
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 8px;
	background-color: #00A0C6;
	padding-top: 8px;
	padding-left: 5px;
	color: #FFFFFF;
}

caption  a, caption  a:hover {
	color: #FFFFFF;
	text-decoration: none;
     }


table {
	margin-bottom: 20px;
}

th {
	text-align: left;
	font-weight: normal;
	padding: 5px;
}

td {
	text-align: left;
	padding: 3px;
	margin-left: 5px;
}


.servicesbox {
	width: 250px;
	float: left;
	margin-bottom: 10px;
	margin-left: 15px;
         }

.servicesbox h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 95%;
         }

.servicesbox img {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
         }


.newsletter {
	font-size: 95%;
	font-weight: bold;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.featurebox {
	background-color: #E3E9F1;
	border: 1px dotted #0B1560;
	float: right;
	width: 250px;
	margin-left: 10px;
	padding: 10px;
}


div.figure {
  float: right;
  width: 320px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}