/*LAYOUT*/

html,body{
margin:0;
padding:0;
background:#333 url(bg3.jpg) repeat-x;
}
body{
font:0.8em 'Trebuchet MS', Verdana, sans-serif;
text-align:center
}
p{
margin:0 10px 10px;
line-height: 1.6em
}
a{
	color:#FFF;
	text-decoration:none;
	border-bottom:4px solid #118fed;
	padding-bottom: 2px;
}
a:hover, a:active{
	color:#118fed;
	text-decoration:none;
	border-bottom:4px solid #FFF;
	padding-bottom: 2px;
}
div#header p{
margin:0;
float:left;
padding-left:10px;
font: 4em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
color: #118fed;
}
div#container{
text-align:left
}
div{
color: #FFF
}
div#content p{
line-height:1.4
}
div#navigation{
background:none
}
div#extra{
background:none
}
div#footer{
background:none;
color: #FFF
}
div#footer p{
	text-align:center;
	margin:0;
	padding:2px 10px;
	line-height:1.8
}

div#container{
width:700px;
margin:0 auto
}
div#navigation{
float:left;
width:300px
}
div#extra{
float:right;
width:350px;
color: #333;
}
div#footer{
clear:both;
width:100%
} 

/*TEXT*/

h1{
font:1.3em "Trebuchet MS", Verdana, sans-serif;
text-align:right;
margin:0;
padding:0;
color: #FFF
}

h2{
font:1.3em "Trebuchet MS", Verdana, sans-serif;
text-align:left;
margin:5px;
padding:5px;
color: #FFF
}

/*IMAGES*/

img {
	padding: 4px ;
	margin:2px;
}

img.border{
	border:1px solid #000;
	background-color:#FFF;
	padding: 4px ;
	margin:2px;
}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	padding: 5px;
	left: -1000px;
	border: 1px solid #FFF;
	visibility: hidden;
	color: #333;
	text-decoration: none;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: -10px; /*position where enlarged image should offset horizontally */
}

/*ROUNDED CORNERS*/

.myBox
{
    margin:10px;
    color: #ffffff;
    width: 99%;
    padding: 2px;
    text-align: left;
    background:#333;
	border: 1px solid #333;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.myBox p
{
    padding: 5px 10px;
}

.myBox a {
	text-decoration:none;
	border-bottom:0
}

.myBox a:hover, a:active{
	text-decoration:none;
	border-bottom:0
}

.redBox
{
    margin:10px;
    color: #ffffff;
    width: 95%;
    padding: 5px;
    text-align: justify;
    background:#da0000;
	border: 1px solid #da0000;
   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.blueBox
{
    margin:10px;
    color: #FFF;
    width: 290px;
    padding: 5px;
    text-align: justify;
	background:#118fed;
	border:0;
	 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

img.portrait{
	float:left;
	position:relative;
	top:5px;
	border:1px solid #000;
	background-color:#FFF;
	padding: 4px ;
	margin-right:9px;
}

.blueBox p
{
    padding-top:10px
}

.blueBox a {
	color:#FFF;
	text-decoration:none;
	border-bottom:4px solid #FFF
}

.blueBox a:hover, a:active{
	color:#FFF;
	text-decoration:none;
	border-bottom:4px solid #262626
}

.netBox
{
    margin:10px;
    color: #ffffff;
    width: 99%;
    padding: 5px;
    text-align: left;
    background:#262626;
	border: 1px solid #333;
   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.netBox a {
	color:#118fed;
	text-decoration:none;
	border-bottom:0;
	font-weight:bold
}

.netBox a:hover, a:active{
	color:#118fed;
	text-decoration:none;
	border-bottom:4px solid #FFF;
	font-weight:bold
}

.netBox li { 
list-style-type: square;
line-height:1.8 
}

.blackSpan {
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	background-color:#333;
	text-align:center
}

.grayBox
{
    margin:10px;
    color: #333;
    width: 98%;
    padding: 5px;
    text-align: center;
    background:#CCC;
	border: 1px solid #CCC;
   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.grayBox p
{
    color: #333;
    text-align:center;
}

img.icons {
	position:relative;
	top:12px
}

.graySpan {
	border-top:2px solid #333;
	border-bottom:1px solid #999;
	background-color:#FFFFCC;
}

.graySpan a {
	color:#118fed;
	text-decoration:none;
	border-bottom:0;
	font-weight:normal
}

.graySpan a:hover, a:active{
	color:#118fed;
	text-decoration:none;
	border-bottom:0;
	font-weight:normal
}

.blackBox
{
    margin:10px;
    color: #ffffff;
    width: 99%;
    padding: 10px 5px;
    text-align: left;
    background: #000;
    border: 1px solid #FFF;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}