﻿body
{
	background: #004276 url(/content/images/detroit_back.jpg) no-repeat top center;
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
}

a
{
    color: #004276;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}


/*------------------------------------------old links -------------------*/

a,  a:link {
  color:#004276;
}

a:hover {
  text-decoration: underline;
}

img
{
    border:0;
}

/*-------------------------------------------------------------- end ------------*/

h1, .pagetitle, .pageTitle, .Pagetitle, .PageTitle

{
font-size:210%;
line-height:130%;
font-family: Arial, Helvetica, sans-serif;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#000;
}

h2

{
font-size:140%;
/*border-top:1px dashed #ccc;*/
padding-top:10px;
font-weight:normal;
}

form
{
    margin:0;
    padding:0;
    display:inline;
}

input[type=submit]
{
    cursor:pointer;
}

#headerwrap, #mainnavwrap, #contentwrap, #footerwrap
{
    text-align:center;
}

#header, #mainnav, #contentinner, #footer
{
    clear:both;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

#header
{
    position:relative;
    height:106px;
}

#logo
{
    position:absolute;
    top:11px;
    left:0;
}

#search
{
    position:absolute;
    right:11px;
    bottom:7px;    
    width: 240px;
    height:26px;
}

#search input[type=submit]
{
    position:absolute;
    top:0;
    right:0;
    background: transparent url(/content/images/search_submit.png) no-repeat center center;
    border:none;
    height: 26px;
    width: 36px;
}

#search input[type=text]
{
    border:none;
    position:absolute;
    top:0;
    left:0;   
    width:186px;
    height:20px;
    padding: 5px 0 0 14px; 	
    background: transparent url(/content/images/search_back.png) no-repeat center center;
}

#mainnav
{
    height:41px;
    position:relative;
    background: transparent url(/content/images/mainnav.png) no-repeat top center;
}

.mainnavlist
{
    position:absolute;
    bottom:0px;
    left:0px;
    padding:0;
    margin:0;
}

.mainnavlist li
{
    padding: 0;        
    margin:0;
    display:inline;
    list-style-type: none;
}

.mainnavlist a
{    
    float:left;
    margin:0;
	padding: 12px 20px 12px 20px;
    text-transform:uppercase;
    text-decoration:none;    
    font-size:14px;
    font-weight:normal;
    color: #fff;
    border-left: solid 1px #263664;
}

.mainnavlist li:first-child a
{
    border-left:none;
}

.mainnavlist a:hover
{
    text-decoration:underline;    
}

#contentinner
{
    background-color: #fff;
    padding: 10px 0 10px 0;
}

#sidecontent
{
    width:210px;
    float:left;
    margin-left:10px;
}

#mainfeature
{
    background-position: left top;
    width: 720px;
    float: right;
    position: relative;
    height: 393px;
    margin-right: 10px;
    background-color: #ccc;
}

.featpanel, .featpanel > a > img
{
    width:400px;
    height:300px;
}

.featpanel
{
    position:relative;
}

.vidplay
{
    position:absolute;
    top:90px;
    left:145px;
    width:110px;
    height:120px;
    cursor:pointer;
}

#mainfeaturecarousel
{
	position:absolute;
	left:0;
	top:0;	
}

#mainfeatureitems
{
    width:318px;    
    height:300px;
    position:absolute;
    right:1px;    
    top:0;
}

#mainfeatureitems > div
{
    position:relative;
    height:59px;
    cursor:pointer;
    margin-top:1px;
	background: #fff url(/content/images/feature_item_back.png) repeat-x bottom left;
}

#mainfeatureitems img
{
    position:absolute;
    top:6px;
    left:6px;
    width:60px;
    height:45px;
	border: solid 1px #ccc;
}

#mainfeatureitems p
{
    margin:0;
    padding:0;
    font-size:12px;
    color: #333;
    position:absolute;
    left:78px;
	right:10px;
    top:6px;
	line-height:normal;
}

#mainfeaturedetail
{
    height:93px;
    overflow:hidden;
    position:absolute;
    background-color: #000;
    color: #fff;
    left:0;
    right:0;
    bottom:0;    
}

#mainfeaturedetail > div
{
    position:absolute;
    left:0;
    top:0;
    padding:10px 10px 0 10px;
    font-size:12px;
    display:none;
    height:85px;
    overflow:hidden;
}

#mainfeaturedetail > div:first-child
{
    display:block;
}

#mainfeaturedetail h1
{
    margin:0;
    padding:4px 0 0 0;
    font-weight:bold;
    font-size:20px;
    color: #fff;
    line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
}

#mainfeaturedetail a, #mainfeaturedetail p
{
    margin:0;
    padding:0;
}

#mainfeaturedetail a
{
    color: #fff;
}

#mainfeaturedetail a
{
	text-decoration:none;
}

#mainfeaturedetail a:hover
{
text-decoration:underline;
}

.sidebox
{
    padding:0;
}

#subcontent h1
{
    position:relative;
    font-weight:normal;
    color: #000;
    font-size:18px;
    margin:0;
    padding:4px 0 4px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
    border: solid 1px #ddd;
    background: #fff url(/content/images/quick_link_back.png) repeat-x left bottom
}

#subcontent
{
    float:right;
    width:730px;
    padding: 20px 0 0 0;
}

.subfeature
{
    width:345px;
    padding: 0;
    margin:0;
    float:left;
    margin:0 20px 0 0;
}

.subfeature ul
{
    margin: 0 0 0 10px;
    padding:0;
}

.sidebox ul
{
    margin:0;
    padding:0;
}   

.subfeature li
{
    list-style-type:none;
    margin:0;
    padding:6px 0 6px 0;
    font-size:12px;
    border-top: solid 1px #cccccc;
}

.subfeature li:first-child
{
    border-top: none;
}

.subfeature h2
{
    margin:0;   
    padding:0 0 5px 0;
    font-weight:bold;
    font-size:12px;
	border:0px;
}

div.clear
{
    clear:both;
}

#footer
{
    height:165px;
    padding: 20px 0 0 0;
    font-size:12px;
    background: transparent url(/content/images/footer.png) no-repeat bottom center;
    margin-bottom:30px;
	text-align:center;
}

#footer h1
{
    color:  #004276;
    margin:0;
    padding:0 0 5px 0;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
}

.footopen
{
    font-size:160%;
    font-weight:bold;
    color:#004276;
}

#footer, #footer a
{
    color:#fff;
}

.subfooter
{
    float:left;
    width:290px;
    padding: 0 0 0 20px;
}

.subfooter h1
{
    color: #c0e31c;
    margin:0;
    padding:0 0 5px 0;
    font-size:14px;
    border-bottom: solid 1px #4e5b0b;
	font-family: Arial, Helvetica, sans-serif;

}

#footer ul
{
    margin:0;
    padding:0;
}

#footer ul li
{
    margin:0;
    padding:4px 0 4px 0;
    list-style-type: none;
}

#newsletter
{
    display:block;
    margin-top:10px;
    position:relative;
}

#newsletter input[type=text]
{
    margin:0;
    position:absolute;
    top:0;
    left:0;
    padding:3px 0 0 5px;
    width:200px;
    height:19px;
    border:none;
}

#newsletter input[type=submit]
{   
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding-top:2px;
    padding-left:5px;
    width:80px;
    height:23px;
    text-transform:lowercase;    
    border: solid 1px #2C3941;
    background: #40505E url(/content/images/grad_footer_button.png) repeat-x bottom left;
    color: #96AAB8;
    font-size:13px;
    font-weight:bold;
}

.stepcarousel
{
    position: relative; /*leave this value alone*/
    border: 0px;
    overflow: scroll; /*leave this value alone*/
    width: 400px; /*Width of Carousel Viewer itself*/
    height: 300px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .featbelt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

#maincontent
{
    float:right;
    width:720px;
    min-height:500px;
    padding: 0 10px 0 0;
}

#widecontent
{
    padding: 0 10px 0 10px;
}

.breadcrumbs
{
    margin:0;
    padding:0;
}

.breadcrumbs li
{
    display: inline;    
    list-style-type: none;
    margin:0;
    padding:0 20px 0 0;
}

.cal
{
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #ccc;
}


/* handle the calendar nav */

.cal-navigator 
{
    background-color:#004276;
    padding:8px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;
    
    
}

.cal-navigator select, .cal-navigator input 
{
    font-size:11px;
    text-transform:uppercase;
    vertical-align:middle;    
   
}

.cal-navigator a
{
    color:#fff;
    margin-right:30px;    
        
}

.cal-navigator b
{
    color:#fff;
    margin-right:30px;
    border:1px solid #fff;
    /*background-color:#2F5371;*/
    /*color:#000;*/
    padding:2px 6px 2px 6px;    
}

.cal-navigator .cal-label 
{
    color:#fff;
}

/*-------------------------------------------*/

.cal-viewtype
{
    background-color:#eee;
    padding:8px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:20px;  
}

.cal-viewtype a
{
    color:#004276;    
    margin-right:30px;
    
}

.cal-viewtype b
{
    color:#666;
    margin-right:30px;
    border:1px solid #666;
    padding:2px 6px 2px 6px;
}

.cal-viewtype .cal-label 
{
    color:#000;
}

/*-------------------------------------------*/

.cal-month-picker
{
    background-color:#999;
    padding:8px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;  
    margin-bottom:20px;
}

.cal-month-picker select, .cal-month-picker input 
{
    font-size:11px;
    text-transform:uppercase;
    vertical-align:middle;
}

.cal-month-picker a
{
	color: #fff;
}

.cal-month-picker .cal-label 
{
    color:#fff;
}

.cal-label 
{
    font-weight:bold;
    font-size:11px;
    width:100px;    
    text-transform:uppercase;
    display:block;
    float:left;
}

.cal-col
{
    width: 14.3%;
}

.cal-header
{
    border: solid 1px #ccc;
}

.cal-day
{
    vertical-align:top;
    border: solid 1px #ccc;
    height: 150px;
    font-size:13px;
}

.cal-day-weekend
{
    vertical-align:top;
    border: solid 1px #ccc;
    height: 150px;
    font-size:13px;
}

.cal-day-unused
{
    border: solid 1px #ccc;
    background: #ccc;
    height: 150px;
    
}

.cal-daynum
{
    text-align: center;
    border-bottom: solid 1px #ccc;
    background-color:#eee;
}

.cal-item
{
    /*margin-bottom:7px;*/
    padding:7px;
}

.inset
{
    float:right;
    padding: 0 0 20px 20px;
	background-color:#fff;
}

/*---------------bread-----------------------------------------*/

ul.breadcrumbs, ul.breadcrumbs li
{
    display:inline;
	margin-left:0;
}



ul.breadcrumbs
{
    padding:0px;
	
	display:block;
	margin:0px;
	margin-bottom:20px;	
}

ul.breadcrumbs li
{
    margin:0px 5px 0px 0px;
    padding:0px 0px 0px 5px;
    font-size:12px;
	
	
	display: inline;
    margin-right: 3px;   	
	background:transparent url('/content/images/bread-back.png') no-repeat right bottom;
	padding:4px 15px 6px 6px;
	color:#fff;
	font-size:11px;	
	
	padding:4px 12px 6px 6px;
	
}


ul.breadcrumbs a
{
    text-decoration:none;

	color:#fff;
}

ul.breadcrumbs a:hover
{
    text-decoration:underline;
}

/*-------------------end bread---------------------------------*/

.search-summary

{
font-weight:bold;
padding-top:10px;
}

.section-top
{
font-size:16px;
line-height:24px;
font-weight:bold;
padding-bottom:7px;
color:#000;
}

.section-top a
{
color:#000;
}


.ourlist-selected

{
background-color:#eee;
font-weight:bold;
padding-left:20px;
}

.sidebox .ourlist li
{
    padding: 8px;
    background: #fff url(/content/images/quick_link_back.png) repeat-x bottom left;
    border-bottom: solid 1px #ddd;
    border-left: solid 4px #ddd;
    border-right: solid 1px #ddd;
}

.sidebox .ourlist li:first-child
{
    border-top: solid 1px #ddd;
    font-weight:normal;
}

.sidebox .ourlist li ul li
{
    padding: 8px;
    background: transparent;
	border:none;
}

.sidebox .ourlist li ul li:first-child
{
	border:none;
}

.ourlist-selected LI
{
border:0px solid #ddd;
margin-left:20px;
margin-right:20px;
font-weight:normal;
padding-bottom:0px;
}

.brt-related-list h2

{
border:0px;
padding-top:0px;
}

.blog-author
{
    float:right;
    width:200px;
    padding: 0 0 20px 20px;
    background: #fff;
}

.mapdiv
{
background-color:#fff;
}

.flright
{
background-color:#fff;
padding-left:20px;
padding-bottom:20px;
}

li.ourlist-selected
{
	padding-left:10px;
}

.tableback

{
background-color:#f2f2f2;
border:1px solid #ccc;
}

.tableback td

{
padding:5px;

}

.rowconfirm

{
background-color:#577382;
color:#fff;
}

.rowheader

{
background-color:#577382;
color:#fff;

}

.more-small
{
position:relative;
font-size:60%;
font-weight:normal;
text-decoration:underline;
margin-left:10px;
}


.our-flex-grid 
{
    height:290px;
    overflow:hidden;
    float:left;
    width:178px;
    padding:10px;
    margin:5px;
    border:1px solid #ccc;
    text-align:center;
    background:#fff url('/content/images/people_shading.gif') repeat-x bottom;
}

.our-flex-grid h2
{
    border:0px solid #fff;
    padding:0px;
}

.our-flex-grid img
{
    background:#fff;
    padding:8px;
    border:1px solid #ccc;
    margin-bottom:8px;
}

.flex-email 
{
    padding-left:20px;
    background:transparent url('/content/images/mail_send.png') no-repeat;
    
}

.ourlist li
{
    list-style-type:none;
}

.housebanner
{
    margin: 20px 0 0 0;
    padding:0;
}

.housebanner > a > img
{
    border: solid 5px #eee;
}

.housebanner > h2
{
    border:none;
    margin:5px 0 0 0;
    padding:0;
    font-weight:bold;
    font-size: 12px;
}

.housebanner p
{
    margin:0;
    padding:0;
    font-size: 12px;
}

.searchoursite
{
    color: #999;
}

.sidebox .ourlist a
{
    color: #333;
    font-weight:normal;
}

.newsinset
{
	float:right;
	width:240px;
	padding-left:10px;
	padding-bottom:10px;
	background-color: #fff;
}

.halfcontent
{
    float:left;
    width:340px;
    margin-left:20px;
}

.halfcontent:first-child
{
    margin-left:0;
}

.submit-forms input[type=text], .submit-forms textarea
{
	width:400px;
}

.submit-forms textarea
{
	height:150px;
}

.submit-forms .brflabel
{
	font-weight:normal;
}

.insetwide
{
    float:right;
    width:400px;
    padding: 0px 0px 15px 15px;
}

/*------------------------- NOMINATIONS ----- START -------------------------*/

.nom-list
{
	float:left;
	width:300px;
	/*margin-top:20px;*/	
	margin-left:50px;
	margin-bottom:20px;
	/*border:1px solid #AAA;*/
}

.nom-list:first-child
{
	margin-left:0px;
}

	
/*background-color:#bbb;*/ /*
.nom-list h2
{
	padding:10px;
	margin:0px;
}

.nom-nominee h2
{
	margin-top:5px;
	padding:0px;
}

.nom-nominee h3
{
	margin-bottom:5px;
	padding:0px;
}
*/

.nom-photo img
{
	width:150px;
	height:200px;
}

.nom-nominate-a
{
    padding:5px;
    border: 1px solid #ccc;
    margin-left:5px;    
}

.nom-nominate-a:hover
{
    text-decoration:none;
    background: #e9e9e9;
}

.nom-row1
{
	background-color:#EFEFEF;
	padding:10px;
}

.nom-row2
{
	background-color:#DFDFDF; /* e9e9e9 */
	padding:10px;
}
/*------------------------- NOMINATIONS ----- END -------------------------*/

/*-----stuff for forms prettiness--------------------------*/

.submit-forms input[type=text], .submit-forms textarea
{
   width:370px;
   border:3px solid #c4d7ec;
   padding:5px;
}

.submit-forms select
{
   border:3px solid #c4d7ec;
   padding:5px;
}

.submit-forms textarea
{
	height:150px;
}

.submit-forms table tbody tr td
{
    padding-bottom:7px;
    padding-top:7px;
    /*border-bottom:1px solid #fff;    */
}

.submit-forms input[type=text].brfinvalid, .submit-forms textarea.brfinvalid
{
	border-color: #f00;    
}

.submit-forms table
{
    background-color:#D0DFF0;
    padding:10px;
}

.submit-p
{
   /*text-align:center;*/
}

.brfgridheader
{
    display:none;
}

.brfnondepsubform
{
    border:1px dashed #7DA9D5;
    margin-top:10px;
}

.submit-forms h2
{
    padding:0;
    margin:0;
}

.big-choice-form, .big-choice-phone, .big-choice-members, .big-choice-vote
{
    background-color:#D0DFF0;
    border:1px solid #c4d7ec;
    padding:10px;
    padding-left:74px;
    min-height:56px;
    background-repeat:no-repeat;
    background-position:5px 5px;
}

.big-choice-form
{
    background-image:url(/content/images/edit_page.png);
}

.big-choice-phone
{
    background-image:url(/content/images/telephone.png);    
}

.big-choice-vote
{
    background-image:url(/content/images/megaphone.png); 
    margin-top:10px;   
}

.big-choice-vote h2:first-child
{
    margin-top:0;
}

.big-choice-members
{
    background-image:url(/content/images/ic_members.png);
}

.vanilla-choice
{
    background-color:#D0DFF0;
    border:1px solid #c4d7ec;
    padding:10px;
}

.big-choice-form p:first-child, .big-choice-phone p:first-child, .big-choice-members p:first-child, .vanilla-choice p:first-child
{
    margin-top:0;
}

#dropins
{
    overflow:auto;
    height:200px;
}

#memberlogin input[type=text], #memberlogin input[type=password]
{
    width:150px;
}

.smally 
{
    font-size:11px;
}

.loginerror
{
    background-color: #962C2C;
    color: #fff;
    font-weight:bold;
    padding:10px;    
}

.brfsubform > a
{
   font-size:22px;
   font-weight:bold;
}
/*-----end of forms stuff----------------------------------*/