/* reset */
* {
margin: 0;
margin-top: 0; 
padding: 0;
}

/* Always place scrollbar */
html { overflow-y: scroll; }

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
background-color: #fff;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif
color: #666;
font-size: 14px;
line-height: 18px;
}
	
/* layout */

#wrapper {
width: 940px;
margin: 0 auto 0 auto;
background: #fff;
}

header {
width: 850px;
height: 200px;
margin: 0 auto;
}

nav {
width: 850px;
height: 50px;
margin: 0 auto;
background: #FFF;
margin-bottom: 10px;
}

#main {
width: 940px;
margin: 0 auto;
background: #FFF;
}

footer {
width: 940px;
margin: 0 auto;
clear: both;
}

/* basics */

h1,h2,h3,h4,h5,h6 {
display: block;
line-height: 1.5em;
padding: 10px 0;
font-weight: bold;
color: #000;
}

a:link, a:visited {
color:#0F2B8F;
text-decoration: none;
}

a:hover, a:active {
color:#0F2B8F;
}

p {
margin-bottom: 18px;
}

li {
font-weight:normal;
list-style-position:inside;
}

.TopLevel {
	list-style-type:none;
	font-weight:bold;
	padding-top: 10px;
}

.popout:hover {
	width:608px;
	height:472px;
}

/* nav */

.menu {
	position: relative;
	width: 830px;
	margin: 0px auto 5px auto;
	overflow: hidden;
	background:#BBB;
	border-radius:0px 0px 10px 10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius:10px;
	padding:10px;
}
.item {
	float: left;
	margin: 0px auto;
	width: 160px;
	text-align: center;
}
.item:hover {
	color: #08F;
	text-decoration:underline;
}
.selected_item {
	float: left;
	margin: 0px auto;
	width: 160px;
	text-align: center;
	font-weight:bold;
}

/** HEADER */

.logo {
	position: relative;
	width: 840px;
	margin: 10px auto 20px auto;
}

.logo1 {
	margin: 0px auto;
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 32pt;
	padding: 10px 0 0 10px;
	line-height: normal;
	color: #EEE;
}

.logo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:32px;
	color: #EEE;
}

header h1 {
margin: 0;
padding: 10px 0 0 10px;
line-height: normal;
color: #EEE;
}

header p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding: 100px 18px 0 10px;
color: #EEE;
float: right;
}

/** ARTICLES **/

article {
margin-bottom: 10px;
}

article img {
border: none;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 20px;
text-align:center;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 20px;
text-align:center;

}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

#triplecols, #doublecols, #singlecol, #singlenewspaper {
width: 850px;
margin-left: 40px;
margin-top: 20px;
border-bottom: 1px solid #ddd;
}

.display {
	position: relative;
	width: 1200px;
	height: 420px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}
.edge {
	position: absolute;
	top: 0px;
	width: 100px;
	height: 100%;
	z-index: 2;
}
.message {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1200px;
	z-index: 1;
}
.application {
	position: relative;
	width: 360px;
	margin: 10px;
	padding: 10px;
	background:#F80;
	color:#000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	float: left;
}

/* triple blocks of images and captions */

.tripleblocks {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	text-align: left;
}

.tripleleftblock {
	margin-right: 40px;
}

.triplemiddleblock {
	margin-right: 40px;
}

.triplerightblock {
	margin-right: 1px;
}

.tripleblocks .thumbnail {
	border: none;
}

.tripleblocks .caption {
	display: block;
	font-size: 20px;
	font-variant: small-caps;
	line-height: 1.5em;
}

.tripleblocks p {
margin-top: 5px;
text-align: justify;
}

/* two blocks of content */

.doubleblocks {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	text-align: left;
}

.doubleleftblock {
	margin-right: 40px;
}

.doublerightblock {
	margin-right: 2px;
}

.doubleblocks p {
text-align: justify;
}

/* single block of content */

.singleblock {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.singleblock p {
text-align: justify;
}

.newspaper_columns {
	text-align: justify;
	-moz-column-count: 2;
	-moz-column-gap: 1.5em;
	-moz-column-rule: 1px solid #C7B5A7;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.5em;
	-webkit-column-rule: 1px solid #C7B5A7;
	}

#ImageBand {
	text-align: center;
	vertical-align: bottom;
  	padding: 20;
}

/* footer widget blocks */

aside h3 {
font-size: 18px;
}

aside ul {
list-style: square;
margin-bottom: 20px;
margin-top: -12px;
color:#039
}

aside li a {
display: block;
text-decoration: none;
}

aside li a:hover {
text-decoration: underline;
}

#footer-area {
background: #FFFFFF;
color: #efefef;
font-size: 90%;
padding: 18px 0;
overflow: hidden;
}

.footer-segment {
float: left;
width: 255px;
}

.first {
margin-right: 20px;
margin-left: 40px;
}

.second {
margin-right: 30px;
}

.third {
margin-right: 30px;
}

.last {
margin-right: 20px;
}

footer p {
margin-top: 8px;
color: #333;
}

#contact-form {
    background-color:#F2F7F9;
    width:358px;
    padding:20px;
    margin: 1px auto;    
    border: 6px solid #8FB5C1;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}

#contact-form h1 {
    font-size:24px;
}

#contact-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
    font-size:12px;
    margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
    width:350px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}

#contact-form textarea {
    height:150px;
    resize: none;
}

#contact-form label {
    display:block;
}

#contact-form .required {
    font-weight:bold;
    color:#F00;
		float:left;
}

#contact-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#8FB5C1;
    -moz-border-radius:8px;
}

#contact-form #submit-button:hover {
    background-color: #A6CFDD;
}

#contact-form #submit-button:active {
    position:relative;
    top:1px;
}

#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(images/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}

#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:338px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 url(images/cancel_48.png) no-repeat 405px center;
    display:none;
}

#errors li {
    padding:2px;
    list-style:none;    
}

#errors li:before {
    content: ' - ';    
}

#errors #info {
    font-weight:bold;
}

#errors #info:before {
    content: '';    
}

#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:338px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 url(images/accepted_48.png) no-repeat 405px center;
    display:none;
}

#errors.visible, #success.visible {
    display:block;    
}

#req-field-desc {
    font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}