/* CSS Document */
body{
margin:0px;
padding:0px;
text-align:center;
background-color:#E8E9EC;}

/*-----------bg image---------------*/
#bg{
background-position: top center;
background-image:url(../images/home_bg.jpg);
background-repeat:no-repeat;
margin: 0px auto;
padding: 0px;
text-align:center;
height: 830px;
width: 100%;}

/*-----------frame - centres site---------------*/
#frame{
background-position: top left;
background-image:url(../images/frame_home.jpg);
background-repeat:no-repeat;
margin: 0px auto;
padding: 0px;
text-align:left;
width:760px;
height:100%;
}

#framebottom{
clear:left;
background-position: top left;
background-image:url(../images/framebottom_home.jpg);
background-repeat:no-repeat;
margin: 0px auto;
padding: 0px;
text-align:left;
width:760px;
height:96px;
}

/*-----------navigation---------------*/
#navigation{
margin: 0;
padding: 15px 0 0 20px;
text-align:left;}

#nav{
width: 697px;
background-color:#708330;
margin: 0px;
padding: 5px 10px;}

#nav ul{
display:inline;
background-color:#708330;
margin: 0px;
padding: 0px;
text-align:left;
font:11px Georgia, "Times New Roman", Times, serif;
color: #ffffff;
text-transform:uppercase;
height: 22px;
width: 720px;}

#nav li{
list-style: none;
display:inline;
margin: 0px;
padding: 0px 4px;
color: #ffffff;
}

#nav a:link, #nav a:visited{
list-style: none;
display:inline;
margin: 0px;
padding: 0px 4px;
color: #ffffff;
text-decoration:none;
}

#nav a:hover{
list-style: none;
display:inline;
margin: 0px;
padding: 0px 4px;
color: #000000;
text-decoration:none;
}

/*-----------content---------------*/
#content{
border: 1px solid red;
float:left;
width: 500px;
margin: 0px;
padding:30px 0 0px 157px;
font: 18px Georgia, "Times New Roman", Times, serif;
color:#708330;
text-align:left;}

#content h1{
margin: 0px;
padding:0px;
font: 18px Arial, Helvetica, sans-serif;
color:#708330;
text-align:left;}

/*-----------button on right---------------*/
#button{
background-position: top right;
background-image:url(../images/button_home.gif);
background-repeat:no-repeat;
float:right;
margin: 20px;
padding: 12px 0 0 7px;
color:#000000;
text-align:left;
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#FFFFFF;}

#text p{
width: 150px;
margin: 0px;
padding: 0px;
color:#000000;
text-align:left;
text-decoration:none;
font:10px Arial, Helvetica, sans-serif;
color:#FFFFFF;}

#text a:link, #text a:visited{
margin: 0px;
padding: 0px;
color:#000000;
text-align:left;
text-decoration:none;
color:#FFFFFF;}

#text a:hover{
margin: 0px;
padding: 0px;
color:#000000;
text-align:left;
text-decoration:none;
color:#708330;}


/*-----------footer---------------*/
#footer{
float: left;
width: 760px;
margin: 0px;
padding:217px 0 5px 20px;
font: 10px Arial, Helvetica, sans-serif;
color:#708330;
text-align:left;}

#footer a:link, #footer a:visited{
margin: 0px;
padding: 0px;
color:#708330;
text-align:left;
text-decoration:none;}

#footer a:hover{
margin: 0px;
padding: 0px;
color:#000000;
text-align:left;
text-decoration:none;}

#safi{
float: left;
width: 760px;
margin: 0px;
padding:0px;
font: 10px Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;}

#safi a:link, #safi a:visited{
margin: 0px;
padding: 0px;
color:#000000;
text-align:left;
text-decoration:none;}

#safi a:hover{
margin: 0px;
padding: 0px;
color:#000000;
text-align:left;
text-decoration:none;}

/*-----------popup---------------*/
#popup{
width: 100%;
background-color:#708330;
margin: 10px 0 0 0;
padding: 5px 0px;}

#popup ul{
display:inline;
background-color:#708330;
margin: 0px;
padding: 0px;
text-align:center;
font:11px Georgia, "Times New Roman", Times, serif;
color: #ffffff;
text-transform:uppercase;
height: 22px;
width: 720px;}

#popup li{
list-style: none;
display:inline;
margin: 0px;
padding: 0px 15px;
color: #ffffff;
}

#popup a:link, #popup a:visited{
list-style: none;
display:inline;
margin: 0px;
padding: 0px 15px;
color: #ffffff;
text-decoration:none;
}

#popup a:hover{
list-style: none;
display:inline;
margin: 0px;
padding: 0px 15px;
color: #000000;
text-decoration:none;
}