@charset "utf-8";
/* CSS Document */

body {
	font: 100% Georgia, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
        background:#568093 url(../img/blue-texture.jpg);
}
.mainfontsize {
    font-size:90%;
	margin-bottom:1em;
}
img {
    border-style: none;
}
.timestamp {
	color: #999999;
}
p.align {
    text-align:center;
}
a.current, a.current:link, a.current:active, a.current:visited{
        padding:0 2px 2px 2px;
	font-weight:bold;
	color: #403733;
        text-decoration: none;
	background-color:#FFFFFF;
}
a.current:hover {
    color:#403733;
}
a.navlink {
    padding:0 2px 2px 2px;
	font-weight:bold;
	text-decoration: none;
}
a.navlink:link {
    color: #ffffff;
}
a.navlink:visited {
    color: #ffffff;
}
a.navlink:hover {
    color: #568093;
	background-color:#FFFFFF;
}
a.navlink:active {
    color: #403733;
	background-color:#FFFFFF;
}
#wrapper {
	width: 60em;
	margin: 0 auto;
	text-align: left;
}
#wrapper #topbar {
	color: #FFFFFF;
}
#wrapper #topbar .headimg {
	margin: 0;
    padding:0;
    position:relative;
}
.headimg a{
	color: #ffffff;
	text-decoration: none;
    background:url(../img/header_flat.png) left no-repeat;
    height:104px;
    width:225px;
    display:block;
    padding:1em 0 1em 0;
    margin:0;
    font-size:20px;
}
.headtxt {
    padding:70px 415px 0 0;
    margin:0;
    font-size:20px;
    font-weight:bold;
    float:right;
}
#navcontainer {
    background:#403733;
    border-bottom: 1px solid #fff;
    height:38px;
    margin:0 0 1em 0;
    padding:0;
}
#navcontainer #nav ul {
	padding:9px 0 .5em 0;
	margin: 0;
	list-style-type: none;
    width:24em;
    color:#403733;
}
#navcontainer #nav li {
    float:left;
	margin: 0 0.3em;
}
#navcontainer #nav {
    width: 60em;
	margin: 0 auto;
	text-align: left;
}
#wrapper #content {
    position:relative;
	float:left;
    margin:1em 1em 1em 0;
	padding:0 0 2em 0;
	min-height:350px;
	width:59em;
    line-height:22px;
}
#sidebar a:link,#sidebar a:active {
	color:#BBC8C5;
	text-decoration: none;
}
#sidebar a:hover,#sidebar a:visited {
	color:#fff;
	text-decoration: underline;
}
#main a:link,#main a:active {
	color:#403733;
	text-decoration: none;
}
#main p a:link, #main a:active {
        border-bottom: dotted #403733 1px;
}
#main a:visited {
	color:#4F443E;
	text-decoration: none;
}
#main p a:visited {
        border-bottom: dotted #4F443E 1px;
}
#main a:hover {color:#568093;text-decoration: underline}
#main p a:hover {color:#568093;text-decoration:none; border-bottom:#568093 1px dotted;} 
#wrapper #content p {
    font-size:90%;
    color:#403733;
}
#wrapper #content h1, h2, h3, h4, h5, h6 {
    color:#403733;
    margin-top: 0;
}
#wrapper #content #main {
    margin:0 16em 0 0;
	padding:1em;
    background:url(../img/grey-texture.jpg);
    border:3px solid #403733;
}
#wrapper #content #sidebar {
    float:right;
	width:14em;
    padding:1em 0 0 1em;
	text-align:left;
	margin-bottom:40px;
}
#wrapper #footer {
    color:#fff;
	font-size:75%;
	text-align:center;
	margin-bottom:3em;
}
.contact {
    font-size:.75em;
}
.error {
    color:red;
}
.pr_ul li {
    padding-bottom:16px;
}
.hidden {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
.date { background: url(../img/icons/date.png) no-repeat 5px 50%; padding:1px 0 0 25px; }
.cat { background: url(../img/icons/page_white.png) no-repeat 5px 50%; padding:1px 0 0 25px; }
.comments { background: url(../img/icons/comments.png) no-repeat 5px 50%; padding:1px 0 0 25px; }

#comment {
    margin:10px 0;
    padding:5px;
    border-bottom:1px solid #568093 ;
    position:relative;
    background-color:#fff;
}
#comment h2 {
    font-weight:bold;
}
#comment .timestamp {
    color:#666;
    font-size:0.6em;
    padding:0;
    margin:0;
    text-align:right;
}
/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text

-------------------------------------------------------------- */

label       { font-weight: bold; font-size:0.7em; vertical-align:middle}
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus {
  border:1px solid #666;
}

select {margin:0.5em 0}

input.text,
input.title   { width: 250px; padding:5px; margin-right:5px; }
input.title   { font-size:1em; }
textarea      { width: 450px; height: 175px; padding:5px; }

input.submit {
    background-color: #403733;
	display: block;
	width: 110px;
	margin: .5em 0;
	padding: 4px 0px;
	font: bold .9em Arial, Tahoma, sans-serif;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
}

input.submit:hover {
background-color:#634B42;
}
/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .4em; margin-bottom: 1em; border: 2px solid #ddd; font-size:12px;}

.error      { background: #FBE3E4 url(../img/icons/exclamation.png) no-repeat 5px 50%; padding-left:25px; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF url(../img/icons/error.png) no-repeat 5px 50%; padding-left:25px; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2 url(../img/icons/accept.png) no-repeat 5px 50%; padding-left:25px; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Slideviewer CSS
-------------------------------------------------------------- */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0;
margin: 0 auto;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
/*float:left; */
margin: 0 10px 10px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center;
color: #fff; 
text-decoration: none; 
display: block;
width:128px;
height:80px;
border:2px solid #403733;
} 
.stripTransmitter a:hover, a.cur{ 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000;
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}