/* [ Global Tags ] */
* { padding: 0; margin: 0; }
body {
 background: #FFF url(../img/bgGradTop.gif) repeat-x scroll 0 0;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
 font-size: 13px;
}
a {
 color: #C3092D;
}
h1 {
 color: #e51837;
 font-size: 24px;
}
p.Heading {
 color: #e51837;
 font-size: 17px;
}
h2 {
 color: #003E7E;
 font-size: 17px;
 padding: 8px 0;
}
p.Subheading {
 color: #003E7E;
 font-size: 17px;
 padding: 8px 0;
}
h3 {
 display:block;
 color: #003E7E;
 margin-bottom: 4px; 
 font-weight: bold;
}
h2.red {
	color: #C3092D;
	margin-bottom: 10px;
}
h4 {
 margin: 8px 0px 2px 4px;
 color: #003E7E;
}
p {
	margin: 0 0 40px;
	line-height: 1.8;
}
form p {
	margin: 0 0 15px;
	line-height: 1.8;
}
form input.notification {
  border: 4px solid red;
  background: #FFBBBB;	
}
fieldset {
 border: 2px solid #F0F0C0;
 padding: 0em 1em 1em;
}
fieldset legend {
 color: #003E7E;
 font-size: 16px;
 font-weight: bold;
}

/* [ Global Classes ] */
.highlight {
 background-color: #faf7c8;
 font-weight: 700;
}
.error {
 color: #e51837;
 font-size: 14px;
 border: 2px solid #e51837;
 padding: 0.5em;
 background: #faf7c8;
 margin: 0 15px 15px;
}
.msg {
 color: #169641;
 font-size: 14px;
 border: 2px solid #169641;
 padding: 0.5em;
 background: #E5FFBB;
 margin: 0 15px 15px;
}

#wrapper { 
 margin: 0 auto;
 width: 920px;
}
/*
#form form {
 margin-left: 15px;
}
*/
#form p {
 margin: 0.5em 0px;
}
#form label {
 font-weight: bold; 
 line-height: 16px;
 padding-left: 4px;
 color: #003E7E;
}


/* [ Header ] */
#header {
 height: 145px;
}
/* [ Header: Top Menu ] */
#topMenu {
 text-align: right;	
 margin: 12px 0 0 0;
 font-size: 11px;
 height: 55px;
 font-weight: 700;
}
#topMenu li {
 display: inline;
}
#topMenu .topMenuSeparator {
 padding: 0 5px;
}
#topMenu li a.topMenuSelected {
 color: #000;
 text-decoration: none;
}
/* [ Header: Logo & Login ] */
#topLogo {
 margin: 0 0 0 10px;
 float: left;
}
#topLogin {
 margin: 0 10px 0 0;
 float: right;	
 line-height: 20px;
}
#topLogin h2 {
	color: #003E7E;
 	font-size: 20px;
 	padding: 0;
	padding-bottom: 4px;
 	margin-left: 0px;
}

/* [ Results Tab] */
#resultsTab {
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  float:right; 
  border:1px solid #003E7E; 
  border-bottom:0; 
  padding:5px; 
  margin-right:10px;
  background-color: #C9DEF0;
}
#resultsTab:hover {background-color:#FAF7C8;}

/* [ Main Menu ] */
#mainMenuBannerLeft {
	background: url("/media/img/mainTaglineLtCorner.gif") bottom left no-repeat;
}
#mainMenuBannerRight {
	background: url("/media/img/mainTaglineRtCorner.gif") bottom right no-repeat;
}
#mainMenuBanner {
	background: #003E7E url("/media/img/bgGradMainTagline.gif") bottom repeat-x;
}
#mainMenu {
 height: 50px;
 _height: 48px;
 background: url(/media/img/bgGradMainMenu.gif) top left repeat-x;
 border-bottom: 1px #FFF solid;
}
#mainMenuLeft {
	height: 50px;
	_height: 48px;
	background: url(/media/img/mainMenuLtCorner.gif) top left no-repeat;
}
#mainMenuRight {
	height: 50px;
	_height: 48px;
	background: url(/media/img/mainMenuRtCorner.gif) top right no-repeat;
}
#mainMenuRight .caret {
  /* IE 6 wreaks havock on this thing, so disabling for IE 6 and before... */
  _display: none;
	text-align: center;
	height: 0;
	font-size: 0;
}
#mainMenuRight .caret img {
	position: relative;
	top: 42px;
}
#mainMenuRight img.iecaret {
	position: relative;
	top: 11px;
	margin-left: -15px;
	margin-bottom: -10px;
}
#mainMenuRight li {
	display: inline;
	float:left;
	background: url(/media/img/mainMenuSeparator.gif) top right no-repeat;
	padding: 8px 13px;
	_padding-bottom: 6px;
	font-size: 8pt;
	line-height: 1.2;
	padding-right: 15px;
}
#mainMenuRight li b {
	font-size: 12pt;	
}
#mainMenuRight a {
	color: #FFF;
	text-decoration: none;
}
#mainMenuRight a:hover {
	color: #cadff0;
}
#mainMenuCounter{
 border-left: 1px solid #FFF;
 line-height: 48px;
 float: right;
 vertical-align: middle;
 padding: 0 8px 0 8px;
/* background: url(../img/mainMenuRtCorner.gif) no-repeat top right; */
 color: #FFF;
 font-weight: 700;
 font-size: 16px;
 
 _height: 40px;
 _padding-top: 10px;
}
#mainMenuCounter img{
 float:none;
 vertical-align:middle;
}
#mainMenuCounter span{
 font-style: italic;
 font-weight: normal;
 font-size: 11px;
}

/* [ Main Images ] */
#mainImages {
 height: 212px;	
 border: 2px solid #FFF;
 border-width: 1px 0;
 border-top: 0px;
 background-color:#666
}
.mainImage {
 border: 0;
 float:left;
 /*overflow:hidden;*/
 height: 212px;
 /*width: 306px;*/
}

/* [ Main Tagline ] */
#mainTagline {
/* height: 50px;

 background: #003e7e url(../img/bgGradMainTagline.gif) repeat-x scroll 0 0;
*/
 color: #faf7c8; 
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 text-align: center;
 letter-spacing: 1px;
 vertical-align: middle;
 /*line-height: 50px;
 padding-bottom:7px;*/
}

/* [ Left Column ] */
#leftcolumn { 
 min-height: 500px;
 width: 440px;
 float: left;
 font-size: 11px;
}
#leftcolumncopy{
 padding: 35px 10px 10px 0px;
 line-height: 18px;
}
#leftcolumncopy p {
 padding-bottom: 23px;
}
#leftcolumncopy ul {
 margin: 0 0 5px 40px;
}
#leftcolumncopy li { 
 list-style: url(../img/listStyleStar.gif);
 padding-bottom: 8px;
}
#leftcolumncopy li span { 
 color: #000;
 font-style: italic;
}

#template-content {
	margin-left: 0;
}

/* [ Homepage Red Tabs ] */
.redtab-left {
	float: left;
	background: #c31837 url('/media/img/redTabLeft.gif') top left no-repeat;
	_margin-bottom: 0;
}
.redtab-right {
	background: transparent url('/media/img/redTabRight.gif') top right no-repeat;
	padding: 8px 25px;
	font-size: 10pt;
	font-weight: 700;
	color: #FFFFFF;
	_margin-bottom: 0;
}
.redtabbox {
	clear: left;
  background: url('/media/img/redtabbox-main.gif') repeat-y;
  width: 402px;
	margin-bottom: 30px;
	_margin-bottom: 0;
  _padding: 0;
}
.redtabbox h2 {
  margin: 10px 15px 0;
  padding: 0;  
}
.redtabbox p {
  margin: 15px;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.redtabbox img {
  padding: 0;
}

/* [ Homepage Blue Tabs ] */
.bluetab {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	background-color:#003E7E;
	float:left;
	padding: 8px 25px;
	font-size: 10pt;
	font-weight: 700;
	color: #FFFFFF;
}
/*.bluetab-left {
	float: left;
	background: #003E7E url('/media/img/redTabLeft.gif') top left no-repeat;
	_margin-bottom: 0;
}
.bluetab-right {
	background: transparent url('/media/img/redTabRight.gif') top right no-repeat;
	padding: 8px 25px;
	font-size: 10pt;
	font-weight: 700;
	color: #FFFFFF;
	_margin-bottom: 0;
}
.bluetabbox {
	clear: left;
  background: url('/media/img/redtabbox-main.gif') repeat-y;
  width: 402px;
	margin-bottom: 30px;
	_margin-bottom: 0;
  _padding: 0;
}
.bluetabbox h2 {
  margin: 10px 15px 0;
  padding: 0;  
}
.bluetabbox p {
  margin: 15px;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.bluetabbox img {
  padding: 0;
}*/

* html img#theProblemChild {
  position: relative;
  top: -12px;
  _position: absolute;
}

/* Not IE */
* > img#theProblemChild {
  position: absolute;
}
/* [ Right Column ] */
#rightcolumn { 
 float: right;
 min-height: 500px;
 line-height: 18px;
}
#rightcolumncopy{
 padding: 0 10px 0 0;	
 width: 440px;
}
#supportBox {
 background-color: #faf7c8;
 font-size: 11px;
 margin: 15px 0 30px 0;
 min-height:190px;
 position:relative;
}
/*#supportBox {
 background: #faf7c8;
 font-size: 11px;
  margin: 15px 0 30px 0;
}*/
#supportBox div {
 padding: 0 15px;	
}
#supportBox div p {
  margin-bottom: 7px;
}

#serviceBoxTop {
  background: #C9DEF0 url(/media/img/serviceTop.gif) no-repeat top;
}
#serviceBox {
 background: transparent url(../img/serviceBottom.gif) no-repeat bottom;	
 min-height: 195px;
 margin: 30px 0 0 0;
 border-top: 0px solid red;
}
#serviceBox div {
 clear: left;
 padding: 0 10px;
}
#servicePhotos img {
 border: 3px solid #FFF;
 padding: 1px;
 margin: 0 1px;
}
#serviceBox div hr {
 border-width: 0;
 border-top: 1px solid #d9eaf7;
 border-bottom: 1px solid #bbd2e6;
 margin: 10px 0;
 padding: 0;
}
.topfiveBoxTop {
	background: #C9DEF0 url(/media/img/serviceTop.gif) no-repeat top;
	margin: 30px 0 0 0;
	padding: 0;
  border-bottom: 1px solid white;
}
.topfiveBox {
	background: url(/media/img/serviceBottom.gif) no-repeat bottom;
	margin: 0;
	font-size: 12px;
  border: 0px solid green;
}
.topfiveBox div {
	clear: left;
	padding: 0 15px 15px;
	_padding-bottom: 60px;
	_padding-top: 15px;
/*
  border: 1px solid blue;
*/
}
.topfiveBox div  hr {
 border-width: 0;
 border-top: 1px solid #d9eaf7;
 border-bottom: 1px solid #bbd2e6;
 margin: 10px 0;
 padding: 0;
}
.topfiveBox div table th {
	padding: 6px 12px;
}
.topfiveBox div table td {
	padding: 4px 12px;
}
.topfiveBox div table td.number {
	text-align: center;
}
.topfiveBox div table td img {
  margin-bottom: -5px;
}
#trueHeroBox {
 margin: 30px 0 0 0;
}
#trueHeroBox div {
 _clear: left;
 _border: 1px solid #E51837;
 _width: 408px;
 _border-width: 0 1px;
 _padding: 0 15px;
 /*
_min-height: 290px; 
*/
}
#trueHeroBox > div {
 clear: left;
 border: 1px solid #E51837;
 width: 408px;
 border-width: 0 1px;
 padding: 0 15px;
/*
 min-height: 290px;
*/ 
}
#trueHeroBox div div {
 _padding: 30px 0;
 _text-align: center;
 _border: none;
 _height: 20px;
}
#trueHeroBox > div > div {
 padding: 30px 10px;
 text-align: center;
 border: none;
}
#trueHeroLogos img {
	float: left;
	margin: 10px 5px;
	
}
#trueHeroLogos div {
	float: right;
	border-left: 1px solid #E51837;
	padding-left: 25px;
  _width: 100px;
}

/* [ Sponsors ] */
#sponsor-left {
	float: left;
	width: 40%;
}
#sponsor-right {
	float: right;
	width: 55%;
}
#sponsors {
 /*clear: both;*/
}
#sponsorLeftButton, #sponsorRightButton {
 cursor: pointer;
}
#sponsors div {
 border: 1px solid #c9def0;
 border-width: 1px 0;
 height: 148px;	
 text-align: center;
 line-height: 148px;
}
#sponsors div a {
 vertical-align: middle;
 padding: 0 15px;
}

#sponsors div a img {
float: center;
 display: inline;
  vertical-align: middle;
}
#sponsors div a.hidden {
 display: none;
}
#sponsor-list li {
  display: list-item;	
}
#sponsor-list div.logo {
 clear: both;
 float: left;
 width: 40%;
 text-align: center;
}
#sponsor-list div.info {
 float: left;
}
#sponsor-list div.info h2 {
 margin: 40px 0 0 0;
}
#sponsor-list div.info img {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
#sponsor-list div.info p {
	margin: 0 0 15px 0;
	
}

/* [ Vote ] */
.legendbox {
	padding: 15px 15px 30px 15px;
	border: 1px #c9def0 solid;
	margin-top: 7px;
	margin-bottom: 25px;
}
.legendbox span {
	font-size: 8pt;
	margin: 0 15px;
}
.legendbox img {
	margin-bottom: -6px;
}
.sponsorbox {
	float: right;
	width: 300px;
	height: 250px;
	border: 1px #c9def0 solid;
	margin-top: 10px;
}
.blueTab {
	color: #faf7c8;
	height: 39px;
	font-size: 13pt;
	font-weight: 600;
	background: #003d7d;
	clear: both; 
	float: left;
	margin-left: 0;
}
.blueTabLeft {
	background: url("/media/img/blueTabLeft.gif") left top no-repeat;
}
.blueTabRight {
	background: url("/media/img/blueTabRight.gif") right top no-repeat;
	padding: 12px 15px 0;
}
.projectListTable {
	clear: both;
	border: 1px #003d7d solid;
	margin-left: 1px;
	padding: 15px;
	width: 920px;
	background: none;
}
.projectListTable tr.head, 
.projectListTable .head th {
	background: url("/media/img/tableHeaderGradient.gif") top repeat-x;
}
.projectListTable tr.head th {
	text-align: left;
	vertical-align: middle;
	color: #003d7d;
	padding: 14px;
	padding-top: 8px;
}
.projectListTable tr.head th div {
	float: left;
}
.projectListTable tr.head th img {
	margin-left: 3px;
	margin-bottom: -1px;
}
.projectListTable tr.even,
.projectListTable .even td {
	background: #FBF9D9;
}
.projectListTable tr.odd,
.projectListTable .odd td {
	background: #FFFFFF;
}
.projectListTable tr td {
	text-align: left;
	vertical-align: top;
	padding: 14px;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 10pt;
}
.projectListTable tr td.vote img {
	margin-bottom: -5px;
}

.listFooter {
	margin-top: 15px;
}
.listFooter .optionalText {
	float: left;
}
.listFooterInner {
	text-align: center;
	padding: 0 15px;
	margin: 0 auto;
	min-width: 100px;
}
.optionalText {
	float: left;
	padding: 0 3px;
	margin-top: -2px;
	margin-left: auto;
}
.listFooter img {
	margin: 0 13px -3px;
}
.pagination {
	margin-top: 15px;
	vertical-align: middle;
	float: right;
  *width: 67%;
}
.pagination img {
	margin: 0 13px -3px;
}
.pagination span a {
	text-decoration: none;
	padding: 2px 6px;
	border: 1px #c9def0 solid;
}
.pagination span a.disabled {
	color: #afafaf;
}
.pagination span a:hover {
	background: #cadff0;
}
.pagination span a.selected {
	background: #003d7d;
	color: #FFFFFF;
}
.pagination .perPageSelector {
	float: right;
	margin-top: -20px;
	margin-left: 4px;
}

/* [ Project Detail ] */
.project-left-column {
	clear: both;
	float: left;
	width: 440px;
}
.project-left-column p {
	margin-bottom: 15px;
}
.project-left-column ul {
	margin-bottom: 15px;
	list-style: circle;
	list-style-position: inside;
	line-height: 18px;
}
.project-left-column dl {
	font-size: 8pt;
	line-height: 14pt;
	margin-top: 15px;
}
.project-left-column dt {
	clear: both;
	float: left;
	width: 150px;
	font-weight: 600;
	margin-left: 15px;
}
.project-left-column dd {
	float: left;
	width: 250px;
}
.project-left-column em.footnote {
	font-size: 8pt;
	color: #00346A;
}
.project-right-column {
	float: right;
}
.project-right-column p img {
	float: left;
	padding: 2px;
	margin: 15px;
	border: 2px solid #003E7E;
}
#project-details {
  width: 450px;
}
#project-details div {
	padding: 15px;
}
/* [ Contact page ] */
#contact-box {
	float: left;
	width: 580px;
	margin-bottom: 40px;
}
#contact-box div {
	padding: 25px 25px 25px 45px;
	height: 490px;
}
#contact-right-box {
  float: right;
  width: 300px;	
}
#contact-right-box div {
  padding: 30px;
  height: 481px;	
}

/* [ Login page ] */
#login-box {
	float: left;
  width: 602px;
}
#login-box div {
  padding-left: 45px;
  height: 280px;
  
}
#register-box {
	float: right;
	width: 300px;
}
#register-box div {
  padding: 30px;
  height: 260px;
}

/* [ Register page ] */
#red-register-form{
margin-top: 6px;
width: 502px;
}
#red-register-form div div{
	margin:0;
	padding:0;
	clear:none;
}
#register-form {
	float: left;
}
#register-blue-box {
	float: right;
  width: 400px;
}
#regisiter-blue-box div {
  min-height: 300px;
  _height: 300px;  
}

/* [ Add Project page ] */
#project-form {
  float: left;
	width: 504px;
}
#project-blue-box {
  float: right;
  width: 360px;
}
#project-blue-box ul {
	list-style-position: inside;
	list-style-type: circle;
	margin: 10px 0 15px 10px;
}
#project-blue-box ul li {
	line-height: 1.7;
}

/* [ Subpage Navigation ] */
.page-nav ul {
  float: left;
}
.page-nav li {
  display: inline;
  font-size: 9pt;
  color: #003E7E;
  font-weight: 600;
  margin-right: -4px;
}
.page-nav li a {
  font-weight: 600;
}
.page-nav li a.selected {
  color: #003E7E;
}


/* [ News ] */
#news-left {
	float: left;
	width: 580px;
}
#news-left div#nav {
	text-align: right;
}
#news-left h3 {
	color: #C3092D;
}
#news-left em {
	font-size: 8pt;
}
#news-left p {
  margin: 10px 0;
}
#news-left b {
	margin-bottom: 10px;
}
#news-right {
	float: right;
	width: 310px;
}
#news-right div {
	padding: 40px 30px;
}
/* [ Footer] */
#footer { 
 clear: both;
 font-size: 11px;
 margin: 10px 20px;;
}

/* [ Redbox ] */
.redbox {
  padding: 0;
	border: #e51837 1px solid;
}
.redbox div {
	clear: both;
	padding: 20px;
}
.bluebox {
	border: none;
	padding: 0;
  background: #C9DEF0;
}
.bluebox div {
	clear: both;
	padding: 20px;
}
img.upper-left {
	float: left;
}
img.upper-right {
	float: right;
}
img.lower-left {
	float: left;
}
img.lower-right {
	float: right;
}
.redbox img.upper-left {
  _margin-top: -12px;
  margin-top: -1px;
  margin-left: -1px;
}
.redbox img.upper-right {
  _margin-top: -12px;
  margin-top: -1px;
  margin-right: -1px;
}
.redbox img.lower-left {
  _margin-bottom: -12px;
  margin-bottom: -1px;
  margin-left: -1px;
  overflow: visible;
 }
.redbox img.lower-right {
  _margin-bottom: -12px;
  margin-bottom: -1px;
  margin-right: -1px;
  overflow:visible;
 }
.redbutton {
	float: left;
	padding: 0;
	height: 20px;
	max-width: 400px;
  background: url(/media/img/redButtonLeft.gif) top left no-repeat;
  display: block;
  vertical-align: baseline;
}
.redbutton div {
	margin: 0;
	padding: 0;
	height: 20px;
  _width:180px;
  background: url(/media/img/redButtonRight.gif) top right no-repeat;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 11pt;
}
.redbutton div:hover {
  color: #CDCDCD;
 }
.redbutton a {
  color: #FFFFFF;
  text-decoration: none;
}
.redbutton a:hover {
  color: #CDCDCD;
}

/* [ Templates ] */
#template-blue-box-right {
	float: right;
	width: 300px;
}
#template-blue-box-image {
	float: right;
	width: 400px;
}
#template-blue-box-image div {
	padding: 50px 0;
}
#corporate-licensing-bluebox {
	float: right;
	width: 400px;
}
#corporate-licensing-bluebox div {
	padding: 50px 15px;
}
div#nav {
  text-align:right;
}
.socialIcon{
	float:right; 
	height:25px; 
	margin:6px 6px 0 0;
	vertical-align:middle;
	width:25px; 
}