/* griff web design & development */

body{
padding:0;
margin:0;
font:76% verdana,tahoma,sans-serif;
background: color:#303030;
}

a{
text-decoration:none;
background-color:inherit;
font-weight:bold;
color:#286ea0;
}

a:hover{
background-color:inherit;
color:#303030;
}

h1{
margin:0;
font-size:3.6em;
letter-spacing:-2px;
text-align:right;
background-color:inherit;
color:#505050;
}

h2{
	margin:5px 0 10px 0;
	font-size:large;
	letter-spacing:-1px;
	font-weight:bold;
}

p{
margin:0 0 15px 0;
line-height:1.3em;
}

img{
float:left;
margin:0 10px 8px 0;
}

#title{
margin:20px auto -9px auto;
width:700px;
}

#container{
margin:0 auto 15px auto;
width:700px;
height: 480px;
padding:10px;
background:#ffffff;
color:#303030;
border:20px solid #505050;
}

#containerPort{
margin:0 auto 15px auto;
width:700px;
height: 1220px;
padding:10px;
background:#ffffff;
color:#303030;
border:20px solid #505050;
}

#sidebar{
float:left;
width:210px;
padding-left:15px; 
}

#main{
width:425px;
float:right;
}

#footer{
clear:both;
}

.menu{
display:block;
width:110px;
padding:4px 2px 4px 10px;
font-size:1.1em;
font-weight:bold;
background-color:inherit;
color:#286ea0;
border:1px solid #ffffff;
}

.menu:hover{
background-color:#f8f8f8;
color:#286ea0;
border:1px solid #dadada;
}

.credits{
margin-bottom:0;
font-size:0.8em;
background-color:inherit;
color:#aaaaaa;
}

.credits a{
background-color:inherit;
color:#aaaaaa;
}