/* Default CSS */

/* Universal Reset */

* {
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

body {
	color: #000;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #fff url(../images/bg_main.jpg) 0 0 repeat-x;
	font-size: 12px;
}

/* ----------------- Type ------------------- */

h1 { font-weight: lighter; font-size: 2em; margin-bottom: 6px; color: #3276b6; }
h2 { font-weight: bold; font-size: 1.3em; color: #3276b6; padding: 8px 0 8px 0;}

h2.side{clear:none;color:#3276b6;background:rgb(255,255,255);}
h2.side img{float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
h2.side img.right{float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

h2 a, h2 a:link, h2 a:visited { font-weight: bold; color: #3276b6;margin:0 0 0 0;text-decoration:none;}
h2 a:hover{text-decoration:underline;}
h2.side a:hover img{border:1px solid rgb(200,200,200);}

h3 { font-weight: lighter; font-size: 1.2em; margin-bottom: 5px; color: #000; font-style: italic; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: .5em; }
p { margin-bottom: 15px; }
blockquote {
	text-align: center;
	padding: 0 7px 0 15px;
	background: url(../images/common/bg_blockquote.gif) 0 0 no-repeat;
}
blockquote p { background: url(../images/common/bg_p_in_blockquote.gif) bottom right no-repeat; }
#nav p { width: 150px; margin: 0 auto 380px auto; }
#footer p { text-align: center; margin-top: 20px;}
#contentLeft ul li, #contentLeft ol li {margin-left:30px;}
#contentRight p { padding: 12px; }
strong { font-weight: bold; }
em {font-style:italic;}

#contentLeft .read-more-left {margin-top:-10px; text-align:right;}
#contentLeft .read-more-right {margin-top:-10px; text-align:left;}


/* ----------------- Links ------------------- */

a, a:link, a:visited { color: #3276b6;}
a:hover { color: #3276b6; }
#nav a, #nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #fff; text-decoration: none; }
#rightNav a, #rightNav a:link, #rightNav a:visited { color: #000; text-decoration: none; }
#rightNav a:hover { color: #fff; text-decoration: none; }
#footer a, #footer a:link, #footer a:visited { color: #fff; }
#footer a:hover { color: #fff; }


/* ----------------- Layout ------------------- */

#container {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	background: #d2232a;
	color: #fff;
}
#content {
	background: #fff url(../images/bg_content.gif) 0 0 repeat-y;
	color: #000;
}
#homeVista {
	width: 702px;
	height: 393px;
	border-top: 5px solid #1361ab;
	border-bottom: 5px solid #1361ab;
	background-color: rgb(255,255,255);
}
#subVista {
	width: 702px;
	border-top: 5px solid #1361ab;
	border-bottom: 5px solid #1361ab;
	line-height:0;
}
#main {
	float: right;
	width: 702px;
}
#nav {
	text-align: center;
	width: 198px;
	float: left;
	color: #fff;
	background: url(../images/bg_nav.jpg) 0 bottom no-repeat;
}
#contentLeft {
	width: 446px;
}
#contentRight {width:180px; float:right; text-align:center;}

#contentRight .thumbs{width:180px; margin:-20px 0 10px 0; padding:0 0 5px 0;}
#contentRight .thumbs p{font-weight:bold; color:rgb(60,60,60); font-size:0.9em; margin:0 0 5px 0; padding:3px 0 3px 0; text-align:center; border:1px dotted rgb(150,150,150); border-left:none; border-right:none; background:rgb(220,220,220);}
#contentRight .thumbs div{margin:0 5px 0 0;}
#contentRight .thumbs div a img{border:1px solid rgb(150,150,150); padding:1px;}
#contentRight .thumbs div a:hover img{border:1px solid #ef3c44;}
#contentRight .thumbs div img.on {padding:0; border:2px solid #ef3c44}
#contentRight .thumbs div img.on:hover {padding:0; border:2px solid #ef3c44}

.contentPadding{padding: 32px 5px 32px 32px;}

/* RightBox */
.rightBox {width:180px; margin:0 0 10px 0; padding:0 0 5px 0;}
.rightBox p {color:rgb(60,60,60); font-size:0.9em; margin:0 0 5px 0; padding:0; text-align:center; border:1px dotted rgb(150,150,150); border-left:none; border-right:none;}
.rightBox p.projects{font-weight:bold; padding:0; background:rgb(220,220,220);}

/* RightBox #twitter */
#twitter {list-style-type:none;}
#twitter li {font-size:10px; text-align:left; padding:5px;}
#twitter li span {color:rgb(150,150,150);}

/* RightNav */
#rightNav li {list-style:none; text-align:left; color:#000;}
#rightNav li a {display:block; font-size:0.9em; padding:5px; text-align:center; border-bottom:1px dotted rgb(150,150,150);}
#rightNav.projects li a {background:rgb(255,255,255) url(/images/bg_projects_li.png) no-repeat 0 center; padding-left:10px;}
#rightNav li a:hover,#rightNav.projects li a:hover {background:rgb(240,240,240) url(/images/bg_projects_li.png) no-repeat 0 center; color:rgb(0,0,0); border-bottom:1px dotted #ef3c44;}
#rightNav li.on a {border:1px dotted #ef3c44; background:rgb(240,240,240); color:rgb(60,60,60);}
#rightNav li.on a:hover {cursor:default;}

.storyGrid {
	margin-bottom: 10px;
}

/* ------------------ Images ---------------------------*/

/*------------------- Navigation -----------------------*/

#nav ul {
	margin: 7px 5px 49px 5px;
}
#nav ul li {
	list-style: none;
	border-bottom: 1px solid #fff;
	text-align: left;
}
#nav ul li a {
	display: block;
	padding: 5px;
}
#nav ul li a:hover {
	background: #3077bb;
}
#mainNav ul {
	margin: 7px 0 29px 15px;
}
#mainNav ul li {
	list-style: none;
	border-bottom: 1px solid #4d94d7;
	text-align: left;
	font-size: .8em;
}
#mainNav ul li a {
	display: block;
	padding: 5px;
}
#mainNav ul li a:hover {
	background: #294a69;
}
#subProjects {
	display: none;
}

#mainNav .selected a, .projects #nav-03 a:link, .projects #nav-03 a:visited, .projects #nav-03 a:hover { background: #3077bb; }
#mainNav .selected ul a, .projects #nav-03 ul a:link, .projects #nav-03 ul a:visited { background: none; }
#mainNav .selected ul a:hover { background: #294a69; }
#mainNav .selected #subProjects { display: block; }

/* Select Box */

#blueBox {
	background: #c2daed;
	padding: 10px;
	border: 2px solid #0e4375;
	margin: 0 7px 20px 7px;
}

/* ----------------- Forms -------------------- */

select {
	padding: 3px;
}

/* ----------------- Footer ------------------- */
#footer {padding: 0 0 22px 0;border:solid 1px #d2232a;background-color:#d2232a;}
.addressBlock {
	font-weight: normal !important /*Non-IE6*/;font-weight:bold /*IE6*/;
	width: 169px;
	margin: 0 22px 0 22px;
	float: left;
	text-align: center;
}

/* ------------------------------------------ */
.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:90%;text-align:right;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:350px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin:0 20px 10px 0; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(200,200,200); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80);}