/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/*IE6 PNG FIX */
img,div{ behavior: url(/assets/js/iepngfix.htc); }
/*END IE6 PNG FIX */


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul{list-style: square; margin-left: 30px; }
ol {margin-left: 15px;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none; color: #c4251d;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px "proxima-nova-1","proxima-nova-2","helvetica neue",helvetica,arial,sans-serif; background: #FFF url(/assets/images/backgrounds/body_bg.gif) repeat-x top; margin: 0; padding: 0;}

p {margin-bottom: 20px; font-size: 14px;}
a, p a, a:visited, p a:visited {color: #003366; font-weight: bold;}
a:hover, p a:hover {color: #c4251d;}
/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
.color1 {color: #003366;}
/* we like off-black for text */
body, select, input, textarea {color: #333;}
.wrapper {width: 1010px; margin: 0 auto; background: url(/assets/images/backgrounds/bg_inside.png) transparent repeat-y; position: relative;}
.wrapper_nopad {width: 1000px; margin: 0 auto; position: relative;}
.content_pad {width: 940px; padding: 50px 0 30px 0; margin: 0 auto;}
h2 {margin: 0; padding: 0;}
h3 {margin: 0; padding: 0;}

header, .header {height: 106px; background: #003366 url(/assets/images/backgrounds/bg_menu.gif) bottom left repeat-x;}
aside {width: 239px; float: left;}
footer {}

.bg_homeintro {height: 300px; padding: 30px 0 30px 0; background: url(/assets/images/backgrounds/bg_homeintro.png) bottom left repeat-x;}

.col1 {width: 240px; float: left;}
.col2 {width: 320px; float: left;}
.col3 {width: 400px; float: left;}
.col4 {width: 660px; float: left;}

.padleft {padding-left: 19px;}
.padright {padding-right: 20px;}

.marginleft {margin-left: 19px;}
.marginright {margin-right: 20px;}
.marginbottom {margin-bottom: 10px;}

.borderleft {border-left: 1px #cccccc dotted;}
.borderright {border-right: 1px #cccccc dotted;}
.bordertop {border-top: 1px #cccccc dotted;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Upcoming Event on Home page*/
.eventlisting {width: 300px; height: 61px; margin: 0 auto; font-family: "proxima-nova-1","proxima-nova-2","helvetica neue",helvetica,arial,sans-serif;}
.eventlisting p {font-size: 12px;}
.eventlisting h3 {font-size: 13px; color: #003366; line-height: 1.2;}
.eventlisting h3 a:link {color: #003366; text-decoration: none;}
.eventlisting h3 a:visited, .eventlisting h3 a:hover {color: #c5312b; text-decoration: none;}
.event {width: 247px; float: left; height: 56px; padding-top: 5px;}
.event p {line-height: 1.3; margin: 0; padding: 0;}
.event a, .event a:visited {color: #003366; text-decoration: none;}
.event a:hover {text-decoration: underline; color: #c4251d;}
.cta {width: 53px; float: left; height: 51px; margin: 5px 0;}
.categoryimage {margin: 10px 0 20px 0;}

/* Contacts Side Link */
ul.contacts {width: 200px; margin-top: 15px; color: #003366; list-style: none; margin-left: 0;}
.contacts li {height: 40px; list-style: none;}
.contacts li a {text-decoration: none; font-weight: bold; color: #003366; vertical-align: middle; padding-left: 40px; font-size: 12px; font-family: "proxima-nova-1","proxima-nova-2","helvetica neue",helvetica,arial,sans-serif; padding-top: 5px;}
.contacts li a:hover {color: #c4251d; text-decoration: underline;}

/* Side Navigation */
ul#sidenav {margin: 0 0 20px 0; padding: 0; background: #ffffff; list-style-type: none; width: 240px;}
#sidenav li {color: #666666; text-decoration: none; list-style: none;}
#sidenav a {display: block; text-decoration: none; font: 14px/16px 'CartoGothicStdBold', Arial, sans-serif; letter-spacing: 0; margin: 0; padding: 0; color: #666666; padding: 12px; border-bottom: #003366 1px dotted;}
#sidenav a:hover {background: #8099b3; color: #ffffff;}
#bod_overview #sidenav_overview a,
#bod_leadership #sidenav_leadership a,
#bod_advisors #sidenav_advisors a,
#bod_members #sidenav_members a,
#bod_committees #sidenav_committees a,
#bod_benefits #sidenav_benefits a,
#bod_types #sidenav_types a,
#bod_testimonial #sidenav_testimonial a,
#bod_memberoffers #sidenav_memberoffers a,
#bod_newsevents #sidenav_newsevents a,
#bod_pastevents #sidenav_pastevents a,
#bod_newsletters #sidenav_newsletters a,
#bod_mediainformation #sidenav_mediainformation a,
#bod_corporatesupport #sidenav_corporatesupport a,
#bod_sponsorshippackages #sidenav_sponsorshippackages a,
#bod_mbaprograms #sidenav_mbaprograms a,
#bod_scholarships #sidenav_scholarships a,
#bod_lotprogram #sidenav_lotprogram a {background: #003366; color: #ffffff;}

/*Leadership Team*/
ul.leadership {width: 660px; margin: 0; padding: 0;}
.leadership li {width: 298px; padding: 0 5px; border: 1px #cccccc solid; height:136px; float:left; margin: 0 5px 10px 5px; list-style: none;}
.leadership .summary {height: 110px; margin-top: 20px; width: 300px;}
.leadership .summary2 {height: 100px; margin-top: 30px; width: 300px;}

.bcrumbs_pad {float:right; padding: 10px 30px 10px 0}
ul.B_crumbBox {color: #cccccc;}
.B_crumbBox li {display: inline;}
.B_crumbBox li a, .B_crumbBox li a:visited {font-size: 12px; color: #003366; font-weight: normal; text-decoration: none;}
.B_crumbBox li a:hover {color: #c4251d; text-decoration: underline;}
.B_crumbBox li a.B_currentCrumb {color: #999999; font-weight: normal; text-decoration: none;}

ul.memberoffers {width: 640px; margin: 0 auto; list-style: none; margin: 0; padding: 0; border-top: 1px #cccccc dotted;}
.memberoffers li {float: left; margin: 0;}

ul.newsletters {width: 660px; margin: 0; padding: 0; list-style: none;}
.newsletters li {width: 155px; padding:0 5px; text-align: center; float: left;}

ul.gallerythb {margin: 20px 0 0 0; padding: 0;}
.gallerythb li {list-style:none; float: left; width: 220px; text-align: center;}
.gallerythb img {border: 1px #cccccc solid;}
.gallerythb img :hover {border: 1px #003366 solid;}
.gallerythb li a {text-decoration: none; line-height: 1.1;}
.gallerythb li p {line-height: 1.0; font-size: 12px; cursor: pointer;}

/* Footer */
ul.footermenu {padding: 20px 0 20px 0; width: 830px; margin: 0 auto;}
ul.footermenu2 {width: 220px; margin: 0 auto;}
ul.footermenu2 li {color: #8099b3; font-size: 12px;}
ul.footermenu li, ul.footermenu2 li {display: inline; margin: 0 10px;}
ul.footermenu li a, ul.footermenu li a:visited, ul.footermenu2 li a, ul.footermenu2 li a:visited {color: #8099b3; text-decoration: none; font-size: 12px;}
ul.footermenu li a:hover, ul.footermenu2 li a:hover {color: #ffffff; text-decoration: underline;}




/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}