/* AEROTROPE STYLESHEET DEC 2006 > MAY 2008 > DEC 2008 */

body	{
color: #507fa1;
margin: 0px;
padding: 0px;
background-color: #fff;
font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
/* background-image: url(../img/bg.jpg);
background-position: 0% 50%;
background-repeat: no-repeat;
background-attachment: fixed; */
}

a { text-decoration: none; }
a:link { color: #6691cf; } /*1e65cf*/
a:visited { color: #6691cf; } /*1e65cf*/
a:active { color: #6691cf; } /*1e65cf*/
a:hover { color: #347de6; } /*2476f1*/

img { border: none; }

/*===*/

.test {
	position: fixed;
	top: 0px;
	left: 41.5%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*===*/

#container {
width: 630px;
\width: 640px;
w\idth: 630px;
background-color: transparent;
border-left: 0px solid #e6e9ea;
border-right: 0px solid #e6e9ea;
margin: 0px auto 0px auto;
padding: 20px 40px 20px 40px;
}

#banner {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
background-color: transparent;
}

.logo { float: left; width: 207px; max-width: 207px; }

.navigation {
color: #C4C4C6;
float: right;
padding: 22px 0px 0px 0px; /*was 22 at the top, or 7 with an extra br*/
margin: 0px 0px 0px 0px;
text-align: right;
z-index: 1;
background-color: transparent;
width: 423px;
max-width: 423px;
}

.navigation .news { color: #C4C4C6; font-size: 11px; text-transform: lowercase; }
.navigation .news a	{ text-decoration: none; text-transform: lowercase; }
.navigation .news a:link	{ color: #8f8f9b;  }
.navigation .news a:visited	{ color: #8f8f9b; } 
.navigation .news a:active	{ color: #8f8f9b; } 
.navigation .news a:hover	{ color: #347de6; }

.navigation a {
font-size: 11px;
text-transform: lowercase;
padding-left: 8px; /* 5px this is the space between nav items */
}

.navigation a:link	{ color: #6691cf;  }
.navigation a:visited	{ color: #6691cf; } 
.navigation a:active	{ color: #6691cf; } 
.navigation a:hover { color: #347de6; }

.this {
color: #14448b;
border-bottom: 1px solid #e6e9ea;
}

html.clearer { font-size: 0px; }
div.clearer { clear: both; line-height: 0px; height: 0px; }

/*==============================================*/

#content {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
}

#main {
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
background-color: transparent;
}

h1			{
color: #507fa1;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
font-size: 25px;
line-height: 25px;
font-weight: normal;
text-transform: lowercase;
border-bottom: 1px solid #dbdbdf;
}

h2			{
color: #507fa1;
margin: 0px;
padding: 5px 0px 5px 2px;
font-size: 16px;
line-height: 16px;
font-weight: bold;
}

h3			{
color: #507fa1;
margin: 0px;
padding: 5px 0px 5px 2px;
font-size: 14px;
line-height: 14px;
font-weight: bold;
}

h4			{
color: #507fa1;
margin: 0px;
padding: 5px 0px 5px 2px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}

/* for all textbased pages like wind.html etc... */
#main p {
color: #507fa1;
margin: 5px 0px 15px 2px;
font-size: 14px;
line-height: 16px;
}

p {
color: #507fa1;
margin: 5px 0px 15px 2px;
font-size: 12px;
line-height: 14px;
}

p a	{ font-weight: bold; }
li a { font-weight: bold; }

/*===*/

.pagenav { font-size: 10px !important; font-weight: normal !important; float: right; margin-top: -15px;}
.pagenav a { margin: 0px 0px 0px 0px !important; padding: 0px 4px 0px 4px !important; border: 0px solid #fff; }

.pagenav a:link	{ color: #fff !important; background-color: #baccda;  }
.pagenav a:visited	{ color: #fff !important; background-color: #baccda; } 
.pagenav a:active	{ color: #fff !important; background-color: #baccda; } 
.pagenav a:hover { color: #fff !important; background-color: #1e65cf; }

.pagenav a + .thispage a { margin: 0px 0px 0px 2px !important; } /*ok*/
.pagenav .thispage a { color: #fff !important; background-color: #1e65cf !important;
	margin: 0px 2px 0px 0px !important; padding: 0px 4px 0px 4px !important; }

#infobox { float: left; background-color: #fff; width: 375px; }
#creditsbox { float: right; background-color: #fff; width: 255px; }

.subtitle { color: #507fa1; }

p .photonav {
	font-size: 10px !important;
	font-weight: normal !important;
	}
	
	p .photonav a { margin: 0px 1px 0px 0px !important; padding: 0px 2px 0px 2px !important; }
	p .photonav a:link	{ color: #fff !important; background-color: #baccda;  }
	p .photonav a:visited	{ color: #fff !important; background-color: #baccda; } 
	p .photonav a:active	{ color: #fff !important; background-color: #baccda; } 
	p .photonav a:hover { color: #fff !important; background-color: #1e65cf; }
	
	.thispage a { color: #fff !important; background-color: #70add9 !important; margin: 0px 1px 0px 0px !important; padding: 0px 2px 0px 2px !important; }
	
	#infobox p {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	}
	#infobox p a	{ font-weight: normal; }

	.credits p {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	text-align: right; 
	}
	.credits p a	{ font-weight: normal; }
	
	.moreinfo p {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	text-align: right;
	font-size: 11px;
	}
	.moreinfo p a	{ font-weight: normal; }

	.photocredits p {
	color: #a5a5ac;
	font-size: 11px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	text-align: right; 
	}
	.photocredits p a	{ color: #a5a5ac; font-weight: normal; }

/*===*/

#main p.date { font-size: 11px; text-align: right; }
.timeline { font-size: 11px; }
.sup { font-size: 65%; line-height: 11px; vertical-align: super; }

ul, ol {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 20px;
}

li {
font-size: 12px;
line-height: 14px;
color: #507fa1;
margin: 0px 5px 2px 15px;
padding: 0px 0px 0px 0px;
}

/*
ul {
margin: 5px 0px 5px 15px;
padding: 0px 0px 15px 0px;
}

ol {
margin: 5px 0px 5px 0px;
padding: 0px 0px 15px 0px;
}

li {
color: #507fa1;
margin: 2px 0px 2px 0px;
font-size: 12px;
line-height: 14px;
text-align: left;
}
*/

.sidenote { float: right; font-size: 9px; text-transform: uppercase; text-align: right; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; }
.leftside { float: left; width: 300px; \width: 310px; w\idth: 300px; max-width: 300px; padding: 0px 10px 0px 0px; }
.rightside { float: right; width: 300px; \width: 310px; w\idth: 300px; max-width: 300px; padding: 0px 0px 0px 10px; }

#footer {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 60px 0px;
background-color: transparent;
text-align: right;
color: #C4C4C6;
font-size: 10px;
border-top: 0px solid #efeff4;
}

#totop	{
position: fixed;
bottom: 15px;
right: 0px;
text-align: right;
color: #C4C4C6;
font-size: 10px;
margin: 30px 15px 0px 0px;
}

hr { text-align: right; width: 100%; height: 1px; color: #ececef; border: none; margin: 15px 0px 15px 0px; padding: 0px; } /* For Internet Explorer */
html>body hr { margin: 25px 0px 25px 0px; padding: 0px; width: 100%; height: 1px; background-color: #ececef; border: none; } /* For Gecko-based browsers */
html>body hr { margin: 25px 0px 25px 0px; padding: 0px; width: 100%; height: 1px; background-color: #ececef; border: 0px dashed #444; } /* For Opera and Gecko-based browsers */