/* CSS Document */
body {
	background:url(images/body_bg.jpg) top center repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-size: 83%;
}

/*
	=paragraphs
********************************************************/
#content p {margin:12px;}

#footer p {
	margin:0 0.2em 0 0.2em;;
	padding:0;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

/*
	=headings
*********************************************************/
h1,h2,h3{padding:0;margin: 0 0 0 10px; line-height:1.1em;}
h3 {margin-top:5px; font-size:1.1em;color:#68A7D2;}

#content h1 {
	color:#003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}

#content h2 {
	color:#333;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin-top:0.2em;
}

#top_main h2 {
	color:#003399;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin-top:0.2em;
}


/*
	=lists
*****************************************/

#navigation ul, #topnavigation ul{
	list-style: none;
	padding:0;
	margin: 0 0 0 0.2em;
}

#navigation ul li, #topnavigation ul li {
	display: inline;
	margin:0;
	padding:0;
}

#content ul li {margin:8px 12px 8px 0;}

#content ol li {margin:8px 12px 8px 0;}

/*
	=tables
***************************************************/

#photoGallery table {width: 740px; background-color:#fff; text-align:center;}

#photoGallery table th {text-align:left;}

/*
	=links
******************************************/
#navigation a, #topnavigation a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

#navigation a:link, #topnavigation a:link {color:#fff;}

#navigation a:hover, #navigation a:active, #topnavigation a:hover, #topnavigation a:active {color:#FFCC00;}

#content a {font-weight:bold;}

#content a:link, #content a:visited {color:#003499;}

#content a:hover, #content a:active {color:#335cad;text-decoration:none;}

#photoGallery a img {text-decoration:none;border:0;}

#footer a{color:#990000;text-decoration:none;}

#footer a:hover {color:#990000;}

/*
	=forms
**********************************************************/


#contactForm{width:355px;height:auto;float:left;}

FORM{padding:0px;margin:0px;}


/*
	=div struct
*******************************************/

#wrapper { 
	width:760px; /*760 just for the shadow. everything else is 740.*/
	margin:0 auto;
	background: url(images/background_with_shadow.jpg) top center no-repeat;
}

#header{width: 740px;height: 100px;}

#navigation, #topnavigation{
	width: 740px;
	font-size:1em;
	color:#FFCC00;
	font-family:  Arial, Verdana, sans-serif;
}

#navigation {
	background-color:#000;
	text-align:center;
	height:20px;
	padding-top:5px;
}

#topnavigation {
	background-color:#335cad;
	text-align:right;
	height:20px;
	padding-top:5px;
}


#container{
	width: 740px;
	margin: 0 auto;
	text-align:left;
	background-color:#fff;

}

#content{
	width: 740px; 
	height:auto;
	margin-top:0.5em;
	font-family:  Tahoma, Arial, Verdana, sans-serif;
	line-height:1.3em;
}

#footer{
	width: 740px;
	height:auto;
	border-top:20px solid #003297;
	text-align:center;
	padding-top:10px;
	margin-top:10px;
}


#bottom_main {width: 740px;height:auto;}

#newsletter
{
	width:160px;
	float:right;
	border:1px solid #335cad;
	padding:5px;
	margin:5px;
	background-color:#F0F8FF;
	background-image:url(images/bg-newsletter.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

#contactAddress {width: 355px;height: auto;float:left;}


/*
	=classes
*********************************************************/
img.floatLeft {float: left;margin: 1em;}

img.floatRight {float: right;margin: 1em;}

.imageDisplayed {display:block;margin-left:auto;margin-right:auto;}

.returnGalleryTitle{text-align:center;margin:0;	padding:0;}

/*http://www.positioniseverything.net/easyclearing.html*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */