/* CSS Document 
EPC.CSS written by Martin Sandhu October 12th 2005
Updated by Matt Farrow - farrow.matt@gmail.com - 15 July 2008
*/



#main{width:1024px;clear:both}


#header {
float:left;
width:1024px;
margin:0 0 5px 0;

}

#logo img {
border:none;
float:left;
margin: 0 10px 5px 0;


}

#utilities {
float:right;
margin: 30px 20px 0 0;

}

#searchbox {
margin: 0 0 0 0;

}

#tools p{
font:  12px arial, helvetica, sans-serif;
color:#808080;;

}

#tools a{
font:  12px arial, helvetica, sans-serif;
color:#808080;
text-decoration:none;
margin:0 0 0px 0;
padding:0;
}

#tools a:hover {
font:  12px arial, helvetica, sans-serif;
color:#666666;
text-decoration:none;
}


a#contact_us {
	color: #aa0000;
	font-size: 1.2em;
	}
	
a#contact_us:hover {
	color: #dd0000;
	font-size: 1.2em;
	}

/*----------------------------------------------------------------------------Left Menu--------------------------------------------------------------------------------------------*/

#dynamiccontent {
width:254px;
float:left;
margin:0;
padding:0;


}

#box1 {
width:100%;
height:auto;

}

#latestnews {
font:  14px arial, helvetica, sans-serif;
color:#FFFFFF;
background-color:#6599CB;
margin:0;
padding: 5px 0 5px 10px;

}

#articles {

margin: 0 0 20px 0px;
background-color:#E0EBF5;
height:250px;

}


#articles p{
font:  14px arial, helvetica, sans-serif;
margin:1px 0 0px 0px;
padding:5px 5px 5px 15px;
background-color:#E0EBF5;

}

#articles p:hover{
background-color:#C6DDE9;



}

#articles a{

margin: 0 0 10px 0px;
font:  12px arial, helvetica, sans-serif;
color:#000000;
text-decoration:none;

}

#articles a:hover {
text-decoration:none;
}




#box2 {
width:100%;
height:auto;
margin:-18px 0 0 0;


}



#thediary {
font:  14px arial, helvetica, sans-serif;
color:#FFFFFF;
background-color:#6599CB;
margin:0;
padding: 5px 0 5px 10px;

}

#events {
margin: 0 0 20px 0px;

}



#events p{
font:  14px arial, helvetica, sans-serif;
margin:1px 0 0px 0px;
padding:5px 5px 5px 15px;
background-color:#E0EBF5;

}

#events p:hover{
background-color:#C6DDE9;



}

#events a{
margin: 0 0 10px 0px;
font:  12px arial, helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

#events a:hover {
text-decoration:none;
}

/*------------------------------------------------------------------------------Main Container---------------------------------------------------------------------------------------*/
#nav {
margin:0;
padding:0;
float:left;

}



#maincontainer {

padding:0;
margin: 0 0 0 265px !important;margin: 0 0 0 268px


}

#maincontainer img {
margin:10px 0 0 0;


}

#content {
font:  12px arial, helvetica, sans-serif;
color:#000000;
margin: 5px 0 0 0;
padding:0;
width:700px;
text-align:justify;

}

#content p{
font:  12px arial, helvetica, sans-serif;
color:#000000;
margin: 15px 0 0 10px;
}

#content h1{
font:  bold 14px arial, helvetica, sans-serif;
color:#6599CB;
margin: 15px 0 0 10px;

}

#content h2{
font:  bold 16px arial, helvetica, sans-serif;
color:#6599CB;
margin: 15px 0 0 10px;
}

#content li {list-style-type:square;}

#content a, a:hover { text-decoration:underline; color:#6599CB;}

#footer {
width:770px;
background: url(../images/homepage/site-base.jpg)  no-repeat;
padding:5px 0px 5px 5px;
margin: 10px 0 0 235px;

}

#footer a{
font:  12px arial, helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
margin: 0px 5px 5px 530px;
}


/*#img {
border:none;
}

* html body div#header {
float:left;
width:1024px;
margin: 0 0 -10px 0;
}

#header {
float:left;
width:1024px;
margin: 0 0 -5px 0;
}

#logo img {
border:none;
float:left;

}

#utilities {
float:right;
margin:35px 0px 0 0;
padding:0 0 0 0;
}

* html body div#utilities {
float:right;
margin:40px 0 0 0;
padding:0 0 0 0;
}

#tools a{
font:  12px arial, helvetica, sans-serif;
color:#808080;
text-decoration:none;
margin:0;
padding:0;
}

#tools a:hover {
font:  12px arial, helvetica, sans-serif;
color:#666666;
text-decoration:none;
}

#searchbox {
margin: -10px 15px 0 0;
width:260px;

}

* html body div#searchbox {
margin: -10px -10px 0 0;
width:280px;

}

#dynamiccontent {
width:250px;

}

#box1 {
width:100%;
height:auto;

}

#latestnews {
font:  14px arial, helvetica, sans-serif;
color:#FFFFFF;
background-color:#6599CB;
margin:0;
padding: 5px 0 5px 10px;

}

#articles {

margin: 0 0 20px 0px;

}

#articles a{

margin: 0 0 10px 0px;
font:  12px arial, helvetica, sans-serif;
color:#000000;
text-decoration:none;

}

#articles a:hover {
text-decoration:none;
}




#box2 {
width:100%;
height:auto;
padding: 15px 0 0 0 !important; padding: 5px 0 0 0 
}



#thediary {
font:  14px arial, helvetica, sans-serif;
color:#FFFFFF;
background-color:#6599CB;
margin:0;
padding: 5px 0 5px 10px;

}

#events {
margin: 0 0 20px 0px;

}

#events a{
margin: 0 0 10px 0px;
font:  12px arial, helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

#events a:hover {
text-decoration:none;
}

#maincontainer {
width:700px;
float:left;
margin: 0 0 0 255px;
}

* html body div#maincontainer {
width:700px;
float:left;
margin: 0 0 0 125px;
}


#homeimage {
margin: 35px 0 0 0;
padding:0;

}

* html body div#homeimage {
margin: 10px 0 0 0;
padding:0;

}

#footer {
float:left;
width:775px;
margin:25px 0 0 230px;
background: url(../images/homepage/site-base.jpg)  no-repeat;
padding:0;
}

* html body div#footer {
float:left;
width:775px;
margin:25px 0 0 110px;
background: url(../images/homepage/site-base.jpg)  no-repeat;
padding:0;
}

#footer a{
float:right;
font:  12px arial, helvetica, sans-serif;
color:#FFFFFF;
margin:-10px 20px 0 0;
padding: 15px 0 5px 0;
text-decoration:none;
}



* html body div#footer a{
float:right;
font:  12px arial, helvetica, sans-serif;
color:#FFFFFF;
margin:0 20px 0 0;
padding: 5px 0 5px 0;
}

#content {
font:  12px arial, helvetica, sans-serif;
color:#000000;
margin: 5px 0 0 0;
}

#content p{
font:  12px arial, helvetica, sans-serif;
color:#000000;
margin: 15px 0 0 10px;
}

#content h1{
font:  bold 14px arial, helvetica, sans-serif;
color:#6599CB;
margin: 15px 0 0 10px;

}

#content h2{
font:  bold 16px arial, helvetica, sans-serif;
color:#6599CB;
margin: 15px 0 0 10px;
}