/* CSS Document */

/* ALL PAGES */
a { color:#fff; }
.red-color { color:#b31b1b; }

#wrapper { position:relative; background:#2b2b2b url(../images/layout/background-tile.png) repeat-x left top; }

#bg-shim { display:block; position:absolute; left:50%;  top:75px; height:260px; width:50%; z-index:1; background-color:#2b2b2b; }

.share {width: 100px;position: absolute; top:0; left:450px; padding:13px 0px 20px 0; height:18px; }
.share a.btn {font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: #333; display: block; border-radius: 3px; padding: 5px; position: absolute;z-index: 100; cursor:pointer;}
.share a.btn:hover {background-color: #444; }

.share ul { position: absolute; left: 3px; margin-top: 2px; z-index: 10;}
.share ul li {display: inline;}
.share ul li a { display: block; width: 16px; height: 16px; text-indent: -5000px; float: left; margin-right: 6px;background: url(../images/social_sprite.png) no-repeat left top;}

.share ul li.facebook a {background-position: left top;}
.share ul li.twitter a {background-position: -16px top; }
.share ul li.google a {background-position: -32px top; }
.share ul li.pinterest a {background-position: -48px top; }

.share ul li.facebook a:hover {background-position: left bottom;}
.share ul li.twitter a:hover {background-position: -16px bottom; }
.share ul li.google a:hover {background-position: -32px bottom; }
.share ul li.pinterest a:hover {background-position: -48px bottom; }


/********************/
/* PROFILE PAGE */
/********************/

#ban-shim { position:absolute; top:62px; left:636px; width:8px; background:#2b2b2b; height:325px; display:none; z-index:10; }

.profile { background:#fff; font-family: Georgia, "Times New Roman", Times, serif;  position:relative;}

.profile .content { position:relative; }

.profile .field-name-body { padding:28px 56px 28px 26px; width:618px; font-size:16px; line-height:26px; }

.profile .field-name-body ul { margin-left:30px; }

.profile .field-name-body ul li { margin:8px 0; }

.profile .field-name-body p { margin-bottom:20px; }

.profile .field-name-body a { color:#b31b1b; }

.profile .field-name-field-image { margin:0; padding:0; width:960px; border-bottom:8px solid #2b2b2b; } 

.profile .field-name-field-image img { display:block; margin:0; padding:0; }

.profile .field-name-field-name { border-left:4px solid #b41a1c; padding-left:26px; font-size:36px; margin-top:40px; line-height:36px; height:36px; font-family: 'Open Sans Condensed', sans-serif; } 

.profile .field-name-field-subtitle1, .profile .field-name-field-subtitle2 { border-left:4px solid #b41a1c; padding-left:26px; font-size:14px; padding-top:10px; line-height:14px; height:14px; font-family:Arial, Helvetica, sans-serif;   } 

.profile .field-name-field-subtitle2 { color:#555; padding-top:6px; }

.profile .field-name-field-gallery, .profile .field-name-field-external-video-url { display:block; position:absolute; right:-2px; width:264px; /*top:448px;*/  top:539px; float:left; margin:0; padding:0; }

.profile .field-name-field-external-video-url a{ color:#b31b1b; font-size:14px; padding:10px 0; }

.profile .external-image img { width:240px; }

.profile .field-name-field-gallery img, .profile .field-name-field-external-video-url { float:left; margin:0 2px 2px 0; }

.profile .field-name-field-pullquote1, .profile .field-name-field-pullquote2, .profile .field-name-field-related-info { position:absolute; background-color: #b41a1c; background-image:url(../images/pullquote-top.gif), url(../images/pullquote-bottom.gif); background-position: left top, left bottom; background-repeat:repeat-x; color:#fff; font-weight:normal; top:50%; right:0; width:212px; padding:20px 24px; font-size:20px; line-height:30px; }

.profile .field-name-field-related-info { font-size:14px; line-height:18px; top:45%; }
.profile .field-name-field-related-info h3 {  font-family: 'Open Sans Condensed', sans-serif; text-decoration:none; border:none; font-weight:normal; }
.profile .field-name-field-related-info ul { margin:0 0 14px 20px; } 
.profile .field-name-field-related-info ul li { margin-bottom:6px; }
.profile .field-name-field-related-info strong { margin:20px 0 6px 0; }
.profile .field-name-field-related-info h4 { margin:0; font-size:100%; }

.profile .field-name-field-pullquote2 { top:75%; }

/*top filter bar */
.grid-filter-bar { height:54px; background:#202020; color:#fff;  position:relative; width:960px;   }
.top { border-top-right-radius:3px; border-top-left-radius:3px; padding:0 0 4px 0; } 
.bottom { border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding:4px 0 0 0; }

/* INTER PROFILE PAGER */
.pager-wrap { background:#2b2b2b; }
.pager { height:54px; background:#202020; color:#fff;  position:relative  }
#pager-wrap-bottom { padding:4px 0 0 0; }
#pager-wrap-top { padding:0 0 4px 0; }
 #pager-wrap-bottom .pager { border-bottom-right-radius:3px; border-bottom-left-radius:3px;  } 
 #pager-wrap-top .pager { border-top-right-radius:3px; border-top-left-radius:3px; padding:0 0 4px 0; } 
.pager a { text-decoration:none; }
.pager a.home-grid { position:absolute; left:16px; top:20px; height:12px; line-height:12px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/arrow_grid.png) no-repeat left 1px; padding:1px 0 0 34px ; }
.pager a.home-grid:hover { background-position:left bottom; color:#b31b1b;}
.pager .prev a, .pager .next a { display:block; height:31px; width:31px; background:url(../images/arrows_pagers.png) no-repeat; }
.pager .prev a { background-position:left top; }
.pager .next a { background-position:right top; }
.pager .prev a:hover { background-position:left bottom; }
.pager .next a:hover { background-position:right bottom; }
.pager .pager-nav { position:absolute; right:16px; top:12px; display:block; width:120px; float:left; }
.pager .pager-nav div { height:30px; background:#2b2b2b; width:30px; float:left;   } 
.pager .pager-nav div.count { width:60px; height:31px; text-align:center; font-size:11px; line-height:31px; }


/*-----------------------*/

h3.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	color: black;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	border-bottom: 1px solid black;
	margin: 0;	
}

.pullquote { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:20px 10px;color:#444; font-style:italic }

/********************/
/* FRONT PAGE */
/********************/
a.frontpage-link {
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;	
	color:#00088F;
	text-decoration:none;
}
a:hover.frontpage-link{
	text-decoration:underline;
}

.home-grid tr td { border-right:10px solid #2b2b2b; border-bottom:10px solid #2b2b2b; }

.home-grid tr td.col-last { border-right:none; }

.home-grid tr td a.img-link { display:block; margin:0; padding:0; line-height:normal; height:232px; width:232px;  }

/********************/
/* BODY */
/********************/

body {
	/*background: #d3d0c2 url(../images/body-bg.png);*/
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	background:#2b2b2b;
}

body tbody { border: none; }

#page{
	background:#2b2b2b;
	position:relative;
	z-index:2;
}



#branding { 
	text-align:center;
	height:290px;
	background:url(../images/layout/portraits-lockup.png) no-repeat 460px 60px;
	position:relative;
	width:960px;
	margin:0px;
}

#branding a.logo { display:block; height:69px; width:222px; position:absolute; top:120px; left:230px; background:url(../images/layout/portraits-identity.png) no-repeat left top; }

#branding #logo{
	height:189px;
}

#main-content-front .pager-wrap { display:none; }


	
/***************************************************/
#navigation{
margin:0px;	
position:absolute;
top:174px;
left:0px;
height:28px;
width:444px;
background:#b41a1c;
}
#navigation ul.main li a.active,
#navigation ul.main li a.active-trail,
#navigation ul.main li a:hover,
#navigation ul.main li a:focus {
color: #0B72B7;
}


/* 1st level */
#navigation ul.menu {
display:block;
padding:0;
margin:0;
margin-left:270px;
overflow:auto;
}

/*#navigation ul.menu li { display: inline-block; float:left; vertical-align: middle; padding:0 24px 0 0; margin:0; }*/
#navigation ul.menu li { display: inline-block; float:left; vertical-align: middle; padding:0 8px 0 0; margin:0; }

/*#navigation ul.menu li.last { padding:0}*/
#navigation ul.menu li.last { padding:0 0 0 8px; border-left: 1px solid #2b2b2b;}

#navigation ul.menu li a {
outline:none;
padding: 0px 7px;
text-decoration: none;
display:block;
color: #fff;
font-size: 14px;
line-height:28px;
text-align:center;
text-transform:uppercase;
}

#navigation ul.menu li a:hover, #navigation ul.menu li a.active, #navigation ul.menu li a.active-trail {
text-decoration:none;
color:#fff;
border-radius: 0px;
background-color:#b41a1c;
}

#navigation ul.menu li a:after { content: none; }

#navigation ul.menu li.expanded { position: relative; }

#navigation ul.menu li.expanded:hover a {
border-radius:0;
background: #373737;
color: #CCCCCC;
}

/* 2nd level */
#navigation ul.menu li.expanded ul.menu {
width: 190px;
z-index:100;
font-size:12px;
padding:0;
border-top:1px solid #cccccc;
background: #373737;
display: none;
position: absolute;
color: #FFFFFF;
}

#navigation ul.menu li.expanded:hover > ul.menu { display: block; }

#navigation ul.menu li.expanded ul.menu li a { font-size: 14px;
 text-transform:capitalize; color:#FFF; padding:5px 5px 5px 5px; display:block; width:170px; text-align:left; border-radius:0; -moz-border-radius:0; 
 border-top:3px solid #373737;
 border-bottom:3px solid #373737;
 border-left:5px solid #373737;
 border-right:5px solid #373737;
 }

#navigation ul.menu li.expanded ul.menu li a:hover { color: #ffffff; background: #900; list-style-type:circle;}

/*add extra space to page bottom to account for lack of footer */
#main { margin-bottom:100px; }


/* 3rd, 4th, 5th, (...) level */
#navigation ul.menu li.expanded ul ul { display: none; left: 190px; top:0; }
/******************************************************************************/

/*nomination form styles*/
.webform-client-form { padding:20px; font-size:13px; font-family:Verdana, Geneva, sans-serif; border:8px solid #4d4e53; float:left; }

.webform-client-form label { width:220px; text-align:right; display:block; float:left; }
.webform-client-form h1, .webform-client-form h3, .webform-client-form h4, .webform-client-form legend { font-family:Palatino Linotype, Palatino, Georgia, "Times New Roman", Times, serif; color:#444;}
.webform-client-form legend { margin-top:10px; }
.webform-client-form h3 { font-size:18px; border-bottom:1px solid #ddd; }
.webform-client-form h4 { font-size:14px; font-weight:bold; margin-bottom:2px; }
.webform-client-form label { font-weight:normal; line-height:18px; }
.webform-client-form input[type=text], .webform-client-form textarea, .webform-client-form input[type=submit], .webform-client-form select   {  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:14px; line-height:18px; color:#121212; padding:2px; } 
.webform-client-form textarea, select { border-color:#888; }
.webform-client-form a { 
color: #b41a1c;
text-decoration:none;
}
.webform-client-form a:hover { color:#b31b1b; text-decoration:underline; }
.confirm-message { min-height:600px; }
.links { display:none; }
#edit-submitted-nominee-netid, #edit-submitted-your-netid{ width:80px; }
.webform-client-form input[type=submit] { 
float:right;
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.webform-client-form input[type=submit]:hover { color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
background-color: #e6e6e6;
 }