@charset "UTF-8";
/* Dukesmen.com CSS */

/* The stylesheet for dukesmen.com firsts lists the styles common to the entire site, and then drills down by section. The site is highly customized despite relying on a CMS backend (MODx). Each section is specifically designed for its content, so lists, images, and paragraphs do not often behave the same way across the entire site. */



/* The following primary styles are body-color independent */

/* Menu Styles */

#menu_container {width: 1012px; height: 74px;}

#red_menu {min-width: 120px; height: 28px; padding-top: 36px; float: right; margin-left: 12px; background-image: url(images/red_menu_bg.jpg); background-position: top left; background-repeat: no-repeat;} 

#green_menu {min-width: 120px; height: 28px; padding-top: 36px; float: right; margin-left: 12px; background-image: url(images/green_menu_bg.jpg); background-position: top left; background-repeat: no-repeat;} 

#orange_menu {min-width: 120px; height: 28px; padding-top: 36px; float: right; margin-left: 12px; background-image: url(images/orange_menu_bg.jpg); background-position: top left; background-repeat: no-repeat;} 


#red_menu a {display: block; background-color: #003870; padding: 11px; margin-right: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; float: left;}
#red_menu a:hover {background-color: #0099CC;}

#red_menu a:last-child {margin-right: 0px;}

#green_menu a {display: block; background-color: #003870; padding: 11px; margin-right: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; float: left;}
#green_menu a:hover {background-color: #0099CC;}

#green_menu a:last-child {margin-right: 0px;}

#orange_menu a {display: block; background-color: #003870; padding: 11px; margin-right: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; float: left;}
#orange_menu a:hover {background-color: #0099CC;}

#orange_menu a.active {background-color: #CC9933;}

#orange_menu a:last-child {margin-right: 0px;}


/* Body Styles */


#main_body {width: 1000px; padding-top: 60px; background-image: url(images/page_title.jpg); background-repeat: no-repeat;}

#pusher {width: 100%; clear: both; float: none;} /* This acts to push down containers that only hold floated content */

#body_container {width: 1000px; margin: 20px 0px 20px 0px; padding: 0px;}

#left_column_orange {width: 750px; min-height: 610px; padding-right: 19px; margin-right: 20px; float: left; border-right: 1px solid #CC9933;}
#left_column_green {width: 750px; min-height: 610px; padding-right: 19px; margin-right: 20px; float: left; border-right: 1px solid #669999;}
#left_column_red {width: 750px; min-height: 610px; padding-right: 19px; margin-right: 20px; float: left; border-right: 1px solid #990033;}

#right_column {width: 210px; height: 610px; padding: 0px; margin: 0px; float: left;}

#copyright {width: 1000px; height: 60px; margin: 10px 0px 20px 0px; background-image: url(images/copyright.jpg);}


/* The following styles control the sidebar, which remains the same regardless of body template */

#sidebar_red {width: 210px; border-bottom: 5px solid #990033; margin-bottom: 15px;}

#sidebar_red h6 {display: block; background-color: #990033; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #fff; padding: 7px 0px 7px 7px; font-weight: normal; text-align: left; margin: 0px 0px 5px 0px;}
#sidebar_red h7 {display: block; background-color: #990033; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #fff; padding: 6px 7px 7px 7px; font-weight: normal; text-align: left; margin: 0px 5px 5px 0px; float: left; clear: both;} 
#sidebar_red h8 {display: block; background-image: url(images/sidebar_red_arrow.jpg); background-repeat: no-repeat; float: left; width: 30px; height: 30px; margin: 0px 0px 5px 0px;}

#orange_body .horizontal_bar {width: 210px; height: 14px; padding: 0px; background-image: url(images/sidebar_h_bar.jpg); background-repeat: no-repeat; margin-bottom: 15px;}
#green_body .horizontal_bar {width: 210px; height: 14px; padding: 0px; background-image: url(images/sidebar_h_bar_green.jpg); background-repeat: no-repeat; margin-bottom: 15px;}
#red_body .horizontal_bar {width: 210px; height: 14px; padding: 0px; background-image: url(images/sidebar_h_bar_red.jpg); background-repeat: no-repeat; margin-bottom: 15px;}

#sidebar_green {width: 210px; border-bottom: 5px solid #669999; margin-bottom: 15px;}

#sidebar_green h6 {display: block; background-color: #669999; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #fff; padding: 7px 0px 7px 7px; font-weight: normal; text-align: left; margin: 0px 0px 5px 0px;}
#sidebar_green h7 {display: block; background-color: #669999; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #fff; padding: 6px 7px 7px 7px; font-weight: normal; text-align: left; margin: 0px 5px 5px 0px; float: left; clear: both;} 
#sidebar_green h8 {display: block; background-image: url(images/sidebar_green_arrow.jpg); background-repeat: no-repeat; float: left; width: 30px; height: 30px; margin: 0px 0px 5px 0px;}


/* The following styles are for the orange version of the body template */


#orange_body {background-color: #fff; text-align: center; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000;}

#header_orange {height: 100px; width: 100%; background-image: url(images/header_bg.jpg); background-repeat: repeat-x; border-bottom: 10px solid #CC9933; margin-bottom: 30px; text-align: center;}

#horizontal_bar_orange {width: 1000px; height: 20px; padding: 0px; background-image: url(images/full_h_bar.jpg); background-repeat: no-repeat;}

#footer_orange {width: 100%; height: 50px; border-top: 10px solid #CC9933; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x;}

/* The following styles are for the green version of the body template */

#green_body {background-color: #fff; text-align: center; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000;}

#header_green {height: 100px; width: 100%; background-image: url(images/header_bg.jpg); background-repeat: repeat-x; border-bottom: 10px solid #669999; margin-bottom: 30px; text-align: center;}

#horizontal_bar_green {width: 1000px; height: 20px; padding: 0px; background-image: url(images/full_h_bar_green.jpg); background-repeat: no-repeat;}

#footer_green {width: 100%; height: 50px; border-top: 10px solid #669999; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x;}


/* The following styles are for the red version of the body template */

#red_body {background-color: #fff; text-align: center; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000;}

#header_red {height: 100px; width: 100%; background-image: url(images/header_bg.jpg); background-repeat: repeat-x; border-bottom: 10px solid #990033; margin-bottom: 30px; text-align: center;}

#horizontal_bar_red {width: 1000px; height: 20px; padding: 0px; background-image: url(images/full_h_bar_red.jpg); background-repeat: no-repeat;}

#footer_red {width: 100%; height: 50px; border-top: 10px solid #990033; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x;}



/* ORANGE SECTIONS -------------------------------------- */

/* Contributors */

#contributors {font-size: 11px; font-style: italic; float: right; width: 35%}
#contributors a {text-decoration:none}

/* Home Page */

#home p {font-size: 12px; font-style: italic; clear: left;}

#introduction_wrapper {width: 750px; height: 265px; margin-bottom: 25px;}

#intro_slideshow {width: 550px; height: 260px; margin-right: 20px; float: left; border-bottom: 5px solid #CC9933;}

#intro_paragraph {width: 180px; height: 260px; float: left; border-bottom: 5px solid #CC9933; text-align: left; overflow: auto;}
#intro_paragraph h4 {font-size: 18px; margin: 0px; font-weight: normal;}
#intro_paragraph p {font-size: 15px; font-style: italic;}

#news_wrapper {width: 550px; margin-right: 20px; float: left; text-align: left;}

.news_next {display: block; float: left; padding: 8px; margin: 10px 6px 0px 0px; background-color: #CC9933; color: #fff; text-decoration: none;}
.news_previous {display: block; float: left; padding: 8px; margin: 10px 0px 0px 0px; background-color: #CC9933; color: #fff; text-decoration: none;}

#events_wrapper {width: 180px; text-align: left; float: left;}
#events_wrapper p {clear: none; margin-top: 7px; margin-bottom: 2px; width: 130px; display: block; float: right;}

#home h1 {border-bottom: 5px solid #CC9933; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter;}

#home h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #CC9933; padding: 8px 100px 8px 8px; margin: 10px 10px 10px 0px;}

#home h3 {font-size: 14px; font-style: italic; font-weight: normal; display: block; float: left; padding: 9px 100px 8px 0px; margin: 10px 0px 10px 0px;}

#home h5 {font-size: 14px; width: 40px; font-weight: normal; color: #fff; padding: 5px 0px 5px 0px; margin: 10px 10px 0px 0px; display: block; float: left; background-color: #CC9933; text-align: center; line-height: 1em; font-style: italic; font-weight: bold; clear: right;}

#home p + h5 {clear: both;}



/* History */

#history {width: 750px; text-align: left;}

#history h1 {border-bottom: 5px solid #CC9933; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter;}

#history h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #CC9933; padding: 8px 100px 8px 8px; margin: 0px 0px 0px 0px;}

#history p {font-size: 12px; font-style: italic; clear: none; margin-left: 250px; clear: left;}
#history h2 + p {position: relative; top: -35px; margin-bottom: -20px;}

#history img {margin-bottom: 20px; border-bottom: 5px solid #CC9933;}



/* Members */

#members {width: 750px; text-align: left; font-style: italic;}

#members img {margin-bottom: 20px; border-bottom: 5px solid #CC9933;}

#members h1 {border-bottom: 5px solid #CC9933; padding-bottom: 5px; margin: 0px 0px 10px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

	/* The following are the lists of people per class at the top of the page */

#members h1 + ul {float: left; width: 140px; margin: 0px 10px 30px 0px; text-align: left; padding: 0px; list-style-type: none; font-size: 11px;}
#members h1 + ul strong {font-weight: normal; background-color: #CC9933; display: block; color: #fff; padding: 4px 0px 4px 4px; font-size: 13px; margin-bottom: 5px; margin-left: -4px;}
#members h1 + ul li {float: left; width: 140px; margin: 0px; text-align: left; padding: 0px 0px 0px 4px;}

#members ul + ul {float: left; width: 140px; margin: 0px 10px 30px 0px; text-align: left; padding: 0px; list-style-type: none; font-size: 11px;}
#members ul + ul strong {font-weight: normal; background-color: #CC9933; display: block; color: #fff; padding: 4px 0px 4px 4px; font-size: 13px; margin-bottom: 5px; margin-left: -4px;}
#members ul + ul li {float: left; width: 140px; margin: 0px; text-align: left; padding: 0px 0px 0px 4px;}

	/* The following are the individual person bios */

#members ul + img {float: left; margin-right: 20px; margin-bottom: 20px; height: 250px;}

#members img + ul {float: left; width: 470px; height: 290px; margin: 0px 10px 0px 0px; text-align: left; padding: 0px; list-style-type: none; font-size: 12px; line-height: 1.8em;}
#members img + ul strong {font-weight: normal; background-color: #CC9933; display: block; color: #fff; padding: 5px 0px 5px 5px; font-size: 15px; margin-bottom: 5px; margin-left: -5px;}
#members img + ul em {font-weight: bold;}
#members img + ul li {float: left; width: 470px; margin: 0px; text-align: left; padding: 0px 0px 0px 5px;}

#members ul a {color: #000; text-decoration: none;} /* This is consistent across all ULs */



/* GREEN SECTIONS -------------------------------------- */



/* Media */

#media {width: 750px; text-align: left; font-style: italic;}

#media_left a {color: #000;}
#media a:visited {color: #000;}

#media_left {width: 425px; margin-right: 20px; float: left;}
#media_right {width: 285px; float: right; padding-left: 19px; border-left: 1px solid #669999;}

#media_left img {float: left; margin: 0px 10px 20px 0px; border-bottom: 5px solid #669999;}

#media_right a {border: none; padding: 0px; clear: right; float: left; margin-bottom: 10px; color: #000;}
#media_right img {border-bottom: 5px solid #669999; margin-bottom: 20px;}

#media h1 {border-bottom: 5px solid #669999; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#media h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #669999; padding: 8px 100px 8px 8px; margin: 0px 0px 20px 0px; clear: both;}

#media p {clear: left; margin-bottom: 20px;}

#media ul {float: left; width: 165px; margin: 0px 0px 0px 0px; text-align: left; padding: 0px; list-style-type: none; font-size: 11px;}
#media ul strong {font-weight: normal; background-color: #669999; display: block; color: #fff; padding: 4px 0px 4px 4px; font-size: 13px; margin-bottom: 10px; margin-left: -4px; list-style-type: none;}
#media ul li {float: left; width: 165px; margin: 0px; text-align: left; padding: 0px 0px 0px 4px; font-weight: bold;}
#media ul li em {display: block; padding: 0px 0px 10px 10px; font-weight: normal;}

.gallery_thumb {width: 125px; height: 125px; padding: 5px 0px 5px 0px; float: left; margin-right: 15px; border-bottom: 5px solid #669999; margin-bottom: 15px; text-align: center;}
.gallery_thumb a {border: none; text-decoration: none; clear: none; margin: none; text-align: center;}
.gallery_thumb img {border: none;}

#media h3 {margin: 0px 0px 15px 0px; font-size: 12px; font-weight: normal; clear: right;}

#media h3 + div {clear: left;}

	/* The following are for the embedded videos */

#media object {padding-bottom: 10px; border-bottom: 1px solid #669999;}
#media iframe {padding-bottom: 10px; border-bottom: 1px solid #669999;}



/* Photos - Backend */

#photos {width: 750px; text-align: left; font-style: italic;}

#photos h1 {border-bottom: 5px solid #669999; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#photos h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #669999; padding: 8px 100px 8px 8px; margin: 0px 0px 20px 0px; clear: both;}

#photos p {float: left; clear: left; margin: 0px 0px 15px 0px;}

#photos ul {margin-left: -5px; padding: 0px;}
#photos li {width: 125px; height: 145px; padding: 8px; margin: 0px 13px 0px 0px; background-color: #f4f4f4; text-align: center;}
#photos li a {width: 125px; height: 135px;}

#photos li p {visibility: hidden; float: none; clear: none;}

#photos li img {padding-bottom: 5px; border-bottom: 5px solid #669999;}



/* Store */

#store {width: 750px; text-align: left; font-style: italic;}

#store h1 {border-bottom: 5px solid #669999; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#store img {margin: 0px 20px 20px 0px; border-bottom: 5px solid #669999; float: left; clear: left;}

#store p {display: block; float: left; width: 195px; position: relative; top: 40px; margin: 0px; left: -203px;}
#store li a, a:visited {color: #000;}

#store ul {float: left; margin: 0px; text-align: left; padding: 0px; list-style-type: none; width: 570px;}
#store ul li {float: left; margin: 0px 0px 10px 0px; text-align: left; padding: 0px;}
#store ul strong {font-weight: normal; background-color: #669999; display: block; color: #fff; padding: 8px 100px 8px 8px; margin: 0px 0px 10px 0px; font-size: 15px;}



/* Press */

#press {width: 750px; text-align: left; font-style: italic;}

#press_pusher {width: 100%; clear: both; float: none; height: 15px;} /* This is used to separate the sections on the left-hand side, it's not visible in TinyMCE unless you look at the HTML markup */

#press h1 {border-bottom: 5px solid #669999; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#press h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #669999; padding: 8px 100px 8px 8px; margin: 0px 0px 10px 0px;}
#press p + h2 {margin-top: 0px;}

#press p {width: 520px; clear: left; margin: 10px 0px 10px 0px;}
#press p a {color: #000; text-decoration: underline; float: none; position: relative; top: 0px; margin-bottom: 0px;}

#press img {border-bottom: 5px solid #669999;}

#press a {float: right; display: block; text-align: left; width: 200px; color: #666699; clear: right; margin-bottom: 15px; position: relative; top: 42px;} /* The links that float on the right-hand side are pixel-positioned vertically; the #press_pusher is used to even out the distances between h2's, paragraphs, and images */



/* RED SECTIONS -------------------------------------- */



/* Alumni */

#alumni {width: 750px; text-align: left; font-style: italic;}

#alumni_left {width: 460px; margin-right: 30px; float: left;}
#alumni_right {width: 260px; float: right;}

#alumni a {color: #000;}
#alumni img {margin-bottom: 20px;}

#alumni h1 {border-bottom: 5px solid #990033; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#alumni h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #990033; padding: 8px 100px 8px 8px; margin: 0px 0px 15px 0px;}
#alumni h2 + p {clear: left;}
#alumni p + h2 {margin-top: 20px;}

	/* The following control the alumni contact form on the right-hand side; alumni_thanks is the thank-you page that the EForm snippett replaces the form with after submission */

#alumni_form {padding: 10px; width: 235px; border: 1px solid #eedddd; margin-top: 10px; float: left; text-align: left;}
#alumni_form p {margin-top: 0px;}
#alumni_form label {font-style: italic;}
#alumni_form input, textarea {background-color: #f6f6f6;}
#alumni_form input {width: 215px;}
#alumni_form #submit {width: 100px;}
#alumni_thanks {padding: 0px 10px 0px 10px; background-color: #f6f6f6; border: 1px solid #eedddd; float: left; width: 240px; text-align: left;}



/* Rush */

#rush {width: 750px; text-align: left; font-style: italic;}

#rush img {margin-bottom: 20px; border-bottom: 5px solid #990033;}

#rush_left {width: 480px; margin-right: 20px; float: left;}
#rush_right {width: 250px; float: right;}

#rush_left p {width: 470px;}
#rush_right img {margin-bottom: 10px;}

#rush h1 {border-bottom: 5px solid #990033; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#rush h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #990033; padding: 8px 100px 8px 8px; margin: 0px 0px 15px 0px;}

#rush_left img {float: left; border-bottom: 5px solid #990033; margin: 0px 10px 10px 0px; clear: left;}

#rush h3 {font-size: 12px; font-style: italic; font-weight: normal; display: block; float: left; width: 150px; margin: 0px; color: #000; padding: 0px;}

#rush h4 {font-size: 12px; font-style: italic; font-weight: normal; display: block; float: left; width: 150px; margin: 0px 0px 15px 0px; color: #000; padding: 0px;}

#rush h4 + h2 {clear: left; margin-top: 20px;}
#rush h2 + p {clear: left;}
#rush h2 + img {clear: left;}
#rush_right p + h2 {margin-top: 20px;}

#rush a {color: #000;}

#rush ul {margin: 0px 0px 20px 20px; text-align: left; padding: 0px; list-style-type: square;}
#rush li {margin: 0px 0px 5px 0px; text-align: left; padding: 0px;}



/* Contact */

#contact {width: 750px; text-align: left; font-style: italic;}

#contact_left {width: 460px; margin-right: 30px; float: left;}
#contact_right {width: 260px; float: right;}

#contact_left p {width: 440px;}
#contact_right p {width: 220px;}
#contact p a {color: #000;}
#contact h2 + p {clear: left;}

#contact h1 {border-bottom: 5px solid #990033; padding-bottom: 5px; margin: 0px 0px 20px 0px; text-align: left; font-family: "Garamond", Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: lighter; font-style: normal;}

#contact h2 {font-size: 15px; font-style: italic; font-weight: normal; color: #fff; display: block; float: left; background-color: #990033; padding: 8px 100px 8px 8px; margin: 0px 0px 10px 0px;}

	/* The following control the contact form in the left column */

#contact_form {padding: 10px; width: 440px; border: 1px solid #eedddd; margin-top: 10px; float: left; text-align: left;}
#contact_form p {margin-top: 0px;}
#contact_form label {font-style: italic;}
#contact_form input, textarea {background-color: #f6f6f6;}
#contact_form input {width: 240px;}
#contact_form textarea {width: 430px;}
#contact_form #submit {width: 100px;}
#form_thanks {padding: 0px 10px 0px 10px; background-color: #f6f6f6; border: 1px solid #eedddd; float: left; width: 400px; text-align: left;}

	/* The following control the mailing list sign-up in the right column */

#mailing_form {padding: 10px; width: 235px; border: 1px solid #eedddd; margin-top: 10px; float: left; text-align: left;}
#mailing_form p {margin-top: 0px;}
#mailing_form label {font-style: italic;}
#mailing_form input, textarea {background-color: #f6f6f6;}
#mailing_form input {width: 215px;}
#mailing_form #submit {width: 100px;}
#mailing_thanks {padding: 0px 10px 0px 10px; background-color: #f6f6f6; border: 1px solid #eedddd; float: left; width: 240px; text-align: left;}