/*
*************************************************
Mid-Atlantic

Author:		andCulture, info@andCulture.com
Updated:	May 10, 2007
Notes:		None
*************************************************
*/


/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

#features { position:relative; }
#features a { position:absolute; }
#features a.first { z-index:5; }

* { margin: 0; padding: 0; }
body { font: normal 62.5%/1.6 Arial, Helvetica, sans-serif; color: #333; background: #EEE url(/GetResource.axd/assets/images/bg.gif) 50% 0; }

h1 { font: 30px "Future Book", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; color: #28689C; margin: 1em 0 0 0; text-transform: uppercase; }
h2 { font: 20px "Futura Book", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; color: #999999; margin: .25em 0 0 0; }
h3, #sectionTitle { font: 1.4em "Optima Lt Std Demi", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; margin: 0; text-transform: uppercase; color: #A9B901; }
h4 { font-size: 1.3em; color: #7F7F7F; font-weight: bold; line-height: 1.5em; margin: .5em 0; }
h5 { font-size: 1.7em; color: #0D6987; font-weight: bold; letter-spacing: -.1px; margin: 0; }
h6 { font-size: 1.1em; margin: 0; }
p { font-size: 1.1em; margin: 0 0 1em 0; }

a:link { color: #0d6987; }
a:visited { color: #0d6987; }
a:hover { color: #164b5d; }
a:active { color: #0d6987; }
:focus { outline: 0; }
h5 a { text-decoration: none; }

fieldset,img,abbr,acronym,a img,:link img,:visited img { border: none; }

pre, blockquote, address { margin: 1em 0; }
blockquote { margin: 0; padding: 0; }
blockquote p { margin: 0; }
blockquote p cite { display: block; margin: 1em 0 0 0; }
sup { font-size: .6em; font-weight: bold; }

/* LISTS */
ul { margin: 2em 1em; padding: 0; }
ol { margin: 1em 3em; padding: 0; }
dl { margin: 1em 0; padding: 0; }
dt { margin: 1em 0 0 0; font-weight: bold; }
ul { list-style: none; }
ul ul, ol ul { margin: 0 2em; }
ol ol, ul ol { margin: 0 3em; }
li, dt, dd { font-size: 1.1em; }
li li, dd li { font-size: 1em; }

/* TABLES */
table { clear: both; margin: 0 0 1em 0; width: 100%; /* Width For Safari */ }
caption { padding: 10px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; background-color: #85aab6; color: #FFF; }
th, td { padding: 2px 5px; font-size: 1.1em; vertical-align: top; }
th { color: #13404f; }
td { border: 0; }
caption, th { text-align: left; }
tr.even { background-color: #EEE; }
tr.odd { background-color: #FFF; }
th.right { font: bold .9em Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right; }
th.right a { padding-right: 5px; }

/* FORMS */
form { margin: 1em 0; padding: 0; }
form table { margin: 0; }
fieldset { margin: 2em 0; }
legend { margin: 0 0 .5em 0; padding: 0; font-size: 1.2em; font-weight: bold; }
textarea { padding: 5px; width: 218px; font: 1em Arial, Helvetica, sans-serif; border: 1px solid #92adb5; color: #434343; }
select { padding: 5px; width: 230px; font: 1.1em Arial, Helvetica, sans-serif; border: 1px solid #92adb5; color: #434343; }
input { font-size: 1.2em; }
input[type=text], input[type=password] { padding: 5px; width: 218px; border: 1px solid #92adb5; color: #434343; }
input[type=submit] { padding: 5px 10px; background: #DDD; border: 1px solid #92adb5; }


/*-------------------------------------------
	CONTAINER DIVS
-------------------------------------------*/

#container { position: relative; margin: 0 auto; width: 800px; background: #FFF; border-left: 5px solid #FFF; border-right: 5px solid #FFF; }


/*-------------------------------------------
	HEADER
-------------------------------------------*/

#header { position: relative; margin-top: 0; height: 107px; background: url(/GetResource.axd/assets/images/headers/thin.jpg) no-repeat; border-top: 2em solid #e2eaed; }
body.level2 #header { height: 230px; }

	/* HEADER LEVEL TWO BACKGROUNDS */
	#header.products { background-image: url(/GetResource.axd/assets/images/headers/custom_offering.jpg); }
	#header.events { background-image: url(/GetResource.axd/assets/images/headers/keep_informed.jpg); }
	#header.join { background-image: url(/GetResource.axd/assets/images/headers/going_together.jpg); }
	#header.docs { background-image: url(/GetResource.axd/assets/images/headers/gather_together.jpg); }
	#header.about { background-image: url(/GetResource.axd/assets/images/headers/working_for_you.jpg); }

#logo { position: absolute; top: 17px; left: 30px; z-index:20; }
#logo img { border: 0; }
#status { position: absolute; top: -2em; padding: 0 5px; width: 790px; line-height: 2em; text-align: right; background: #164b5d; color: #FFF; z-index:20; }
#status span { font-weight: bold; color: #FFF; }
#status a { color: #F5ECCF; }


/*-------------------------------------------
	CONTENT
-------------------------------------------*/

#content { margin: 2em 0 0 33px; }
body.level2 #content { margin-top: 0; }
#sectionTitle { color: #5A8FBB; }
#primary { float: left; width: 500px; margin-bottom: 10px; }
#secondary { position: relative; clear: both; margin-right: 17px; }

/* TYPOGRAPHY HEADERS */
#content h2 strong { font-weight: normal; color: #4D8BBE; }

/* LIST ELEMENTS */
#content ul li { background: url(/GetResource.axd/assets/images/icons/bullet.png) no-repeat left top; padding-left: .9em; }
#content ul.nolist li { background-image: none; margin: 0 0 0 -1em; }
#content ul.link-list li { background: url(/GetResource.axd/assets/images/icons/link-bullet.png) no-repeat left .5em; }

/*  */
#sidebar { position: absolute; top: 84px; right: -10px; padding: 60px 25px 0 25px; width: 207px; min-height: 210px; background-repeat: no-repeat; }
body.level2 #sidebar { top: 226px; }
#sidebar p { font: 1.5em Georgia, "Times New Roman", Times, serif; line-height: 1.3em; }

#sidebar.convenience { background-image: url(/GetResource.axd/assets/images/cv-convenience.png); }
#sidebar.dedication { background-image: url(/GetResource.axd/assets/images/cv-dedication.png); }
#sidebar.essential { background-image: url(/GetResource.axd/assets/images/cv-essential.png); }
#sidebar.expertise { background-image: url(/GetResource.axd/assets/images/cv-expertise.png); }
#sidebar.friendly { background-image: url(/GetResource.axd/assets/images/cv-friendly.png); }
#sidebar.integrity { background-image: url(/GetResource.axd/assets/images/cv-integrity.png); }
#sidebar.knowledge { background-image: url(/GetResource.axd/assets/images/cv-knowledge.png); }
#sidebar.service { background-image: url(/GetResource.axd/assets/images/cv-service.png); }
#sidebar.resource { background-image: url(/GetResource.axd/assets/images/cv-resource.png); }
#sidebar.teamwork { background-image: url(/GetResource.axd/assets/images/cv-teamwork.png); }
#sidebar.trust { background-image: url(/GetResource.axd/assets/images/cv-trust.png); }

	/* COLUMN LAYOUTS */
	.col1, .col2, .col3, .col4 { float: left; margin-left: 6px; }
	
	/* ONE COLUMN LAYOUT */
	.one-col { clear: both; width: 560px; }
	.one-col div { margin: 25px 0 0 0; }

	/* TWO COLUMN LAYOUT */
	.two-col { clear: both; }
	.two-col .col1 { width: 370px; margin-left: 0; }
	.two-col .col2 { width: 370px; float: right; }
	
	/* THREE COLUMN LAYOUT */
	.three-col { clear: both; }
	.three-col .col1 { width: 243px; margin-left: 0; }
	.three-col .col2 { width: 243px; }
	.three-col .col3 { width: 243px; float: right; }
	
	/* FOUR COLUMN LAYOUT */
	.four-col { clear: both; }
	.four-col .col1 { width: 180px; margin-left: 0; }
	.four-col .col2 { width: 180px; }
	.four-col .col3 { width: 180px; }
	.four-col .col4 { width: 180px; float: right; }
	.four-col ul { margin: 0; padding: 0; }

/* DIRECTORY TABLE */
.directory { margin-top: -16px; }
.directory thead tr th { background-color: #FFF; padding: 16px 0 4px 0; border: none; }
.directory tr { background-color: #FBFBFB; }
.directory tr.odd { background-color: #FFF; }
.directory td { border-bottom: 1px solid #777; padding: 4px 4px 2px 0; margin: 0;  }
.directory td.col1, .directory td.col2, .directory td.col3 { float: none; margin: 0; }
.directory td.col1 { width: 310px; }
.directory td.col2 { width: 110px; }
.directory td.col3 { width: 100px; text-align: right; }
.directory td.col1b { width: 70px; /* USED ON FYI PAGE ONLY */ }
.directory td.col2b { width: 490px; /* USED ON FYI PAGE ONLY */ }

/*-------------------------------------------
	FOOTER
-------------------------------------------*/

#footer { clear: both; margin: 50px 0 0 0; padding: 50px 20px 20px 20px; background: url(/GetResource.axd/assets/images/footer.jpg) no-repeat; }
#footer * { color: #777; }
#footer p { clear: both; margin: 0; font-size: 1em; }
#footer p span { margin-left: 1em; }
#footer #ac { float: right; margin: 0; margin-top: -4.5em; padding: 0; }
#footer a { color: #0d6987; }
#footer #copyright { width: 600px; }

#sponsors, #myCU, #search { float: left; margin-left: 5px; }
#sponsors { width: 400px; }
#sponsors table, #sponsors tr, #sponsors td { border: none; }
#sponsors tr, #sponsors td { padding: 0; }
#myCU { width: 125px; }
#search { float: right; width: 220px; }

#search form { margin: 0; }
#search form #searchInput { margin: 4px 0 5px 0; width: 208px; font-style: italic; vertical-align: middle; color: #777; }
#search form #searchButton { float: right; }


/*-------------------------------------------
	NAVIGATION
-------------------------------------------*/

/* PRIMARY */
#navPrimary { position: absolute; top: 2em; right: 0; margin: 4px 0 0 0; padding: 0; height: 60px; width: 557px; list-style: none; z-index:20; }
#navPrimary li { float: left; padding: 0; list-style: none; }
#navPrimary li a { float: left; margin: 0; height: 60px; text-decoration: none; background-image: url(/GetResource.axd/assets/images/navigation/matrix.gif); background-repeat: no-repeat; text-indent: -9999px; }
#navPrimary li a:hover, #navPrimary a:active { text-decoration: none; }

	/* BUTTON WIDTHS AND POSITIONING */
	#navProductsServices a { width: 125px; }
	#navEducationEvents a { width: 121px; background-position: -125px 0; }
	#navJoin a { width: 45px; background-position: -246px 0; }
	#navAbout a { width: 70px; background-position: -291px 0; }
	#navZephyr a { width: 58px; background-position: -361px 0; }
	#navDocuments a { width: 83px; background-position: -419px 0; }
	#navHome a { width: 55px; background-position: -502px 0; }
	
	/* HOVER AND SELECTED STATES */
	#navProductsServices a:hover, #navProductsServices.selected a { background-position: 0px -60px; }
	#navEducationEvents a:hover, #navEducationEvents.selected a { background-position: -125px -60px; }
	#navJoin a:hover, #navJoin.selected a { background-position: -246px -60px; }
	#navAbout a:hover, #navAbout.selected a { background-position: -291px -60px; }
	#navZephyr a:hover, #navZephyr.selected a { background-position: -361px -60px; }
	#navDocuments a:hover, #navDocuments.selected a { background-position: -419px -60px; }
	#navHome a:hover, #navHome.selected a { background-position: -502px -60px; }

/* SECONDARY */
#navSecondary { margin: 0 0 1em 0; width: 500px; font-size: 1.1em; }

/* TERTIARY */
#navTertiary { margin: 0; width: 170px; position: absolute; top: 0; right: 0; }
#navTertiary div { margin-top: 20px; }
#navTertiary div img { margin-top: 8px; }
#navTertiary ul { margin: 0; padding: 0; }
#navTertiary ul li { margin-bottom: 2px; padding: 0; font-size: 1.2em; font-weight: bold; color: #4D8BBE; text-transform: uppercase; background: none; }
#navTertiary ul li a { padding: 4px 0 0 2px; display: block; text-decoration: none; border-bottom: 1px #0d6987 solid; }
#navTertiary li a:hover { background: #FBFBFB url(/GetResource.axd/assets/images/gt.gif) 98% 65% no-repeat; }
#navTertiary ul li ul li { margin-left: 6px; font-size: .92em; font-weight: normal; text-transform: none; }
#navTertiary ul li ul li a { text-decoration: none; display: block; padding: 5px 0 0 6px; }
#navTertiary ul li ul li a:hover { background: #FBFBFB url(/GetResource.axd/assets/images/gt.gif) 98% 65% no-repeat; }

#navTertiary ul li ul { display:none; }
#navTertiary ul li.selected ul { display:block; }

/* PAGINATION */
ul.pagination {  float: left; clear: both; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
ul.pagination li { margin: 0; padding: 0 !important; float: left; height: 2.5em; line-height: 2.5em; background: none !important; color: #CCC; cursor: default; }
ul.pagination li a { display: block; margin: 0; padding: 0 1em; }
ul.pagination li a.selected { font-weight: bold; text-decoration: none; background: #EEE; }
ul.pagination li a:hover { background-color: #edf6f8; }

	/* PREVIOUS */
	ul.pagination li.previous a { padding: 0 1em; }
	
	/* NEXT*/
	ul.pagination li.next a { padding: 0 1em; }


/*-------------------------------------------
	EVENTS & NEWS PAGES
-------------------------------------------*/

.event-list h3 { margin: 0 0 10px 10px; }
.event-list div { position: relative; margin: 0 0 24px 48px; width: 512px; }

.event-list div .summary { width: 100%; }
.event-list div h5 { display: block; line-height: 1.2em; margin: 0 0 0 -48px; padding: 6px 0 6px 48px; }

div.register { position: absolute; top: 4px; right: 4px; margin: 0; width: auto; }

.phone { background: #F8F8F8 url(/GetResource.axd/assets/images/icons/event-concall.png) no-repeat; }
form .phone { background: none; }
.web { background: #F8F8F8 url(/GetResource.axd/assets/images/icons/event-webinar.png) no-repeat; }
.company { background: #F8F8F8 url(/GetResource.axd/assets/images/icons/event-company.png) no-repeat; }

#right-col { margin: 0 0 0 12px; position: absolute; top: 0; right: 0; width: 170px; }
#right-col img { margin-top: 8px; }


/*-------------------------------------------
	HOME PAGE
-------------------------------------------*/

.home #header { height: 306px; background-image: none; }

#events { float: left; position: relative; top: -61px; left: 6px; padding: 36px 0 0 43px; width: 455px; min-height: 207px; background: url(/GetResource.axd/assets/images/upcoming_events.png) no-repeat; z-index:20; }
#events div.col1, #events div.col2 { float: left; width: 210px; }
#events div.col2 { float: right; }
#events div div { margin: 0 0 2em 0; }
#events h3 { margin: 2em 0 0 -25px; padding: 0 0 7px 25px; font: 1.4em/1.1 Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; color: #164B5D; background: url(/GetResource.axd/assets/images/icons/home-company.gif) no-repeat; }
#events h3.phone { background: url(/GetResource.axd/assets/images/icons/home-phone.gif) no-repeat; }
#events h3.web { background: url(/GetResource.axd/assets/images/icons/home-web.png) no-repeat;  }
#events p { margin: -5px 0 0 0; line-height: 1; font-weight: bold; text-transform: uppercase; color: #888; }
#events p span { font-weight: normal; text-transform: none; color: #333; }
#events .key { clear: both; width: 478px; height: 28px; margin: 4px 0 14px -36px; background-color: #FBFBFB; padding: 4px; }
#events .key img { margin-top: 6px; }
#events .key p { float: right; margin: 0; }
#events .key p img { margin: 2px 0 0 0; }

#news { float: right; position: relative; top: -37px; right: -10px; padding: 36px 25px 0 30px; width: 246px; min-height: 300px; background: url(/GetResource.axd/assets/images/latest_news.png) no-repeat; z-index:20; }
#news h3 { margin: 1.5em 0 0 0; font: 1.4em/1.1 Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; color: #164B5D;  }
#news p { margin: .5em 0 0 0; line-height: 1.4; }

#snapshot { float: left; postion: relative; margin: -61px 0 0 15px; width: 484px; }
#snapshot td { border-bottom: 1px solid #777; }
#snapshot tr.macfcu { font-weight: bold; color: #0485b1; }
#snapshot th, #snapshot td.value { text-align: center; }
#snapshot tfoot { font: 1em Arial, Helvetica, sans-serif; color: #A4A4A4; }
#snapshot tfoot strong { color: #7D7D7D; }
#snapshot tfoot td { border-bottom: none; line-height: 1.3; padding-top: 8px; }
#snapshot caption { min-height: 14px; } /* For Safari */
#snapshot caption img { float: left; margin-top: 1.5px; }
#snapshot caption span { float: right; font: bold 1.1em Arial, Helvetica, sans-serif; letter-spacing: -.5px; margin: 1px 0 0 0; padding: 0; }

#daily-rates { float: right; position: relative; top: -22px; right: -15px; width: 286px; }


/*-------------------------------------------
	CLASSES
-------------------------------------------*/

.floatLeft { float: left; margin: 0 10px 10px 0; }
.floatRight { float: right; margin: 0 0 10px 10px; }
img.floatRight, img.floatLeft  { border: 1px solid #CCC; padding: 3px; }
.hide { display: none; }
a.more { padding: 0 5px 0 0; font-size: .9em; font-weight: bold; letter-spacing: -.2px; text-transform: uppercase; background: url(/GetResource.axd/assets/images/gt.gif) 100% 50% no-repeat; }
.selected { text-decoration: none; color: #696969 !IMPORTANT; }
.blue { color: #4D8BBE; font-weight: bold; }
table span { display: block; float: left; margin-right: 10px; }

/* CLEARFIX */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

/*-------------------------------------------
	sIFR
-------------------------------------------*/

@media screen {
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #content h1 { visibility: hidden; font-size: 30px; letter-spacing: -1px; }
.sIFR-hasFlash #content h2 { visibility: hidden; font-size: 18px; line-height: 32px; letter-spacing: -1px; }
.sIFR-hasFlash #content h2 strong { font-weight: normal; color: #4D8BBE; }
.sIFR-hasFlash #content h3, .sIFR-hasFlash #sectionTitle { visibility: hidden; font-size: 14px; letter-spacing: -1px; }
}