/*******************************************************************************/
/* Overrides of default values *************************************************/
/*******************************************************************************/

html {
    overflow: scroll;
}
body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;          
    font-family: tahoma, arial, sans-serif;
    font-size: 10pt;
    background: #FFEEE8;
}
a {
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}
a:hover {
	color: #FF4466;
}
p a, span a {
    color: navy;
    /* text-decoration: underline; */
}
p a:hover, span a:hover {
    color: #FF4466;
}

img {
    border-width: 0px;
}

h1 { font-size: 16pt; font-weight: bold; }
h2 { font-size: 14pt; font-weight: bold; }
h3 { font-size: 12pt; font-weight: bold; }

/*******************************************************************************/
/* Base layout elements ********************************************************/
/*******************************************************************************/

#page {
	width: 780px;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#header {
	width: 100%;
	height: 100px;
	background: #A72019 url('img/header-firefly.jpg');
}

#page_menu {
    background-color: #A72019;
    clear: both;
    width: 580px;
    height: 19px;    
    line-height: 16px;
    padding: 5px 10px 3px 10px;
    position: relative;
    top: -11px;
    left: -10px;
}

#page_menu a {
    margin-right: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
}
#page_menu a:hover {
    text-decoration: underline;
}

#navbar {
    position: relative;
    top: 249px;
    left: 49px;
	width: 176px;
	font-size: 11px;
	float: right;

	margin: 0px;
    border: 1px solid #DD9988;
	background-color: #FFFFFF;
}
.navbar_header {
	padding: 5px 5px 5px 5px;
    background-color: #A72019;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.navbar_block {
	padding: 5px 5px 5px 5px;
}

#container {
	float: left;
	width: 600px;
    background: #FCFCFC;
    background-position: right;
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #DD9988;
}

#content_area {
    padding: 10px;
    border: solid #e9f5ff;
    border-width: 1px 0px 1px 0px;
}

#footer {
    clear: both;
	font-size: 7pt;
	text-align: right;
	background-color: #A72019;
	padding-left: 5px;
	padding-right: 5px;
}

/*******************************************************************************/
/* Other useful stuff **********************************************************/
/*******************************************************************************/

#quote_of_the_month {
    font-family: 'georgia', 'serif';
    font-style: italic;
    font-size: .9em;
    background: #EEEEEE url('img/quote-of-the-month.png') no-repeat scroll 100% 100%;
    clear: both;
    width: 580px;
    height: 19px;    
    line-height: 16px;
    padding: 20px 10px 20px 10px;
    position: relative;
    top: -11px;
    left: -10px;
}

.post_title, .project_title {
    font-size: 16pt;
    font-weight: bold;
}
.post_date, .project_info {
    font-size: 8pt;
    color: #6E6E6E;
}

.bio {
    font-size: .95em;
}

.project_image {
    padding: 25px;
}
.project_image img {
    border: #DDDDDD solid 2px;
}
.project_desc {
    font-size: .95em;
}

.newline {
    clear: both;
    height: 2em;
}

.page_selector {
    clear: both;
    width: 600px;
    /* background-color: #E0E0E0; */
}

.affiliates_map_link {
    padding: 0px;
    margin: 0px;
    display: block;
    width: 164px;
    height: 32px;
}
.affiliates_map_link:hover {
    background-color: #FFFFFF;
    visibility: default;
    opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
}

.gallery_map_link {
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    width: 150px;
    height: 150px;
}
.gallery_map_link:hover {
    background-color: #FFFFFF;
    visibility: default;
    opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
}

.thumbnail {
    padding: 0px;
    margin: 0px;
}
.thumbnail:hover {
    background-color: #FFFFFF;
    visibility: default;
    opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
}