/*
Theme Name: Effervescence
Author: Stephane Angoulvant (modified (badly) by ulfben)
Author URI: http://angoulvant.net/sblog
Version: 0.9
*/
#simpleviewer {   /* the background color for simpleviewer. Leave this line near the front for performance reasons */
    background: #000; /* Normally the same as main2 */
}
/*
This CSS was uses the the Blue and Green Play color scheme. (http://www.colourlovers.com/palette/163062/free_Chocolates)

A comment of "unknown" means I haven't been able to find that effect in use on the site.
*/




/* Main Stuff
------------------------------ */
html {
height: 100%;
margin-bottom: 0.1em;
}
* {
margin: 0;
padding: 0;
}
.aligncenter2 {
margin: 0 auto;
width: 610px;
}
.clearage {
clear: both;
padding: 0;
margin: 0;
}
p { color: #000; }
hr {
clear: both;
height: 0;
border: 0;
border-top: 0px solid #E6E6DF; /*unknown*/
margin: 0 0 12px 0;
padding: 0;
}
img {
border: 0;
}
blockquote {
border-left: 1px dotted #ECEBE1;
margin-left: 20px;
padding-left: 20px;
font-style: italic;
color: #ECEBE1; /*whenever a paragraph is held within blockquote tags.*/
}

#flash {
	height: 675px ;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: white;
	margin-top: -50px;
}
#exif_link, #exif_link a{
	width:100px;
	font-weight:bold;
	color:#000;
}
#imagemetadata {
  text-align: center;
  position: relative;
  color: #355E3B;
  display: none;
}
#imgmetadata_data a {
  color: #355E3B;
}
#imagemetadata_data a:hover {
text-decoration: none;
color: #076a54;
}

#imagemetadata table {
  text-align: left;
  line-height: 1em;
  top: 2em;
  right: 0px;
  background-color: #355E3B;
}

#imagemetadata table td {
  background-color: #C0C0C0;
  padding: 2px 5px;
}

/* Text Styles
------------------------------ */

/* Front Page Title --- */
h1 {
font: normal 20px Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, serif;
letter-spacing: -2px;
}
#logo h1 a{ 
color: #C0C0C0;
font: bold 30px Monotype Corsiva, Apple Chancery, Zaph Chancery, Comic Sans, cursive, serif;
}
h1 a:hover {
border: none;
}
* html h1 a {
height:35px;
//he\ight:0px; 
height:0px;
}
h1 a{ 
height:0px;
}

/* Image Page Title  --- */
#logo2 h1 a{ 
color: #C0C0C0;
font: bold 30px Monotype Corsiva, Apple Chancery, Zaph Chancery, Comic Sans, cursive, serif;
}

h2 {
color: #ECEBE1; /*unknown*/
font: bold 23px Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, serif;
display: inline;
letter-spacing: -1px;
}
h2 a          {
color:  #ECEBE1; /*unknown*/
text-decoration: none;
font-weight: bold;
border: none;
}
h2 a:hover {
color: #a3ad93; /*unknown*/
font-weight: bold;
border: none;
}

/* Album Nav */
.albnav {
float: right;
width: 140px;
text-align: center;
}
.albnav .albprevious a, .albnav .albnext a {
display: block;
width: 50%;
height: 100%;
float: left;
font-size: 120%;
text-decoration: none;
font-weight: bold;
line-height: 200%;
color: #ECEBE1; /*prev / next in subalbums */
}
.albnav .albprevious a:hover, .albnav .albnext a:hover {
text-decoration: none;
font-weight: bold;
color: #000000; /*prev / next hover in subalbum*/
}
.albnav .albprevious a {
float: left;
font-weight: bold;
}
.albnav .albnext a {
float: right;
font-weight: bold;
}
.albnav .albdisabledlink {
display: block;
width: 50%;
height: 100%;
float: left;
font-size: 120%;
text-decoration: none;
font-weight: bold;
line-height: 200%;
color:  #355E3B; /*disabled prev/next links i subalbums (upper part of the screen)*/
cursor: default;
}

/* Intro Text  --- */
h3 {
color: #ECEBE1; /*textcolor in comment header ("X Comments") */
font: normal 17px Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-align: left;
font-weight: bold;
margin-left: 10px;
}
#navbar h3 {
margin-left: 10px;
text-align: justify;
}
h3 a {
color: #000000;
border: none;
font-weight: bold;
}
h3 a:hover {
color: #000000;
border: none;
font-weight: bold;
}

/* Gallery Titles  --- */
h4 {
text-align: center;
font: 11px/20px Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-weight: normal;
color: #a4a4a4; /*unknown*/
}
h4 a {
color: #a4a4a4; /*album titles in thumbview*/
border: none;
font-weight: normal;
}
h4 a:hover {
color: #000000; /*album titles in thumbview on mouse over*/
border: none;
font-weight: normal;
}
/* Comment Authors  --- */
.commentinfo h4 {
font: 14px/22px Arial, Helvetica, Tahoma, Verdana, sans-serif;
color: #ECEBE1; /*the author name*/
}
.commentinfo h4 a {
color: #ECEBE1; /*author name if they've given a link to their homepage*/
border: none;
font-style: normal; 
font-weight: bold;
}
.commentinfo h4 a:hover {
color: #000000; /*... master of the obvious.*/
border: none;
font-weight: bold;
}
.commentinfo a {
color: #ECEBE1; /*links in commentingo (EDIT-link)*/
border: none;
font-style: normal; 
font-weight: bold;
}

/* Links  --- */
a {
color: #ECEBE1; /*the current pagination link */
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #000000;
text-decoration: none;
font-weight: bold;
}
.disabledlink {
color: #000;  /* #7C9480; to hide disabled links in the backgroundcolor... */
cursor: default;
font-weight: bold;
}
#navbar a {
color: #666666;
}
#navbar a:hover {
color: #000000; background:white;
}
#main2 #navbar a { /*Same as navbar a, but in single-image view.*/
    color: #000000;
}
#main2 #navbar a:hover {
color: #000000;
}
#description a:hover {
    color: #FFFFFF;
text-decoration: underline;
}
#main2 #description a {
color: #666666;
}
#main2 #description a:hover {
color: #000000;
}
.commenttext a {
color: #666666;
cursor: pointer;
}
.commenttext a:hover {
color: #000000;
text-decoration: underline;
}

/* Main Layout
------------------------------ */
body {
font: 14px/22px Arial, Helvetica, Tahoma, Verdana, sans-serif;
color: #a0a0a0;
background: #ffffff; /*body background*/
text-align: left;
margin: 0 auto 0 auto;
}
#content {
background: transparent; /*color around the main div in index.*/
}
#main {
background: transparent; /*div around thumbs in index*/
text-align: left;
width: 630px;
margin: 0 auto 0 auto;
padding-bottom: 10px;
}
#subcontent {
background: white; width:810px;margin: 0 auto;/*around the main div in sub-albums.*/
margin-bottom: 5px;
}
#submain {
background: white; /*div around thumbs in subalbums.*/
text-align: left;
width: 630px;
margin: 0 auto 0 auto;
padding-bottom: 10px;
}
#main2 {
    background: #ffffff; /*div in single-image view.*/
    text-align: left;
	padding-bottom: 30px;
}
#main3 {
margin: 0 auto 0 auto;
padding: 10px 20px 20px 20px;
background: #355E3B; /*background around comment area */
}
#main4 {
    margin: 0 auto 0 auto;
	padding-left: 20px;
	padding-right: 20px;	
	background: transparent; /*page background in single-image view.*/
	color: #FFFCDB;
}
#header {
}
#galleryheader {
}
#gallerytitle {
}
#description {
color: #ECEBE1; /*text color for descriptions*/
text-align: justify;
padding: 7px 7px;
margin: 0px auto 0px auto;
width: 620px;
}
#main2 #description {
margin: 0 auto 0 auto;
text-align: justify;
color: #ECEBE1; /* unknown */
}
#pagenumbers {
text-align: center;
margin: 0 auto 20px auto;
color: #000;
}
#images {
padding: 25px 0 0 10px;
}

/* Comment Form
------------------------------ */
#commentbox {
	width: 650px;
	margin: 0 auto;
    color: #ECEBE1; /*textbox labels*/
	font-size: 12px;
}
#commentform {
margin-top: 10px;
}
#commentbox input {
font: 12px/22px Arial, Helvetica, Tahoma, Verdana, sans-serif;
background: #fafaf9; /*Color of textbox when unfocused*/
border-top: 1px solid #355E3B;
border-left: 1px solid #355E3B;
border-right: 1px solid #355E3B;
border-bottom: 1px solid #355E3B;
padding: 2px;
color: #333333; /*Color of text in textbox*/
}
#commentbox input:focus {
background: #FFFFFF;  /*Color of textbox when focused*/
}
#commentbox textarea {
font: 12px/16px Arial, Helvetica, Tahoma, Verdana, sans-serif;
background: #fafaf9; /*Color of textarea when unfocused*/
border-top: 1px solid #355E3B;
border-left: 1px solid #355E3B;
border-right: 1px solid #355E3B;
border-bottom: 1px solid #000080;
color: #333333; /*textcolor when writing a comment*/
margin: 5px 0 5px 0;
padding: 3px;
width: 600px;
}
#commentbox textarea:focus {
background: #FFFFFF; /*Color of textarea when focused*/
}


/* Page Navigation
------------------------------ */
#navbar {
padding: 4px 7px;
margin: 0 auto 0px auto;
width: 620px;
color: #666666; /*text in bread-crumb navigato. (last node and the pipes)*/
}
#randomhead {
	padding: 0;
	margin: 0 auto 14px auto;
	width: 630px;
	border: none;
	line-height: 0px;
	background: #fff;
}
#randomhead img {
	border: 6px solid #789048;
}
#wrapnav {
background: #ffffff;  /*nav bar in single-image.*/
margin-bottom: 30px;
}

#header #wrapnav {
background: #ffffff; /*navbar in subdirs.*/
margin-bottom: 0px;
}

#main2 #navbar {
padding: 4px 7px;
border: none;
margin: 0 auto 0 auto;
width: 620px;
color: #000000; /*text in navbar in single-image, only the last node.*/
}

#randomhead {
padding: 0;
margin: 0 auto 14px auto;
width: 630px;
border: none;
line-height: 0px;
background: #fff; /*only visible while the image is loading*/

/*If you wan't the borders of my gallery thumbs, for the random image too
border-top: 2px solid #fbefdb;
border-left: 2px solid #fbefdb;
border-right: 2px solid #5c6c83;
border-bottom: 2px solid #5c6c83; 
} 

If you want it to behave like a button
#randomhead:hover {
border-top: 2px solid #355E3B;
border-left: 2px solid #355E3B;
border-right: 2px solid #000080;
border-bottom: 2px solid #000080;*/
}

#randomhead img {
border: 8px solid #a4a4a4;
}

ul.pagelist { 
clear: both;
padding: 0;
margin: 20px 0 0 0;
list-style-type: none;
}
ul.pagelist li {
display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
padding: 4px;
}
ul.pagelist li.current a {
color: #000 ; /*denotes the current page were on (1..5 etc) (I'm hiding it in the background)*/
}
ul.pagelist li.prev {
margin-right: 10px;

}
ul.pagelist li.next {
margin-left: 10px;
}
.pagenav {
clear: both;
}


/* AJAX
------------------------------ */
#albumDescEditable:hover {
 background: #67678B; /*unknown*/
}
#imageDescEditable:hover {
 background: #12a081; /*unknown*/
}


/* Image Thumbnails
------------------------------ */
.imagethumb a {
border: 1px solid #333;
display: block;
padding: 4px;
margin: 8px;
background: #000;
line-height: 0px;
}
.imagethumb a:visited {
border: 1px solid #333; 
background: #fff;
}
.imagethumb a:hover {
border: 1px solid #a4a4a4;
background: #000;
}
#albums li:hover h4 a {
color: #000000; //albumnamnen, när du hovrar.
}
.imagethumb {
float: left;
}
#albums .imagethumb {
float: none;
}
#randomhead .imagethumb {
float: none;
}

/* Album Thumbnails
------------------------------ */
#albums {
padding: 0px 0 0px 0;
margin: 0 auto;}
#albums li {
float: left; margin: 0 30px 0px 30px; _margin: 0 20px 0 20px;
padding: 0;
border: 0px solid red;
list-style: none; 
}


/* Individual Image
------------------------------ */
.imgwrap {
	width: 615px;
	margin:0 auto;
	padding-left: 2em;
	padding-right: 2em
}
.imgwrap ul {
   text-align: center;
   margin-left: 0;
   margin-rignt: 0;
   padding: 0;
   list-style-type: none;
}
.imgwrap li {
   margin: 0;
   padding: 0;
   float: left;
   text-align: center;
   width: 50%
}
    
.image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	width: 615px;
	margin: 0 auto;
}
#image_container {
	text-align: center;
	border: 2px solid #ECEBE1;
	padding: 7px;
	background: #fff;
	margin-bottom: 10px;
}
.imgnav {
	float: right;
	width: 140px;
	text-align: center;
}
.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	font-size: 120%;
	text-decoration: none;
	line-height: 200%;
	color: #fbefdb; /*header next/prev in single-image view.*/
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	text-decoration: none;
	color: #000000; /*header next/prev i single-image view, mouse over.*/
}  
.imgnav .imgprevious a{
	float: left;
}
.imgnav .imgnext a {
	float: right;
}
.imgnav .imgdisabledlink {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	font-size: 120%;
	text-decoration: none;
	line-height: 200%;
	color: #7C9480; /*disabled next/prev in single image view*/
}


/* Bottom Separator
------------------------------ */
#bottomheadings {
	background: #67678B;/* background for commentheader (where it says "X Comments")*/
	height: 40px;
}

.bottomfull {
	padding: 10px 10px 0 10px;
	margin: 0 auto;
	width: 610px;
}


/* Comments 
------------------------------ */
#comments {
	clear: both;
	display: block;
	margin: 0 auto; 
	width: 650px; 
	text-align: left;
}
.error { 
	color: #950b42;  /*Error message when a visitor forgets a field.*/
	font-weight: bold; 
}
.comment {
	margin-bottom: 20px;
}
.commentinfo h4 {
	display: inline;
	font-style: italic;
	font-weight: bold;
}
.commentinfo {
	color: #ECEBE1; /*datum of a comment*/
	font-style: italic;
	border-bottom: 1px solid #355E3B;  /*seperator between comment info and comment text.*/
	padding: 5px 0 3px 0;
}
.commenttext {
margin-top: 5px;
padding: 0 5px;
color: #ECEBE1; /*comment text color*/
}


/* Forms
------------------------------ */
.checkbox {
cursor: pointer;
}
.pushbutton {
cursor: pointer;
padding: 5px 10px;
}


/* Footer
------------------------------------ */
.footlinks {
color: #fbefdb;
font-size: 11px;
text-align: center;
padding: 4px 0;
clear: both;
}
.footlinks a {
color: #b1aea7;
border-bottom: 1px dotted #fbefdb;
}
.footlinks a:hover {
color: #000000;
border-bottom: 1px dotted #fff;
}
/* Error Messages
------------------------------ */
.errorbox {
	padding: 20px;
	background-color: #FDD;
	border-top: 1px solid #FAA;
	border-left: 1px solid #FAA;
	border-right: 1px solid #FAA;
	border-bottom: 5px solid #FAA;
	margin-bottom: 10px;
	font-size: 100%;
	color: #DD6666;
}
.errorbox h2 {
	color: #DD6666;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
}
#map{
	width: 595px;
	margin: 0 auto;
}
/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position:fixed;
	right:0;
	top:0;
	border-left: 1px solid #E6E6DF;
	border-bottom: 1px solid #E6E6DF;
	background: #355E3B;
	width:120px;
}
#admin_data{
	top:20px;
}
#admin h3 {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ccc;
	border-bottom: 1px dashed #E6E6DF;
	margin:0;
	padding:0;
}

/* Search Box
------------------------------ */
#search {
	float: right;
	width: 170px;
	text-align: center;
	margin-top: 26px;
	_margin-top: 24px; /* IE Only */
}
#search input.pushbutton {
  padding: 1px;
  font-size: 80%;
}
#search ul {
  position:absolute;
  text-align: left;
  width:20px;
  margin:0px;
  padding:2px;
  list-style:none;
}
#search ul .item {
  display:none;
}
#search ul:hover .item {
  display:block;
  padding:1px;
  margin:0px;
}
#search li {
width:150px;
}
.clear {
  clear:both;
  height:10px;
}

/* Archive View
---------------------------- */
#archive{
	text-align: center;
}
#archive p {
	padding:10px 0;
	margin:20px 0;
	background: #67678B; 
	font-size: 18px;
}
ul.archive {
	padding:0;
	list-style:none;
	width:300px;
	margin: 0 auto;
}
ul.archive #year {
	text-align: center;
	margin-bottom:5px;
	font-weight:bold;
	font-size:18px;
	color: #67678b;
}
ul.archive #month {
	font-size: 14px;
	list-style:none;
	border-top:2px solid white;
	padding-top: 5px;
}
#tag_cloud {
	text-align: center;
	padding-bottom: 5px;
}
#tag_cloud p {
	padding:10px 0;
	margin:20px 0;
	background: #67678B; 
	font-size: 18px;
	text-align: center;
}
/* NAV */
     div#nav {
        position: absolute;
        top: 101px;
	_top: 56px;
        left: 0;
        width: 100%;
        
        text-align: left;
    }
    div#nav {
        font-size: 0.8em;
    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
	border: 0px solid white;
    }
    div#nav ul {
        width: 100%;
                
        margin: 0;
        padding: 0;
        
        line-height: 1em;
        list-style: none;
    }
    div#nav li {
        float: right;
        display: inline;
        
        margin: 0;
        padding: 0;
        
        list-style: none;
        
        line-height: 1em;
        border-right: 0px solid #aaa;
    }
    div#nav li.last {
        border-right: none;
    }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        
    }
    div#nav a:hover {
        text-decoration: none;
	color: #000000;
    }
    div#nav strong {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
        color: white;
        background: black;
    }
    div#nav strong a,
    div#nav strong a:link,
    div#nav strong a:active,
    div#nav strong a:visited,
    div#nav strong a:hover {
       color: #000000;
       background-color: black;
    }

#rollover a {
display:block;
width: 40px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("../i/home.png") 0 0 no-repeat;
text-decoration: none;
}
#rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
a.menu { display:block; height:20px; width: 75px; overflow:hidden; background: url(../i/home.png);
		azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
); }

a.menu:hover { display:block; background-position: center right; background: url(../i/homeov.png);
		azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
); }


a.menu2 { display:block; height:20px; width: 75px; overflow:hidden; background: url(../i/about.png); 
		azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);}

a.menu2:hover { display:block; background-position: center right; background: url(../i/aboutov.png); 
		 azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);}

a.menu3 { display:block; height:20px; width: 75px; overflow:hidden; background: url(../i/gallery.png);
	azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
); }

a.menu3:hover { display:block; background-position: center right; background: url(../i/galleryov.png);
	azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
); }

a.menu4 { display:block; height:20px; width: 75px; overflow:hidden; background: url(../i/contact.png); 
	azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);}

a.menu4:hover { display:block; background-position: center right; background: url(../i/contactov.png);
	azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
); }
/* END NAV */

div#innerhead {
	    width: 800px;
	    margin: 0 auto;
	}
        div#branding {
            float: left;
            width: 80%;
            border: 0px solid red;
            margin:0;
	    margin-top:40px;
            padding: 70px 0 0px 0px;
	    _margin-top: 50px;
            text-align: left;
	    background: url(../i/name.png);
	    background-repeat: no-repeat;
	    background-position: bottom left;
	     azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
        }

  /* FOOTER */
        
.foot { margin: 0;
	margin-top: 10px;
            padding: 15px;
            text-align: center;
            font-size: 0.8em;
	    color: #777;
	    font-family: tahoma;
	    line-height: 16px;
	    letter-spacing: .3px;
        }

div#footer {
            color: white;
            background-color: black;
	    padding:20px 0 20px 0;
	    text-align:left;
	    height:170px;
        }
	div#footerwrap {
	    width: 810px;
	    margin: 0 auto;
	    display: block;	
	}
	div#footerleft {
	    float:left;
	    width: 380px;
	    background: url(../i/footleftbg.jpg);
	    background-repeat: no-repeat:
	    background-position: center right;
            padding-bottom: 15px;
	    display: inline;
	}
	div#footerright {
	    float: right;
	    width: 380px;
	    display: inline;
	    background: url(../i/footrightbg.jpg);
	    background-repeat: no-repeat:
	    background-position: center right;
            padding-bottom: 15px;
	}
        div#footer p {
            margin: 0;
            line-height: 17px;
	    padding-left: 0;
            text-align: left;
            font-size: 11px;
        }
	div#footerbottom {
	   width: 100%;
	   margin: 0 auto;
	   background:#111;
	   
	   text-align: center;
	   }
	div#footerbottom p {
            margin: 0;
            line-height: 17px;
	    padding: 15px 0 0 0;
            text-align: center;
            font-size: 11px;
	    color: #555;
        }
    /* END FOOTER */


 body {
        margin: 0;
        padding: 0;
              
        text-align: center;
        
        background: #111;	
	border-top: 5px solid black;
    }
    div#page {
        width: 100%;
        
        margin:  0 auto;
        padding: 0;
        
        text-align: center;
        
        background: white;
    }
    
    /* HEADER */
	div#headwrap {
	    width: 810px;
	    margin: 0 auto;
	    text-align: center;
	    border:0;
	}
        div#header1 {
            margin: 0 0 15px 0;
            padding: 10px 20px 0px 20px;
            
            color: white;
            background: white;
            border-bottom: 1px solid #ccc;
            text-align: left;
        }
        div#branding {
            float: left;
            width: 40%;
            
            margin: 0;
            padding: 10px 0 10px 20px;
            _padding: 10px 0 0px 20px;
           
            text-align: left;
        }
        div#search {
            float: right;
            width: 49%;
            
            margin: 0;
            padding: 16px 20px 0 0;
            
            text-align: right;
        }
    /* END HEADER */
     body {
        text-align: left;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 76%;
        line-height: 1em;
        
        color: #333;
    }
    div {
        font-size: 1em;
    }
    img {
        border: 0;
    }
    
/* LINKS */
    a,
    a:link,
    a:active {
        text-decoration: underline;
        outline: none;
        color: #00779f;
        background-color: transparent;
    }
    a:visited {
        color: #00779f;
        background-color: transparent;
    }
    a:hover {
        text-decoration: none;
        
        color: white;
        background-color: black;
    }
/* END LINKS */
    
/* HEADINGS */
    h1 {
        margin: 0 0 0.5em 0;
        padding: 0;
        
        font-size: 2em;
        line-height: 1.5em;
        
        color: black;
    }
    h2 {
        margin: 0 0 0.5em 0;
        padding: 0;
        font-weight:normal;
        font-size: 18px;
        line-height: 22px;
        font-family: georgia;
        color: #808080;
	text-transform: uppercase;
	letter-spacing: 1px;
    }
    h3 {
        margin: 0 0 0.5em 0;
        padding:0;
        
        font-size: 1.3em;
        line-height: 1.3em;
        
        color: black;
    }
    h4 {
        margin: 0 0 1.5em 0;
        padding: 0;
        color: #808080;
        font-size: 1em;
        line-height:1.4em;
    }
    h5 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1.1em;
        line-height: 1.3em;
        
        color: black;
    }
    h6 {
        margin: 0 0 15px 0;
        padding: 0;
        font-family: verdana;
        color: #808080;
	text-transform: uppercase;
	letter-spacing: 1px;
        font-size:14px;
	line-height: 18px;
        color: #808080;
    }
/* END HEADINGS */

/* TEXT */
    p {
        margin: 0 0 1.5em 0;
        padding: 0;
        color: #808080;
        font-size: 1em;
        line-height:1.4em;
    }
      div#content {
        position: relative;
        width: 810px;
        
        margin: 0 auto 20px auto;
        padding: 0;
        
        text-align: left;
    }
    div#main {
        float: left;
        width: 800px;
        display: inline;
	margin: 0 auto;
	margin-bottom: 100px;
    }
 div#nav {
        font-size: 0.8em;
    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border:0;
	_top:5px;
    }
    div#nav ul {
        width: 800px;
        border-top:0px solid #ccc;        
        margin: 0 auto;
        padding: 0;
        border:0;
        line-height: 1em;
        list-style: none;
    }
    div#nav li {
        float: right;
        display: inline;
        
        margin: 0;
        padding: 0;
        
        list-style: none;
        
        line-height: 1em;
        border-right: 0px solid #aaa;
    }
    div#nav li.last {
        border-right: none;
    }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
        margin: 0;
        padding: 5px 15px 5px 15px;
        
        font-weight: bold;
        text-decoration: none;
        font-size:14px;
        color: #878787;
        background: #fff;
    }
    div#nav a:hover {
        text-decoration: underline;
    }
    div#nav strong {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        
        color: white;
        background: black;
    }

    div#nav a .home {background: url(../i/home.jpg);}


    div#nav strong a,
    div#nav strong a:link,
    div#nav strong a:active,
    div#nav strong a:visited,
    div#nav strong a:hover {
       color: white;
       background-color: black;
    }
div#nav {
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        text-align: right;
	
    }
div#flash { border: 0px solid black; background:transparent; height: 500px;}

hr {
  border: 0;
}





  
ul#nav, ul#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: white;
}

ul#nav ul {
  border: 0px solid #999;
  background-color: transparent;
  display: none;
  position: absolute;
  z-index: 9;
  background: white;
}

ul#nav li {
  display: inline;
  float: left;
  text-indent: 0px;
  margin: 0 12px 0 12px;
  _margin: 0 7px 0 7px;
 float:right;
}

ul#nav ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 2px;
  background: white;
}

ul#nav ul li a:hover {
  background: white;
  color: #fff;
}

ul#nav li ul {
  border-bottom: 0px solid #999;
  background-color: transparent;
  display: none;
  position: absolute;
  z-index: 9;
  background: white;
}

ul#nav li ul li {
  display: inline;
  float: left;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
  background: white;
}

ul#nav li ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  padding: 2px;
  border-bottom: 0px solid #fff;
  background: white;
}

ul#nav li ul li a:hover {
  background: transparent;
  color: #fff;
  border-bottom: 0px dashed #ccc;
  background: white;
}

ul#nav li li {
  display: block;
  float: none;
  background: white;
}

div#nav1 { position: absolute;
        top: -44px;
        left: 0;
        width: 100%;
        
        text-align: left;}

div#nav2 { position: absolute;
        top: -56px;
        left: 0;
        width: 100%;
        border:0;
        text-align: left;}
hr { height: 1px;
border-style: none;
color: #ffffff;
background-color: #ffffff; }