/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOMEPAGE 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper
{
	    margin-left: auto;
    margin-right: auto;
    width: 800px;
}


#homepagetitle
{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    background-color :#003219;
    position: relative;
    
    border-top: white 1px solid;
    border-right: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 0px solid;
    height: 130px;
}

#homepageLogoContainer
{
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #003319;
    position: absolute;
    left: 370px;
    width: 415px;
    height: 88px;
}

#hplanguagescontainer
{
    margin-top:55px;
    margin-left: auto;
    margin-right: auto;
    background-color: #003319;
    position: absolute;
    left: 40px;    
    height : 90px;
    text-align: left;
    color:White ;
    font-size: 11px;
    font-weight:bold;
    font-family:  arial, helvetica, sans-serif;
   
}

.hpContentContainer
{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    width: 800px;
    height:470px;
   
    position: relative;
    border-right: white 1px solid;
    border-bottom: white 1px solid;
    border-left: white 1px solid; 
    border-top: white 1px solid;   
    background-color: #4a7625;
    background :#4a7625;
    
}

.hpContentMain
{
    margin-top: 0px;
    width: 635px;
    float:right;
    border-left: white 1px solid; 
    position:  relative  ;
    
}

.hpContentSide
{margin-top: 0px;
    position: absolute  ;
	background-color: #4a7625;
	width:165px;
	float:left;
	height:inherit ;
	
	}

.hpleftmenu
{
    margin-top: 56px;
    margin-left: 40px;
    text-align: left;
    color:White ;
    font-size: 11px;
    font-weight:bold;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #4a7625;
   
}




.hpnavbar
{
    
    text-indent : 30px;
    vertical-align:  text-bottom ;
    font-size: 15px;
    color: #ffffff;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight:bold ;
    background-color: #4a7625;
    width: 100%;
    height: 28px;
     
         
}



a:link
{
    color : #ffffff;
    text-decoration: none;
}

a:hover
{
    color : #ffffff;
    text-decoration: none;
}

a:visited
{
    color : #ffffff;
    text-decoration: none;
}

a:active
{
    color : #ffffff;
    text-decoration: none;
}

body {
	background-color: #003319;
	
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

img {
	border-width: 0;
}