img { outline: none; border: none; } /* IE9 fix */
html, body {
    background: #f8f8dd;
}
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
.ss {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #004477;
    border: none;
    font-size: 26px;
}
.bt12 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.bt14 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
}
#homepage {
    background: #f8f8dd;
    width: 100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    clear: both;
}
#homepage-container {
    width: 900px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 4px 4px rgba(102,102,102,.2);
    -moz-box-shadow: 0px 0px 4px 4px rgba(102,102,102,.2);
    box-shadow: 0px 0px 4px 4px rgba(102,102,102,.2);
    padding: 0;
    border: 0;
    outline: 0;
}
/* HOMEPAGE */
/* Container for Why Drake "marketing" content */
#homepage-whyDrake {
	background-color: #f8f8dd;
	text-align: center;
	width: 900px;
	height: 400px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

/* Container to apply shadow left of Why Drake content and display Flash animation */
#homepage-whyDrake-container {
	background: #f8f8dd;
	padding:0 15px 0 15px;
	margin: 0 auto;
	width:900px;
	height:400px;
	border: 0;
    outline: 0;
}
#slider1_container, #slider1_container a, #slider1_container div, , #slider1_container div div {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
#slider1_container img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
/* Container for homepage body */
#homepage-body {
	background-color: #f8f8dd;
	text-align:center;
	clear:both;
    width: 900px;
    margin: 0 auto;
}

/* Child container for homepage body */
#homepage-body-container {
	background: #ffffff;
	padding:10px 0;
	font:11px arial, verdana, san-serif;
	text-align:left;
	margin:0;
	width:900px;
}

/* HEADER */
/* Container for header content */
#header {
	background: #f8f8dd;
	text-align:center;
	width:100%;
	height:140px;
	clear:both;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
#maroon_bar {
   	background: #880033;
    width: 100%;
    height: 10px;
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}
#maroon_bar2 {
   	background: #880033;
    width: 100%;
    height: 0;
    border: 0;
    padding: 0;
    margin: -1px 0 0 0;
    outline: 0;
}

/* Child container for main and top menus, including search */
#header-menus {
	background: #f8f8dd;
	text-align:left;
	width:900px;
	height:140px;
	margin:0 auto;
    padding: 0;
    border: 0;
    outline: 0;
}
.header-menu-fade-1 {
background: #004477; /* Old browsers */
}
.header-menu-fade-2 {
background: #7fa1bb; /* Old browsers */
}
.header-menu-fade-1, .header-menu-fade-2 {
background: -moz-linear-gradient(top,  #7fa1bb 0%, #004477 100%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fa1bb), color-stop(100%,#004477), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7fa1bb 0%,#004477 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7fa1bb 0%,#004477 100%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7fa1bb 0%,#004477 100%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7fa1bb 0%,#004477 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fa1bb', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

/* Floats and sizes top menu in header, establishing background image */
#header-menuTop {
	float: right;
	height: 37px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
#header-menuConstituent #top_menu_graphic {
    padding-left: 1px;
}
#header-menuConstituent #top_menu_graphic img {
    width: 240px;
    height: 36px;
    outline: 0;
    border: 0;
}
#header-menuConstituent #header-menuMain0, #header-menuConstituent #header-menuMain1, #header-menuConstituent #header-menuMain2 {
    width: 84px;
}

#header-menuBottom {
	float: right;
    width: 783px;
	height: 37px;
    margin: 0;
    padding: 0;
}

/* Class to stylize the top menu's search field */
.header-menuTop-search {
    display: inline-block;
	font: 11px arial, verdana, san-serif;
	width: 130px;
	height: 20px;
	line-height: 20px;
    margin: 5px 0 0 5px;
    padding: 0;
}

/* Sizes main menu in header */
#header-menuConstituent {
	padding: 0;
	margin: 0 0 1px 0;
	width: 497px;
	height: 36px;
	float: left;
}
#header-menuMain {
	padding: 0;
	margin: 1px 0 0 0;
	max-width: 900px;
	height: 36px;
	float: left;
}
#header-menuMain li, #header-menuMain li a, #header-menuMain li form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
} 

/* Descendant selector to remove bullets and draw menu objects in one row */
ul#header-menuMain li, ul#header-menuConstituent li {
	float:left;
	list-style:none;
	position:relative;
}

/* Direct descendant selector to size main menu buttons */
ul#header-menuMain > li a, ul#header-menuConstituent > li a {
	display:block;
	height:36px;
    font-family: 'Droid Sans' !important;
    font-style:  normal;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    line-height: 36px;
    margin-left: 1px;
    text-decoration: none;
}
ul#header-menuConstituent > li a {
    background: #7fa1bb;
}
ul#header-menuMain > li a {
    background: #004477;
}

/* Direct descendant selector to change background position on main menu button mouseovers */
ul#header-menuConstituent > li a:hover {
    color: #004477;
}
ul#header-menuMain > li a:hover {
    color: #7fa1bb;
}


/* Class to hide link content, leaving background images visible but text available to spiders */
.header-menuLinks {
}



/* FOOTER */
/* Container for footer content */
#footer {
	background: #003355;
    font-family: 'Droid Sans' !important;
    color: #ffffff;
	text-align:center;
	width:100%;
	clear:both;
}
#footer a, #footer img {
    border: 0;
    outline: 0;
}

/* Establishes font face for footer content */
#footer-container {
	font-family:verdana, arial, san-serif;
	font-size:9px;
	width:900px;
	padding:15px 0;
	margin:0 auto;
}

/* Positions logo in the footer */
#footer-logo {
	float:left;
	padding:30px 20px 0 0;
}

/* Positioning for footer mission and disclaimer text */
#footer-missionAndDisclaimer {
	float:left;
	text-align:left;
	line-height:15px;
	width:280px;
	border-right:1px solid white;
	padding:0 15px 0 0px;
}
#footer-missionAndDisclaimer a {
    color: #7fa1bb;
}
#footer-missionAndDisclaimer a:hover {
    color: #ffffff;
}

/* Positioning for footer contact information */
#footer-contactInformation {
	float:left;
	text-align:left;
	line-height:13px;
	width:375px;
	padding:0 0 0 15px;
}
#footer-contactInformation a {
    color: #7fa1bb;
    outline: 0;
}
#footer-contactInformation a:hover {
    color: #ffffff;
}

#footer-right {
    float: right;
    width: 80px;
}
#footer-right img {
    margin-top: -4px;
}

/* LEFT-SIDE NAVIGATION */
/* Class to stylize list objects */
ul.navigation {
	padding-left:0px;
	margin-left:0px;
}

/* Descendant selector to remove bullets from navigation list items */
ul.navigation li {
	list-style:none;
	padding-left:0px;
	margin-left:0px;
}

/* Descendant selector to underline navigation links on hover */
ul.navigation a:hover {
	text-decoration:underline;
}

/* Direct descendant selector to stylize first level content */
ul.navigation > li {
	margin-bottom:8px;
}
			
/* Direct descendant selector to stylize first level links */
ul.navigation > li a {
	font:bold 12px arial, verdana, sans serif;
	text-decoration:none;
	line-height:20px;
	color:#2e3192;
}
				
/* Direct descendant selector to stylize first level images */
ul.navigation > li img {
	border:0px;
	height:12px;
	width:12px;
	padding-right:2px;
}

/* Direct descendant selector to stylize second level content */
ul.navigation > li > ul {
	margin-left:14px;
	padding-left:0px;
}

/* Direct descendant selector to stylize second level links */
ul.navigation > li > ul > li a {
	font:11px verdana, arial, sans serif;
	text-decoration:none;
	line-height:16px;
	color:#4d4d4d;
}

/* Direct descendant selector to stylize second level images */
ul.navigation > li > ul > li img {
	border:0px;
	height:12px;
	width:12px;
	padding-right:2px;
}

/* Direct descendant selector to stylize third level content */
ul.navigation > li > ul > li > ul {
	border-left:2px Solid #e6e6e6;
	margin:4px 0 4px 21px;
	padding-left:12px;
	text-indent:-12px;
}

/* Direct descendant selector to stylize third level links */
ul.navigation > li > ul > li > ul > li a {
	font:10px verdana, arial, sans serif;
	text-decoration:none;
	padding-left:7px;
	line-height:14px;
	color:#4d4d4d;
}

/* Class to indent nav links that do not expand/collapse */
.navigation-noExpansion {
	padding-left:14px;
}



/* INTERNAL PAGES */
/* Container for middle portion of internal page, including navigation and content */
#internal-body {
	background:#f8f8dd;
	text-align:center;
	width:100%;
	clear:both;
}

/* Shadow along left and right sides of internal page body */
#internal-body-shadows {
    width: 900px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 4px 4px rgba(102,102,102,.2);
    -moz-box-shadow: 0px 0px 4px 4px rgba(102,102,102,.2);
    box-shadow: 0px 0px 4px 4px rgba(102,102,102,.2);
}

/* Child container for internal page body */
#internal-body-container {
	background: White;
	background-image:url(/images/internal-subheader-blue.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align:left;
	width:900px;
}

/* Container for left-side navigation */
#internal-body-navigation {
	float:left;
	background-color:White;
	padding:15px 15px 15px 15px;
	margin:15px 0 0 0;
	min-height:200px;
	width:200px;
}

/* Small container to hold the page title (subheader) */
#internal-body-subheader {
	float:left;
	font:32px "Droid Sans", sans-serif;
	padding:0 0 0 15px;
	line-height:68px;
	color:White;
	width:655px;
	height:59px;
}

/* Small container to hold breadcrumbs */
#internal-body-breadcrumb {
	float:left;
	padding:0 15px 0 15px;
	background-color:#e6e6e6;
	color:#4d4d4d;
	width:640px;
	height:32px;
}

/* Pseudo-class to set the color and decoration of breadcrumb links */
#internal-body-breadcrumb a {
	text-decoration:underline;
	color:#4d4d4d;
}

/* Pseudo-class to set the color of links on hover */
#internal-body-breadcrumb a:hover {
	color:Black;
}

/* Container for social media icons in breadcrumb bar */
#internal-body-socialMedia {
	float:right;
	padding-top:8px;
}

/* Container for body content, also displaying a shadow to the right of navigation */
#internal-body-content {
	float:left;
	padding:15px 15px 15px 15px;
	background:url(/images/internal-shadowNav.jpg) no-repeat left top;
	width:640px;
}

/* Child-container for body content, positioning a blue gradient */
#internal-body-content-container {
	padding:10px 10px 10px 10px;
	background:url(/images/internal-bodyGradient.jpg) repeat-x top;
	min-height:400px;
	width:620px;
}

/* Spacer to position timestamp at bottom of body */
#internal-body-timestamp-spacer {
	float:left;
	margin-bottom:10px;
	background-color:White;
	width:230px;
}

/* Sets the font size for page modification timestamps */
#internal-body-timestamp {
	padding-left:24px;
	font-size:9px;
	float:left;
}

/* Border and padded container for landing page, full width photos */
.internal-landingPhoto-container {
	margin-left:10px;
	background-color:White;
	border:1px solid #cccccc;
	padding:9px 9px 9px 9px;
}

/* Adds shadow left of the internal-landingPhoto-container */
.internal-landingPhoto-container-shadow {
	margin-left:-10px;
	background-image:url(/images/internal-shadowLandingPhoto.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:630px;
}



/* SHADOWING */
/* Class to display shadow along top of object */
.shadow-top {
	background:url(/images/shadow-top.png) repeat-x top;
	height:6px;
}

/* Class to display shadow along bottom of object */
.shadow-bottom {
	background:url(/images/shadow-bottom.png) repeat-x bottom;
	height:6px;
}

/* Class to display shadow along left side of object */
.shadow-left {
	background:url(/images/shadow-left.png) repeat-y left;
	padding-left:6px;
}

/* Class to display shadow along right side of object */
.shadow-right {
	background:url(/images/shadow-right.png) repeat-y right;
	padding-right:6px;
}



/* GENERAL LAYOUT AND FORMATTING */
body {
	background-color:White;
	font-family: verdana, arial, san-serif;
	font-size: 11px;
	line-height:15px;
	text-align: left;
	min-width:930px;
	margin:0;
	padding:0;
} 

a {
	color:Blue;
	text-decoration:none;
}

a:hover {
	color:Black;
	text-decoration:underline;
}

h1, h2, h3, h4 {
	font-family:georgia, helvetica, san-serif;
	font-weight:bold;
	line-height:20px;
	margin:0px;
	padding:0px 0px 3px 0px;
}

h1 {
	color:#8695c3;
	font-size:24px;
	line-height:24px;
}

h2 {
	border-bottom:2px solid #e6e6e6;
	color:#0d2b88;
	font-size:20px;
	margin-bottom:5px;
}

h3 {
	color:#8695c3;
	font-size:17px;
}

h4 {
	color:#0d2b88;
	font-size:17px;
}

ul, ol {
	margin-top:0px;
}