/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se
Photo credit: Nadia Priestley - http://www.flickr.com/photos/nadiapriestley/
#############################################################*/

/* standard elements */ 
html {min-height: 100%; background: transparent url('/images/bgSand.gif') repeat;} 
* { margin: 0; padding: 0; } 
a {color: #048;} 
a:hover {color: #06C;} 
body { background: transparent url('/images/bgSite.jpg') no-repeat center top; color: #444; font: normal 62.5% Tahoma,sans-serif; padding-top: 44px; } 
p,code,ul {padding-bottom: 1.2em;} 
li {list-style: none;} 

h1 {font: normal 1.8em Georgia; color: #00448f;} 
h2 {font: normal 1.4em Georgia; color: #00448f;} 
h3 {font: bold 1em Tahoma,sans-serif; color: #553;} 
h4 {font: bold 12px Tahoma,sans-serif; color: #553;} 
h4 a {text-decoration: underline;} 
form,input {margin: 0; padding: 0; display: inline;} 
code { background: #FFF; border: 1px solid #EEE; border-left: 6px solid #CCC; color: #666; display: block; font: normal 1em Tahoma,sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } 
blockquote { background: url(/images/quote.gif) no-repeat; display: block; font-weight: bold; padding-left: 28px; } 
h1,h2,h3 {padding-top: 6px; margin-bottom: 4px;} 
hr {margin: 4px 0; padding: 0; border: 0; height: 1px; color: #ccc; background: #ccc;} 


/* misc */ 
.clearer {clear: both; font-size: 0;} 
.left {float: left;} 
.right {float: right;} 


/* structure */ 
.inner-container { border: 1px solid #AF9757; background: #FFF; //opacity:0.8; //filter:alpha(opacity=80); font-size: 1.2em; margin: 0 auto; padding: 10px; width: 780px; } 
.outer-container { padding-bottom: 64px; }


/* header & title */
.header { background: #ccc url('/images/bgHeader.jpg') no-repeat; height: 150px; margin-bottom: 5px; } 
.header .logo {padding: 25px 0 0 2px;} 
.header .logo img {border: 0; } 
.header .logo img a { border: 0;} 

#rightHomepageImage {float:right; width:150px; text-align:right; padding: 0px 0 0 0;} 
.newsDate {font-style: italic;}


/* path */
.breadcrumbs { background: #00448f; color: #FFF; font: normal 1.1em Verdana,sans-serif; padding: 8px 12px; } 
.breadcrumbs a { color: #FAFAFA; text-decoration: underline; } 
.breadcrumbs a:hover { color: #FFE; text-decoration: underline; } 


/* main */ 
.main { background: url(/images/main.gif) repeat-y; border-top: 4px solid #FFF; padding: 8px 12px 0 0; } 


/* content */ 
.content { float: right; width: 508px; margin: 5px 20px 0 20px; } 
.content .descr { color: #664; font-size: 0.9em; margin-bottom: 6px; } 
.content li { list-style: url(/images/li.gif); margin-left: 18px; } 
.content p {font-family: "Lucida Sans Unicode",sans-serif;}


/* navigation */
.navigation { float: left; width: 210px; } 
.navigation h2 { color: #5A5A43; font: bold 1.1em Tahoma,sans-serif; line-height: 30px; margin: 0; padding-left: 12px; } 
.navigation ul { padding: 0; border-top: 1px solid #fff; } 
.navigation li {border-bottom: 1px solid #fff;} 
.navigation li a { font-size: 1.1em; color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; } 
.navigation li a.current { background: #CFBD74; color: #fff; font-weight: bold;} 
.navigation li a.current:hover { background: #CFBD74; color: #fff; font-weight: bold;} 
.navigation li a:hover { background: #CFBD74; color: #fff;}

.latestNews {padding: 10px 0 0 12px; border-bottom: 1px solid #fff;}
.latestNews p {line-height: 18px;}
.latestNews h4 {padding: 0 0 3px 0;}


/* footer */
.footer { background: #00488f; color: #F7F7F2; font: bold 1em sans-serif; margin-top: 5px; padding: 10px 12px; } 
.footer a { color: #F7F7F2; text-decoration: none; } 
.footer a:hover {color: #FFC;}