html,
body {
    margin: 0px;
    padding: 0px;
    background-image: url("background.png");
} 
#sitecontainer {
    
}

#sitewrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;   	
	width: 960px;
}

@media screen and (max-width: 960px){
	#sitewrapper {
		width: auto;		
	}		
	#leftbox{
		margin-bottom: 20px;
	}
}

#header {
    height: 50px;
    width: 940px;
}


#leftbox {
    background-color: #000066;
    float: left;
    height: 420px;
    padding: 20px;
    width: 420px;
    position: relative;
	margin-right: 20px;
}

#leftbox #logo{
    position: absolute;
    width: 200px;
    height: 100px;
}

#leftbox #logo  p {
	margin-top: 0px;
	margin-bottom: 0px;
}

#leftbox #socialmedia{
 position: absolute;
 top: 390px;
 width: 410px;
}

.navigation{
	padding-top: 75px;
}

.navigation a {
    color:white;
    text-decoration: none;
}

.navigation ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

.navigation ul li {
    display: inline;
    padding-right: 5px;
}

#rightbox {
    background-color: #999999;
    float: left;
    height: 420px;
    overflow: auto;
    padding: 20px;
    width: 420px;
    position: relative;
}

#rightbox img#boxfill {
	position: absolute;
	width: 460px;
	height: 460px;
	left: 0px;
	top: 0px;
}

#footer {
    clear: both;
    height: 50px;
    width: 940px;
}


a.morelink, a.morelink:hover {
    border: 1px dotted black;
    color: #000066 !important;
    float: right;
    font-size: 11px;
    height: 15px;
    line-height: 13px;
    margin-top: 3px;
    text-align: center;
    text-decoration: none !important;
    width: 120px;
}

/* Contact form */


form#contactform {
    width: 100%;
}

form#contactform p {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}

form#contactform label {
    display: inline;
    font-size: 10px;
    line-height: 13px;
    width: 91px;
}

form#contactform input, form#contactform select {
    border: 1px dotted black;
    float: right;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 302px;
    font-family: Century Gothic;
    font-size: 11px;
}

form#contactform select {
    font-size: 11px;
    height: 19px;
    width: 304px;
}

form#contactform textarea {
    border: 1px dotted black;
    float: right;
    height: 100px;
    width: 298px;
    font-family: Century Gothic;
    font-size: 11px;
}

form#contactform .validation-advice {
    background-color: transparent !important;
    color: #FFFFFF;
    font-weight: normal;
    height: 20px;
    left: 155px;
    padding: 0 !important;
    position: absolute;
    text-align: right;
    top: 2px;
    width: 250px;
}

form#contactform input.validation-failed {
    background-color: #FF3300;
}

form#contactform .g-recaptcha {
  float: right;
  padding-top: 10px;
  padding-bottom: 5px;
}


/* Tag cloud */

#tags ul{
	margin:1em 0;
	padding:.5em 10px;
	text-align:center;
	line-height: 30px;
	}
#tags li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	}
#tags li a{
	text-decoration:none;
	color:#fff;
	padding:0 5px;	
	}
#tags li a:hover{		
	color:  #CCC;
	}		

.layout_phibusLayout1{font-size:14.4pt; font-weight: bold;}
.layout_phibusLayout2{font-size:16.4pt;}
.layout_phibusLayout3{font-size:18.2pt; font-weight: bold;}
.layout_phibusLayout4{font-size:19.4pt;}
	

/* Login */


.loginscreen {  
    width: 390px !important;
}

#loginForm fieldset.xwikimessage table.xwikilogintable {   
    width: 365px !important;
}