/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
	margin:2em;
	padding:0;
	height:100%;
	background: url(images/background.jpg) repeat-x #ffffff;
	color:#000000;  
	text-align:center;
	font-family: arial, tahoma, Helvetica, sans-serif ;
	font-size:.9em;
}


/* Following used to hide display of temporary design objects */
#hideme {
	display: none;		/* Hides and removes the space taken by the object */
	visibility: collapse;	/* Hides but keeps space of object */
	position:relative;
}

#deleteme {
	display: none;		/* Hides and removes the space taken by the object */
	visibility: collapse;	/* Hides but keeps space of object */
	position:relative;
}

.minitext
{
	font-size:.75em;
}

a {
	color:#cc0000;
	text-decoration:underline;
}

a:hover {
	color:#ff3300;
	text-decoration:none;
}

blockquote {
	margin:1em;
	padding:.5em;
	background-color:#eeeeee;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

blockquote p {
	margin:.2em;
}

code {
	margin:1em;
	padding:.5em;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	text-align:center;
}

#centerColumn { 	
	margin:0 auto;
	padding:1em;
	width:45em;
	text-align:left;
	vertical-align: middle;	
	background:  url(images/content-bkgrnd700lt.png) left center no-repeat #ffffff;
	border:0px solid #999999;
}

#centerColumn h2 {
	margin:0 0 -.5em 0;
	padding:.75em 0 0 0;
	font-size:1em;
	letter-spacing:.1em;
}

#header {
	margin:-1em -1em 0 -1em;
	padding:0 0 0 0;
	background: url(images/header700.png) no-repeat right bottom #588cb4;
	font-family: "arial narrow", arial, tahoma, Helvetica, sans-serif ;
}

#header h1 {
	margin:0 0 0 0;
	padding: .5em 0 0 .25em;
	font-size: 3.5em;
	color: white;
	font-weight: lighter;
}

#header h2 {
	margin:0 0 0 0;
	padding: 0 0 0 2.5em;
	font-size: 1.5em;
	font-weight: lighter;
	letter-spacing:.01em;
}


/* top navigation bar */

/* original version
#nav {
	margin:0 0 1em 0;
	padding:.4em 0 0 0;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	margin:0;
	padding:.25em;
	display:inline;
}
*/


.topnav {
    position:relative;
    clear:both;
    width:568px;
    height:21px;
    margin:0 0 .5em 2em;
    padding:0 0 0 0;
    background:#cccccc;
    font-size:.8em;
    border-top:1px solid #cccccc;
    /*
    border-top:1px solid #9EB874;
    border-right:1px solid #cccccc;
    */
}

#nav ul{
padding:0 0 0 0;
margin:0 0 0 0;
white-space: nowrap;
color:#ffffff;
width:100%;
background:#ffffff url(images/topnav_bg_grey.gif);
list-style:none;
font-size:1.1em;
border-left:1px solid #cccccc;
/*
float:left;
*/
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: 0 0 0 0;
background:#ffffff url(images/topnav_bg_grey.gif);
color: #000000;
text-decoration:none;
border-right:1px solid #cccccc;
padding: 0em .8em .3em .8em;
float: left;
/*
padding: .25em 2em .3em 2em;
*/
}

#nav ul li a:hover{
background:#9EB874 url(images/topnav_bg_green.gif);
color: #ffffff;
text-decoration:none;
border-right:1px solid #cccccc;
/*
border-left:1px solid #cccccc;
*/
}




#bekapicture {
	float: right;
	/*border: 1px solid #999999;*/
}

#map {
	/*
	border:1px solid #999999;
	*/
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
	width: 397px; 
	height: 262px;
}

#map a {
	color: black;
	text-decoration:none;
}

#footer {
	position:relative;
	bottom:0;
	margin:3em 0 0 0;
	padding:0;
	height:4em;
	line-height:4em;
	text-align:center;
	font-size:.75em;
	background-color:#ffffff;
	border-top:1px solid #999999;
}

#standards {
	position:relative;
	bottom:0;
	margin:2em 0 0 0;
	text-align:center;
	font-size:.55em;
	background-color:#ffffff;
}

#standards a {
	text-decoration:none;
}

.noAnchorUnderline
{
	text-decoration:none;
}


p.special, p.specialsmall {
	color: #cc0000;
	text-align: center;
}

p.special {
	font-size: 1.3em;
}

p.specialsmall {
	font-size: 1em;
}