/***************************************

    colours  

****************************************/
/* 

yellow: #fedf03
blue: #577eb3
text: #696969

*/


/***************************************

    layout  

****************************************/

body
{
	background: #fff;
  color: #696969;
  font-family: helvetica, arial, sans-serif;
  font-size: 69%;
	margin: 0;
	padding: 0;
	width: 100%;
}

#header
{
  background: #5c87bc url(../images/header.png) left top no-repeat;
  border-bottom: #577eb3 solid 3px;
  height: 150px;
  position: relative;
	margin: 0;
	padding: 0;
}

#nav
{
	margin: 0;
	padding: 0;
	
	position: absolute;
	bottom: 0;
	left: 0;
}


.main_content
{
	float: left;
	font-size: 1.2em;
  margin: 3% 0;
  padding: 0 3%;
	width: 69%;
	overflow: hidden;
}

#extra_content
{
	float: right;
	font-size: 1.25em;
  margin: 4% 1% 0 0;
	width: 20%;
	overflow: hidden;
}

body.home .main_content
{
	width: 59%;
}

body.home #extra_content
{
	margin: 3% 1% 0 0;
	width: 30%;
}

#footer
{
  background: url(../images/footer.png) no-repeat right top;
  border-top: #ccc solid 3px;
	clear: both;
  margin: 2em 0 0 0;
	padding: 0 3%;
}

/***************************************

    header  

****************************************/

#header h1
{
  text-indent: -1000em;
}

#header h2
{
  position: absolute;
  bottom:0;
  right: 0;
  color: #fff;
  font-family: arial,sans-serif;
  font-size: 2.2em;
  font-weight: bold;
  padding: 5px 20px;
  text-align: right;
}

#header h2 a
{
  border: none;
  color: #fff;
  display: block;
}

#header h2 a:hover
{
  background-color: transparent;
  color: #577eb3;
  display: block;
}

/***************************************

    navigation tabs  

****************************************/


.nav
{ 
  position: absolute;
  left: 30px;
  bottom: 0;
	list-style: none;
  padding: 10px 0 0 0;
}

.nav li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav li a:link, .nav li a:visited
{
  background: #577eb3;
  border-bottom: none;
	color: #fff;
	display: block;
	float: left;
	font-size: 18px;
	margin: 0 10px 0 0;
	padding: 4px 8px 4px 8px;
  text-align: center;
	text-decoration: none;
}

.nav li a:hover
{
  background: #38629A;
  border-bottom: none;
}

.nav a:active
{

}

/***************************************

  content  

****************************************/

#admin
{
  background-color: #80a3d2;
  border-top: #577eb3 solid 2px;
  border-bottom: #577eb3 solid 5px;
  color: #fff;
  padding: 0.3em;
  position: relative;
}

#admin h3
{
  font-size: 2.8em;
  padding: 0.1em 3em;
  text-align: right;
}

#sections
{
  padding-top: 2em;
}

ul.pages
{
  margin: 0.5em 0 2em 0;
}

ul.pages li a.delete, #sections li a.delete
{
  border-bottom: none;
  color: #ccc;
  text-decoration: none;
}

ul.pages li a:hover.delete, #sections li a:hover.delete
{
  background-color: transparent;
  border-bottom: none;
  color: #c33;
}

#sections li a.add, .main_content p a.edit, .main_content a.add, #extra_content a.add, #news li a.edit
{
  color: #ccc;
  border-bottom: none;
  text-decoration: none;
}

#sections li a:hover.add, .main_content p a:hover.edit, .main_content a:hover.add, #extra_content a:hover.add, #news li a:hover.edit
{
  background-color: transparent;
  border-bottom: none;
  color: #577eb3;
}

#notification
{
  background-color: #82a7d5;
  border: #577eb3 solid 2px;
  color: #fedf03;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  width: 80%;
}

.main_content ul#sections li, ul.pages li, .main_content ul#news li, .main_content ul.pages li
{
  background: none;
  padding-left: 0;
}

.main_content form label
{
  display: block;
}


.main_content h2, .main_content h3, .main_content h4
{
  border-bottom: #fedf03 solid 1px;
  color: #577eb3;
  clear: left;
  float: left;
  font-family: "Bitstream Vera Sans", "Trebuchet MS",sans-serif;
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: 0.1em;
  margin: 0.5em 0;
}

.main_content h3
{
  font-size: 1.2em;
}

.main_content h4
{
  font-size: 1.0em;
}

.main_content h4 a
{
  border-bottom: none;
  color: #577eb3;
  text-decoration: none;
}

.main_content p
{
  clear: left;
	line-height: 1.3em;
	margin: 1em 0;
}

.main_content p em
{
  color: #577eb3;
  font-weight: bold;
}

.main_content ul
{
  clear: left;
  list-style: none;
  margin: 1em 0;
}

.main_content li
{
  background: url(../images/bullet.png) no-repeat 0 30%;
	line-height: 1.7em;
	padding-left: 20px;
}

.main_content ol
{
  clear: left;
  list-style-type: decimal;
  margin: 1em 0;
}

.main_content ol li
{
	line-height: 1.7em;
	padding-left: 20px;
	margin-left: 10px;
}

a:link, a:visited
{
  border-bottom: #696969 solid 1px;
  color: #696969;
  text-decoration: none;
}

a:hover
{
	background: #ffc;
	border-bottom: #fedf03 solid 1px;
  color: #292929;
	text-decoration: none;
}


.main_content table
{
  border-left: #399 solid 1px;
	border-top: #399 solid 1px;
	border-collapse: collapse;
}


.main_content th, td
{
  border-right: #399 solid 1px;
	border-bottom: #399 solid 1px;
	padding: 0.3em;
}

.main_content th
{
  background: #9cc;
	color: #c00;
  font-family: Verdana, sans-serif;
  font-size: 1.2em;
	text-align: center;
}

/***************************************

    extra_content  

****************************************/

/*----------------- =LINKS= --------------------*/

#page_links
{
 	border: none;
	font-family: "Bitstream Vera Sans", "Trebuchet MS",sans-serif;
	list-style: none;
 }


#page_links li
{
  border-bottom: #fedf03 dashed 1px;
  font-size: 1.3em;
  margin: 0;
}

#page_links li a
{
  border-bottom: none;
  color: #577eb3;
	display: block;
	margin:0;
	padding: 5px 5px 5px 0.5em;
	text-decoration: none;
}

* html #page_links li a
{
   width: 100%;
}


#page_links li a:hover
{
  background: #ffc;
  color: #577eb3;
}

/*----------------- =NEWS= --------------------*/

#extra_content h1
{
  border-bottom: #fedf03 solid 1px;
  color: #577eb3;
  font-family: "Bitstream Vera Sans", "Trebuchet MS",sans-serif;
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: 0.1em;
  width: 90%;
}

#news
{
  font-size: 0.7em;
  margin-bottom: 2em;
}

#news li
{
  border-bottom: #fedf03 dashed 1px;
  font-size: 1.2em;
  text-align: justify;
  padding: 1em  0;
  width: 75%;
}

#news li li
{
  border: none;
  font-size: 1em;
  padding: 0.3em 0;
	padding-left: 20px;
}

#news li ul li
{
  background: url(../images/bullet.png) no-repeat 0 50%;
}

#news li ol li
{
  list-style: decimal;
  margin-left: 20px;
  padding-left: 0;
}

#news li p
{
  line-height: 1.3em;
}

#news h2
{
  font-family: "Bitstream Vera Sans", "Trebuchet MS",sans-serif;
	font-weight: normal;
  font-size: 1.8em;
  margin: 0;
  color: #577eb3;
  text-align: left;
}

#news p.post_date
{
  color: #ccc;
  margin-bottom: 0.5em;
  font-style: italic;
}

.news_item
{
  clear: left;
}



/***************************************

    footer  

****************************************/

#footer div.vcard
{
  font-size: 1.25em;
	line-height: 1.3em;
	margin: 2em 0;
	padding: 0;
}

#footer div.vcard h4
{
  color: #577eb3;
	font-weight: bold;
	margin: 0.1em 0;
	padding: 0 0 0.2em 0;
	width: 25%;
}

#footer div.vcard em
{
  border: none;
  color: #577eb3;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	text-decoration: none;
}

#contact a:link, #contact a:visited
{
  border-bottom: #696969 solid 1px;
  color: #696969;
  text-decoration: none;
}

#contact a:hover
{
	background: #ffc;
	border-bottom: #fedf03 solid 1px;
  color: #292929;
	text-decoration: none;
}