/*
This css file will be the final output on the template. 
For example there is another link color on default.css 
it will be disregarded and follow the color set on this file.
*/

/*Overral font, size and color*/
body {
	font-family:arial, verdana, sans-serif;
	background-color: #0303A4;
	margin-top: 50px;
	margin-bottom: 50px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}

/*Overal link colors */
a				{outline: none;}
a:link 			{color:#0303A4; text-decoration:underline;}
a:visited 		{color:#0303A4; text-decoration:underline;}
a:hover 			{color:#279826; text-decoration:none;}
a:active 		{color:#279826; text-decoration:none;}

/* 
margin are the setting of spaces of elements declared below.
margin:1px 2px 3px 4px - can be interpreted as margin: top right bottom left;
   ul - for unorder list setting
   ol - for ordered list (example: 	1. list one
									2. list two)
   p  - for paragraph

*/
ul, ol	 		{margin:0 0 10px 25px;}
p 				{margin:0 0 15px;}

/* h1 to h6 setting */
h1 				{font-size:24px;  margin:0 0 12px;color: #0303A4;}
h2 				{font-size:22px; margin:8px 0;color: #279826;}
h3 				{font-size:20px; margin:6px 0 5px;color: #0303A4;}
h4 				{font-size:18px; margin:4px 0;color: #279826;}
h5				{font-size:16px; margin:3px 0;color: #0303A4;}
h6 				{font-size:14px; margin:0;color: #279826;}

/* hr setting */
hr 				{border-style: none; 
				border-bottom: 1px dashed #e3e3e5;  /* 1px is the thickness, dashed is the type of line, #e3e3e5 is the color */
				color: #fff; /* color and background color should be the same as the background color of the div it is contained within */
				background-color: #fff;}

/* outer space of content images */
.content-main  img{
	padding:5px;
}				
				
/* blockqoute the text inside "" */					
blockquote 		{margin:0 25px 20px 25px; font-style:italic;}

/* pageheading setting leave blank if page heading is the same as h1 */
h1.pageheading	{border-bottom: 1px dotted #A4A7A7;padding-bottom: 10px;}


/*NAVIGATION OVERRIDES*/

#nav {
	background-image: url(../images/nav-bg.gif);
	background-repeat: repeat-x;
	font-size: 14px;
}

/* Current page Customisations */
#nav li.menu-current a		{background: transparent; color: #39444A;}
#nav li.menu-current a		{font-weight: bold;} 

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: transparent; color: #39444A;}
#nav li a:active, #nav ul li a.active {background: transparent; color: #6D8A6B;}

/* 2nd Child menu */
#nav .menu li ul a {background: #50AFBC; color: #fff;font-size: 12px;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {background: #39434A;}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{background: #EF6928; color: #fff;}