﻿/* Top Level Elements */
body {
background-color: #ffffff;
font-family: "Gotham Book","Myriad Pro", "Lucida Grande", Arial, Helvetica, Sans-Serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}
#container {
width: 980px;
margin: 0 auto;
}
/* Global Classes and IDs */
.cleary {
clear: both;
}
.lefty {
float: left;
display: inline;
}
.righty {
float: right;
display: inline;
}
.whitenUp {
color: #ffffff;
}
.reddenUp {
color: #ff0000;
}
.last {
margin-right: 0px;
}
.postStats {
float: right;
font-weight: bold;
}
.postWrapper {
margin: 15px 0px;
}
/* Layout Classes and IDs */
#header {
background-color:#696961;
margin:0 3px 3px;
padding:0;
width: 976px;
}
#mainBody {
width: 100%;
}
#mainContentArea {
display:inline;
float:left;
margin:3px;
padding:0;
width:635px;
}
#sideBar {
display:inline;
float:right;
margin:3px;
padding:0;
width:328px;
}
#footer {
background-color:#696961;
color:#FFFFFF;
margin:3px 3px 20px;
padding: 8px 0;
width:975px;
}
/* Basic Element Styling */
h2 {
color:#FFFFFF;
font-size:140%;
font-weight:normal;
margin:0 15px;
padding:15px 0 0;
}
h3 {
color: #3c3c3c;
margin: 0px 15px;
padding: 0px;
font-size:100%;
}
h4 {
color:#537785;
font-size:150%;
font-weight:normal;
margin:10px 15px;
padding:0;
}
h6{
color:#859639;
font-weight:normal;
font-size:150%;
margin:0px;
padding:0px;

}
p {
color: #3c3c3c;
margin: 7px 15px;
padding: 0px;
}
/* Link Styling */
a {
color: #ffffff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#mainContentArea a {
color: #4b6e70;
text-decoration: none;
}
#mainContentArea a:hover {
text-decoration: underline;
}
.postWrapper h3 a {
color: #3c3c3c;
}
a img {
border: none;
}
/* Header */
#header h1 {
color:#FFFFFF;
float:left;
display: inline;
font-size:400%;
font-weight:normal;
margin:25px 0 25px 25px ;
padding:0;
width:450px;
line-height:40px;
}
#header blockquote {
color:#DADAD9;
float:right;
font-style:italic;
margin:25px 25px 25px 0;
padding:0;
width:455px;
}
#header blockquote p {
color: #dadad9;
margin: 0 0 15px 0;
padding: 0px;
}
#header blockquote cite {
margin: 0px;
padding: 0px;
}
/* Header Ribbon */
#header ul#topRibbonList {
background-color:#FFFFFF;
background-image: url(/img/ribbonBG.gif);
background-position: bottom left;
background-repeat: no-repeat;
clear:both;
display:inline;
float:right;
margin:0px;
padding:5px 20px 5px 0px;
width:461px;
text-align: right;
}
#header ul#topRibbonList li {
background-color:#FFFFFF;
display:inline;
margin:5px 10px;
padding:0;
}
#header ul#topRibbonList li a {
color: #65655c;
text-decoration: none;
}
#header ul#topRibbonList li a:hover {
color: #000000;
}
/* Main Navigation */
#header ul#mainNav {
background-color: #708f99;
border-top: 1px solid #ffffff;
display: inline;
float: left;
clear: both;
margin: 0px;
padding:0 0 0 18px;
width:958px;
position: relative;
}
#header ul#mainNav li {
background-color:#708F99;
display:inline;
float:left;
font-size:120%;
line-height:30px;
margin:5px 9px;
padding:0;
}
#header ul#mainNav li ul {
background-color:#8DADBA;
border-top:1px solid #FFFFFF;
bottom:-29px;
clear:both;
display:inline;
float:left;
left:0;
margin:0;
padding:0 18px;
position:absolute;
width:940px;
}
#header ul#mainNav li ul li {
background-color:#8dadba;
font-size: 100%;
line-height:18px;
}
#header ul#mainNav li ul li a {
color:#EEEEEE;
text-decoration:none;
}
#header ul#mainNav li a {
color: #cfcfcf;
text-decoration: none;
}
#header ul#mainNav li a:hover {
color: #ffffff;
}
#header ul#mainNav li.currentPage a {
color:#FFFFFF;
}
#header ul#mainNav li.currentPage a:hover {
color:#FFFFFF;
}
/* search box */
#header ul#mainNav li input[type="text"] {
border:1px solid #97989B;
color:#666666;
width:190px;
}
#header ul#mainNav li input[type="submit"] {
background-color: #708f99;
color: #cfcfcf;
cursor: pointer;
outline: none;
border: none;
font-size: 100%;
}
#header ul#mainNav li input[type="submit"]:hover {
color: #ffffff;
}
#header ul#mainNav li#navSearchWrapper {
position: absolute;
right:0px;
}
/* SubNavigation */
#header ul#subNav {
background-color: #8dadba;
display: inline;
float: left;
border-top: 1px solid #ffffff;
clear: both;
margin: 0px;
padding:0 13px;
width:950px;
}
#header ul#subNav li {
background-color:#8dadba;
display:inline;
float:left;
margin:5px 15px;
padding:0;
font-size: 120%
}
#header ul#subNav li a {
color: #cfcfcf;
text-decoration: none;
}
#header ul#subNav li a:hover {
color: #ffffff;
}
/* Front Page Rotator */
#rotatingImageWrapper {
background-image:url(/img/imageRotatorBG.png);
display:inline;
float:left;
height:277px;
margin:3px;
padding:0;
width:637px;
position: relative;
}
#rotatingImageWrapper img {
position: absolute;
top: 0px;
left: 0px;
width:637px;
height:277px;
}
#rotatingImageWrapper p {
background-image:url(/img/continueButton.png);
background-position:right bottom;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:180%;
line-height:30px;
margin:25px 0 0 55px;
padding:0 30px 0 0;
width:400px;
}
#rotatorControlWrapper {
background-color:#C5C5C5;
float:left;
height:277px;
margin:3px 0 3px 3px;
padding:0;
width:332px;
}
#rotatorControlWrapper p {
color:#3C3C3C;
line-height:14px;
margin:14px;
padding:0;
font-size: 100%;
}
#rotatorControl {
padding:0;
margin:0;
list-style: none;
}
#rotatorControl li {
margin:0px;
padding:0px;
display: inline;
float: left;
width: 83px;
color: #ffffff;
text-align: center;
font-size: 150%;
line-height: 80px;
cursor: help;
}
#rotatorControl li#people {
background-color: #aaa488;
}
#rotatorControl li#air {
background-color: #618081;
}
#rotatorControl li#water {
background-color: #486d56;
}
#rotatorControl li#land, #rotatorControl li#land-fr {
background-color: #767c3f;
}
#rotatorControl li#people-fr {
background-color: #aaa488;
}
#rotatorControl li#air-fr {
background-color: #618081;
}
#rotatorControl li#water-fr {
background-color: #486d56;
}
/* Subscribe Bar */
#subscribeBar {
width: 975px;
background-color: #aaa588;
margin:3px;
padding:10px 0px;
}
#subscribeBar p {
margin: 10px 45px;
color: #3c3c3e;
font-size:150%;
}
#subscribeBar p a {
color: #ffffff;
text-decoration: none;
}
#subscribeBar p a:hover {
text-decoration: underline;
}
/* Grey Box stuff */
.lightGreyBox {
background-color:#c5c5c5;
float:left;
display: inline;
margin:3px;
padding:0;
width:321px;
}
#lightLongGreyBox {
width:647px;
}
#lightLongGreyBox p {
color:#3C3C3C;
margin: 15px 15px 15px;
padding:0;
}
.darkGreyBox {
margin: 3px;
width: 975px;
padding: 0px;
background-color: #6e6e66;
color: #ffffff;
}
.blueishGreyBox {
margin: 3px 2px;
width: 100%;
padding:5px 0;
background-color: #c5c5c5;
color: #000000;
}
.lightGreyBox.last {
margin-right: 0px;
}
.darkGreyBox p {
color: #ffffff;
}
.darkGreyBox .mediaWrapper {
clear:left;
display:inline;
float:left;
margin:0 15px 0 0;
}
.darkGreyBox .mediaWrapper img {
margin: 0px;
padding: 0px;
}
.blueishGreyBox h3 {
margin: 0px 15px;
padding: 0px;
color: #4f6f79;
}
.blueishGreyBox p {
color: #000000;
}
.blueishGreyBox blockquote {
margin: 0 15px;
padding:15px 0;
}
.blueishGreyBox blockquote p {
margin: 0 0 15px 0;
padding: 0px;
}
.blueishGreyBox blockquote cite {
margin: 0px;
padding: 0px;
color: #4f6f79;
font-style: normal;
}
/* Main Content Area */
#mainContentArea .sub-nav {
margin: 10px 27px;
}
#mainContentArea h2 {
color: #647a7b;
margin: 10px 27px;
}
#mainContentArea h3 {
color: #4d8799;
margin: 10px 27px;
}
#mainContentArea h4 {
color: #647a7b;
margin: 10px 27px;
font-weight:normal;
}
#mainContentArea h5 {
color: #4d8799;
margin: 10px 27px;
font-size: 120%;
font-weight:normal;
}
#mainContentArea p {
color: #000000;
margin: 10px 27px;
font-size: 115%;
}
#mainContentArea cite {
color: #000000;
margin: 10px 27px;
}
#mainContentArea address {
color: #000000;
margin: 10px 27px;
}
#mainContentArea img {
color: #000000;
margin: 3px 27px;
border: none;
}
#mainContentArea dl {
margin: 10px 27px;
}
#mainContentArea dl dt {
margin:5px 0;
padding: 0px;
display: inline;
float: left;
width: 50%;
clear: left;
}
#mainContentArea dl dd {
margin:5px 0;
padding: 0px;
display: inline;
float: left;
width: 50%;
clear: right;
}
/* Footer */
#footer p {
color: #ffffff;
}
#footer p img.righty {
margin: -6px 0px
}
.footerWrapper {
float: left;
width: 280px;
display: inline;
padding: 10px 20px;
height: 95px;
overflow: auto;
position: relative;
scrollbar-3dlight-color:#393961;
scrollbar-arrow-color:#696961;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#696961;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#393961;
scrollbar-track-color:#696961; 
}
.footerWrapper .source {
position: absolute;
top: 0;
right:5px;
display: block;
text-align: right;
}
.footerWrapper .source h4 a {
color: #3c3c3c;
font-size: 90%;
font-weight: bold;
}
.footerWrapper .source p a {
color: #3c3c3c;
font-size: 80%;
}
.footerWrapper h3 {
color:#FFFFFF;
font-size:120%;
font-weight:normal;
margin: 0px;
padding: 0px;
}
.footerWrapper h4 {
color:#FFFFFF;
font-size:110%;
font-weight:normal;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
.footerWrapper p {
color:#FFFFFF;
font-size:100%;
margin: 0px;
padding: 0px;
}
.footerWrapper p.largerText {
font-size:200%;
letter-spacing:1px;
margin:3px 0 0;
padding:0;
}
.footerWrapper table {
margin: 0px;
padding: 0px;
}
.footerWrapper table th {
text-align: left;
font-weight: normal;
padding: 3px 7px 3px 0;
}
.footerWrapper table td {
padding: 3px 7px 3px 0;
}
/* Gallery */
#mainContentArea ul.galleryImgList {
list-style-type:none;
margin:10px;
padding:0;
}
#mainContentArea ul.galleryImgList li {
display: inline;
}
#mainContentArea ul.galleryImgList li a img {
margin: 15px;
}
/* login and registration form */
#formWrapper {
margin: 0 auto;
}
#formWrapper p {
margin: 10px 27px;
}
#formWrapper span#lblError {
margin: 10px 27px;
}
#formWrapper fieldset {
border: none;
border-top: 1px solid #4D8799;
margin:20px 0;
padding:8px 0;
}
#formWrapper label {
display:block;
font-size:105%;
font-weight:bold;
margin:7px 27px 0;
}
#formWrapper label.subLabel {
display:block;
font-size:105%;
font-weight:normal;
margin:7px 27px 0;
}
#formWrapper label small {
color:#666666;
font-size:90%;
font-weight:normal;
margin:0 10px;
}
#CaptchaControlDiv {
margin: 0px 27px;
}
#CaptchaControlDiv table tr td label {
margin: 0px;
}
#formWrapper input[type="text"] {
display:block;
margin:0 27px 14px;
width:290px;
color: #666666;
}
#formWrapper input[type="text"].clsInput1 {
margin: 5px 0px;
width:200px;
color: #666666;
}
#formWrapper input#frmPictureCode {
margin: 5px 0px;
width:200px;
}
#formWrapper input[type="password"] {
display:block;
margin:0 27px 14px;
width:290px;
color: #666666;
}
#formWrapper input[type="radio"] {
clear:left;
float:left;
margin:9px 10px 0 27px;
}
#formWrapper input[type="image"] {
display:block;
margin:20px 27px;
}
#formWrapper input[type="checkbox"] {
float:left;
margin:3px 10px 21px 27px;

}
#formWrapper p.formInstruction {
color:#666666;
font-size:100%;
margin:-14px 27px 14px;
}
#formWrapper span.fntNews {
display: block;
margin:12px 0;
}
#formWrapper span.fntNews {
display: block;
margin:12px 0;
}
#formWrapper span.fntNews label {
font-weight: normal;
}
#formWrapper select {
display:block;
margin:0 27px 14px;
width:295px;
color: #666666;
}
#formWrapper a {
color:#4B6E70;
text-decoration:none;
}
#formWrapper a:hover {
text-decoration:underline;
}
#formWrapper table.fntNews {
width: 290px;
margin:0 0 0 -3px;
}
#formWrapper table.fntNews tr td label {
font-weight: normal;
}
span.frmValidate {
margin:0 7px;
}
span.frmValidateCaptcha {
color:red;
margin:0 27px;
}
/* Forum Styling */
#forumWrapper {
width:975px;
}
#forumHeading {
background-color: #eaf3f8;
}
#forumHeading h2 {
width: 570px;
color:#2f829a;
margin:10px 27px;
}
#forumHeading p {
width: 570px;
color:#434343;
margin:10px 27px;
}
#forumSearchWrapper {
border-left:1px solid #FFFFFF;
display:inline;
float:right;
margin:-75px 15px 10px;
padding:15px;
width:250px;
}
#forumSearchWrapper input.forumSearch {
height:27px;
width:160px;
border: none;
color: #2f829a;
}
#forumSearchWrapper select.forumSearchDrop {
width:250px;
color: #2f829a;
}
ul#forumNav {
background-color:#8CAFBF;
border-bottom:1px solid #FFFFFF;
list-style:none;
margin:5px 0 0;
padding:0 0 0 27px;
}
ul#forumNav li {
background-color:#8CAFBF;
display:inline;
font-size:140%;
font-weight:normal;
margin:0;
padding:0;
text-align:center;
}
ul#forumNav li:hover {
padding-bottom: 1px;
}
ul#forumNav li a {
border-left:1px solid #FFFFFF;
color:#FFFFFF;
margin:0;
padding:0 0 0 27px;
}
#mainContentArea ul#forumNav li a {
text-decoration: none;
margin:0 27px 0 0;
padding:0 0 0 27px;
}
ul#forumNav li img {
display: inline;
margin: 0;
padding: 0;
}
.forumSubNav {
background-color:#8CAFBF;
color:#FFFFFF;
display:block;
margin:-3px 0;
padding:12px 25px;
}
#mainContentArea .forumSubNav p {
line-height:30px;
margin:0 27px;
}
#mainContentArea .forumSubNav a {
color:#FFFFFF;
}
#forumTable {
width: 100%;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
}
#forumTable span.userName {
color: #2d789c;
}
#forumTable span.datePosted {
color: #b2aaaa;
}
#forumTable th {
border-bottom:1px solid #C2D8EF;
color:#2D789C;
font-size:125%;
font-weight:normal;
padding:5px 27px;
text-align:left;
}
#forumTable td {
border-bottom: 1px solid #c2d8ef;
}
#forumTable a {
color: #b8a447;
}
#topicHeader {
width: 100%;
background-image: url(/img/newTopicBG.gif);
background-repeat: no-repeat;
background-position:70px bottom;
padding-bottom:11px;
margin: 0 0 10px 0;
}
#topicFooter {
width: 100%;
background-image: url(/img/newTopicBG2.gif);
background-repeat: no-repeat;
background-position:70px top;
padding-top:12px;
margin:10px 0 0 0;
}
.topicDiscuss {
background-image:url(/img/newTopicBG3.gif);
background-position:left center;
background-repeat:no-repeat;
margin:0 0 10px;
padding-left:8px;
width:967px;
}
.topicBar {
background-color:#2E292A;
font-size:149%;
line-height:40px;
}
#mainContentArea .topicBar p.righty  {
font-size:80%;
color: #ffffff;
line-height:40px;
}
#mainContentArea .topicBar a {
color: #B8A447;
}
#mainContentArea .topicBar a img {
margin:0 5px 0 0;
}
#mainContentArea .topicBar a span.whiteLink {
color: #ffffff;
}
.threadNewCmt {
padding-left:24px;
}
.threadStart {
margin-bottom:7px;
margin-left:17px;
}
.threadCnt {
margin-top:16px;
padding-right:16px;
}
.clsThread1 {
background-color:#FFFFFF;
padding-bottom:13px;
padding-top:10px;
}
.clsThread2 {
background-color:#EAF3F8;
padding-bottom:13px;
padding-top:10px;
}
.threadMainRply {
margin-left:15px;
margin-top:30px;
}
#mainContentArea table tr td img {
margin: 0px;
padding: 0px;
}
.searchResultsWrapper {
border-bottom: 1px solid #d1dee3;
margin:20px 0;
}
#mainContentArea .searchResultsWrapper h3 {
margin: 0 27px;
}
#mainContentArea .searchResultsWrapper p 
{
margin: 0px 27px;
color: #a7a7a7;
}
#mainContentArea .searchResultsWrapper p.postBlurb {
color: #000000;
margin: 10px 27px;
}
.searchResultsWrapper p span.userName {
color: #2d789c;
}
.searchResultsWrapper p span.datePosted {
color: #b2aaaa;
}
/* Orphaned and media page styling */
.objectWrapper {
margin: 0 auto;
text-align: center;
}

/* NEW Innovation Stories and Technologies */
#mainContentArea .ISAT_Home
{
	float:left;
	display: inline;
	width: 474px;
	padding: 15px 0 15px 15px;
	}
#mainContentArea .ISAT_Home p
{
	margin:10px 0 10px;
	}

#mainContentArea .ISAThomeLink{
	color: #015993;
	}
#mainContentArea .ISAThomeLink a:hover{
	color: #015993;
	}
	
#mainContentArea .ISAThomePic
{
border:medium none;
color:#000000;
margin:12px 0;
		}
#mainContentArea .storiesList {
color:#4B6E70;
margin:20px 0;
padding:0 0 0 40px;
}
#mainContentArea .storiesList li h3{
font-size:125%;
font-weight:normal;
margin:0 14px;
}
#mainContentArea .storiesList li p{
margin:0 14px;
}
#rssLink {
margin:0 12px;
}