/* body { background-color: #FFF; margin: 0px 0px; padding: 0px; text-align: center;} */

body { background: #063180; margin: 0px 0px; padding: 0px; text-align: center; background: url(images/bkg1.jpg) repeat; }

textarea     { overflow: auto }

#content {
	width: 760px;
	height: 100%;
	margin: 0px auto;
	text-align: left;
	background: #FFF;
	position: relative;
	left: -10px;
}

.home { background: #FFF; }

.header { background:#073790 url('images/main_pic1.gif') no-repeat; width: 760; height: 216; }
.header p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #6BBCDE; margin: 95px 375px 0 17px; }
.header h1 {

	color: #ffffff;
	font-size:24pt;
	font-family:   Arial, Helvetica, sans-serif;
	font-weight:lighter;
}

.rolltext {
	padding-top:15px;
	color:#ffffff;
	font-size:11pt;
	line-height: 16px;
	padding-left:24px;
	padding-right:24px;text-decoration:none;
}

#rollcopy1 {
  color:#ffffff;
  margin:0;
  cursor:pointer;
  background-image:url('images/main_rollover1.gif');
  z-index:2;
  text-decoration:none;
  height:100px;position:relative;top:-100px;
}

#rollcopy2 {

  color:#ffffff;
  margin:0;
  cursor:pointer;
  background-image:url('images/main_rollover2.gif');
  z-index:2;
  text-decoration:none;
  height:100px;position:relative;top:-100px;

}







.menuitm {
	font-family:   Arial,Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color: #3369AE;
	cursor:pointer;
	height:20px;
	margin-top:0px;
	margin-right:20px;
	text-transform:lowercase;
	display:inline;
	text-decoration:none;
}
.submenuitm {
	font-family:   Arial,Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color: #999999;
	cursor:pointer;
	height:20px;
	margin-top:0px;
	margin-right:20px;
	text-transform:lowercase;
	display:inline;
	text-decoration:none;
}
.submenuitm:hover {
	color: #3369AE;

}

.menuitmon {
	font-family:   Arial,Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color: #3369AE;
	height:20px;
	margin-right:20px;
	margin-top:0px;
	text-transform:lowercase;
	background: url('images/menu_over.gif');
	display:inline;
		text-decoration:none;

}

h1 {

	color: #ffffff;
	font-size:24pt;
	font-family:   Arial, Helvetica, sans-serif;
	position:absolute;
	font-weight:lighter;
    top:158px;
	left: 21px;
	float:left;
	margin:0px;
	display:block;
}
h2{
	font-size:16pt;
	font-family:   "Arial Narrow",  Arial, Helvetica, sans-serif;
	color:#F88C00;
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#popbuttondiv {
	display:block;
	float: right;
	position:absolute;
    top:171px;
	left: 540px;
	width: 200px;
	text-align:right;
}
#popbuttondivlong {
	display:block;
	float: right;
	position:absolute;
    top:171px;
	left: 490px;
	width: 250px;
	text-align:right;
}

#popbutton {
	color: #ffffff;
	font-size:10px;
	font-family:   Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #F4841A;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
}

/* EXPERIMENTAL */
/* homepage rollover buttons */
#buttonh1, #buttonh2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #FFF; text-decoration: none; }
#buttonh1 p, #buttonh2 p { margin: 10px 10px; color: #FFF; text-decoration: none; }
#buttonh1 a:visited, #buttonh2 a:visited { margin: 10px 10px; color: #FFF; text-decoration: none; }
#buttonh1 a:hover, #buttonh2 a:hover { margin: 10px 10px; color: #FFF; text-decoration: none; }
#buttonh1 a, #buttonh2 a { margin: 10px 10px; color: #FFF; text-decoration: none; }
#buttonh1 { position: absolute; visibility: hidden; left:0px; top:283px; width:379px; height:90px;  z-index:3; background-image: url(images/button_home1.gif); layer-background-image: url(images/button_home1.gif);   visibility: hidden; }
#buttonh2 { position: absolute; visibility: hidden; left:381px; top:283px; width:379px; height:90px;  z-index:3; background-image: url(images/button_home2.gif); layer-background-image: url(images/button_home2.gif);  visibility: hidden; }
#toggleh1 { position: absolute; left:0px; top:283px; width:379px; height:90px; z-index:3; }
#toggleh2 { position: absolute; left:381px; top:283px; width:379px; height:90px; z-index:3; }
/* END EXPERIMENTAL */


.ideas p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #5C3F1F; text-decoration: none; margin: 10px 30px 10px 200px; }
.ideas li {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #5C3F1F; text-decoration: none; margin: 10px 30px 10px 190px;   padding-bottom: 10px; }
.ideas h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; color: #00449A; text-decoration: none; margin: 20px 30px; font-weight: normal; }

.newshead { border-bottom: 1px solid #5C3F1F; margin: 0 30px -5px 200px; }
.newstitle {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #F88C00; text-decoration: none; font-weight: bold; padding-bottom: 5px; }
.newssub { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #5C3F1F; text-decoration: none; font-weight: bold; padding-bottom: 5px; }

/* used in the Projects section */
#button1 { background-position:right;
position: absolute; visibility: hidden; left:470px; top:190px; width:250px;  z-index:10; background-image: url(images/header_overlay.gif); layer-background-image: url(images/header_overlay.gif); border: 1px none #000000; padding: 25px 10px; visibility: hidden;   margin-left:0px;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #FFF; text-decoration: none; 
}
#button1 p.go { text-align: right; }
#button1 .form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
#button1 td a:visited, #button2 td a:visited, #button3 td a:visited, #button4 td a:visited { color: #FFF; text-decoration: none; }
#button1 td a:hover, #button2 td a:hover, #button3 td a:hover, #button4 td a:hover { color: #FFF; text-decoration: underline; }
#button1 td a, #button2 td a, #button3 td, #button4 td a { color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#button1 textarea { margin-left:0px;width: 200px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;}

/* used in the Ideas section */
#button2 { position: absolute; visibility: hidden;  z-index:5; background-image: url(images/background_whats.gif); layer-background-image: url(images/background_whats.gif); border: 1px none #000; padding: 10px 10px; }
#button2 p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #FFF; text-decoration: none; margin: 0; }
#button2 textarea { width: 220px; }

/* newsletter */
#button4 { position: absolute; visibility: hidden; left:543px; top:167px; width:206px;  z-index:10; background-image: url(images/header_overlay2.gif); layer-background-image: url(images/header_overlay2.gif); border: 1px none #000000; padding: 25px 10px; visibility: hidden; }
#button4 p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #FFF; text-decoration: none; }
#button4 p.go { text-align: right; }
#button4 .form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }

.projects {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #5C3F1F; text-decoration: none; padding: 20px; }
.projects img { vertical-align: baseline; }
.projects li { list-style-image: url(images/bullet_star.gif); margin: -10px 0 5px -15px; padding-bottom: 10px; }


/* Used for the leftside button/form fields in the Ideas section */
.whats { position: absolute; }

/* EXPERIMENTAL-Ideas section*/
.whats2 { float: left; margin-left:10px; z-index: 0; margin-top: 10px; }
/* EXPERIMENTAL */
#button3 { position: relative; visibility: hidden; left:0px; top:-28px; width:250px; z-index:2; background-image: url(images/background_whats.gif); layer-background-image: url(images/background_whats.gif); border: 1px none #000000; padding: 10px 10px; }
#button3 p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #FFF; text-decoration: none; margin: 0; }
#button3 textarea { width: 130px; }


/* UNIVERSAL STYLING FOR MAIN CONTENT AREAS */
.projects a:visited, .ideas a:visited { color: #F88C00; text-decoration: none; }
.projects a:hover, .ideas a:hover { color: #F88C00; text-decoration: underline; }
.projects a, .ideas a { color: #F88C00; text-decoration: none; }  
 
.callout { background: #EE8100 url('images/bgcallout.gif') repeat-y; padding: 20px 10px; 

}
.callout p, .callout td { padding-left:0;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #FFF; vertical-align: top;  }
.callout td input { margin-top: 10px; }
.callout td.sm { font-size: 10px; }
.callout .headline {
	font-weight:bold;
	color:#ffffff;
	font-size:14px;
}

.callout .tagline {
	font-style: italic;

}


.who {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #5C3F1F; text-decoration: none; padding-top:10px; }
.who .title { font-weight: bold; font-size: 11px; padding-right: 10px;  }
.who .text { width: 420px; float: left; padding: 20px;  } 
.who .image { width: 270px; float: left; margin: 20px 10px; text-align: right; } 


.footer { color: #072E64; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 50px; }
.footer a:visited { color: #F88C00; text-decoration: none; }
.footer a:hover { color: #F88C00; text-decoration: underline; }
.footer a { color: #F88C00; text-decoration: none; }

.popup {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #5C3F1F; text-decoration: none;  }
.popup a:visited, .ideas a:visited { color: #F88C00; text-decoration: none; }
.popup a:hover, .ideas a:hover { color: #F88C00; text-decoration: underline; }
.popup a, .ideas a { color: #F88C00; text-decoration: none; }  



.quote {
	width:670px;
	font-family:   Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	padding-left:45px;
	padding-top:20px;
	padding-right:40px;
	letter-spacing: 1px;
	color:#00449A;
	text-transform:uppercase;
	background: url('images/quote_bg.gif');
	height:50px;

}
p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #5C3F1F; text-decoration: none; padding-left: 10px; }

h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; color: #00449A; text-decoration: none; margin: 10px ; font-weight: normal; }