body {
margin:0; 
padding:0; 
font-family:verdana, arial, sans-serif; 
font-size:80%; 
color:#666666; 
text-align:center;
background-color:#DDDDDD;
}

p {
margin:0.2em 0 1.2em 0; 
padding:0.3em;
}

h1 {
padding:0; 
margin:0;
font-size:250%;
font-weight:normal; 
font-style:italic; 
color:#F79F04; 
font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

h2 {
background-color:#DDDDDD; 
color:#3B4471; 
font-size:100%; 
font-weight:normal; 
margin:0.2em; 
padding:0; 
font-style:italic; 
font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

h3 {
padding:0; 
margin:0;
font-size:100%; 
font-weight:normal; 
font-style:italic; 
text-indent:4em; 
color:#999999;  
font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

div {
margin:0; 
padding:0; 
display:block;
}

a:link, a:visited {
color:#F79F04; 
background-color:#ffffff; 
text-decoration:underline;
}

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

a:active {
color:#2447E9; 
background-color:#ffffff; 
text-decoration:underline;
}

.invisible, .invisible a {
   display: none;
   background: #fff;
   color: #fff;
}

.container {
background-color:#FFFFFF; 
color:#666666;
margin:0 auto 0 auto; 
padding:0; width:40%;
}

.titleblock {
padding:2em; 
margin:0; 
text-align:left;
background-image:url(palette.jpg); 
background-repeat:no-repeat; 
background-position:right center; 
border-bottom:1px solid #999999
}

.titleblock p {
text-indent:4em; 
color:#3B4471;
background-color:#ffffff; 
}

ul.navbar {
list-style-type:none; 
float:left; 
display:block; 
width:100%; 
line-height:1.5em; 
clear:both; 
margin:0; padding:0; 
background-color:#Ffffff;
color:#cccccc;
}

ul.navbar li {
display:inline;
}

a.nav:link, a.nav:visited {
display:block; 
float:left; 
width:24.5%; 
padding:1.2em 0 1.2em 0; 
margin:0; 
text-decoration:none; 
background-color:#999999; 
color:#FFFFFF;
}

a.nav:hover {
display:block; 
float:left; 
width:24.5%; 
padding:1.2em 0 1.2em 0; 
margin:0; 
text-decoration:none; 
background-color:#2447E9; 
color:#FFFFFF;
}

a.nav:active {
display:block; 
float:left; 
width:24.5%; 
padding:1.2em 0 1.2em 0; 
margin:0; 
text-decoration:none; 
background-color:#999999; 
color:#FFFFFF;
}

.rightcontainer {
float:right; 
clear:both; 
width:13em; 
margin:1em 0 0 0; 
padding:0;
}

.rightbox {
margin:0.5em; 
padding:0.5em; 
border:1px solid #999999; 
text-align:left;
}

.rightcontainer h2 {
text-align:left; 
padding:0 0 0 1.5em;
}


.content {
clear:left; 
text-align:left; 
margin:1.2em 13.5em 0 0; 
padding:1em 1ex 1em 1.5ex;
}

.content h2 {text-indent:3em;
}



.footer {
color:#999999; 
background-color:#ffffff; 
font-size:85%; 
margin:2.5em 0.2em 0.5em 0.5em; 
padding:0.8em; 
border-top:1px solid #999999; 
text-align:left; 
clear:both;
}

.footer .right {
float:right; 
clear:right; 
text-align:right;
}

.footer p {margin:0;
}

img {
	border: none;
	float: left;
	padding-right: 0.2em; 
padding-left: 0.2em; 
padding-top: 0.2em; 
padding-bottom: 0.2em
}

.social img {
float: left; 
padding-right: 0.2em; 
padding-left: 0.2em; 
padding-top: 0.2em; 
padding-bottom: 0.2em
}