/* GENERAL STYLES */
/*TINYMCE STYLES */
body.mceContentBody {background-image: none; background-color: #fff;}

* {margin:0;padding:0}
body {padding: 0 0 20px;background-color: #b7b3a9; background-image: url("/grfx/template/bg1400.png");background-repeat: repeat-y; background-position: center center; color:#333;font:83%/1.4 arial,tahoma,verdana,sans-serif}

/* LINKS */
a:link {color:#33f; text-decoration: none; border-bottom: 1px solid #ededed;} 
a:visited {color:#93c; text-decoration: none; border-bottom: 1px solid #ededed;} 
a:hover,a:active {color:#c00; border-bottom: 1px solid #969696; text-decoration: none;} 

a.textNav {font-size: 80%; font-weight: bold;}
a:visited.textNav {color: #33f;}

/* TYPOGRAPHY */
/* OVERFLOW AUTO FIXES THE IE7 DISPLAY BUG FOR ITALIC */
/* limit fix to macro id since most of concern are pulled in from macro */
#macro p {overflow: auto;}
#macro td p {overflow: visible;}


p, ul, ol {margin: 0 0 1.5em;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0; font-family: Arial, Helvetica, sans-serif; color:#000;padding-bottom: .5em; line-height: 1;}
h1 {font-size: 196%;margin-top:3px;  font-weight: bold;}
h2 {font-size: 136%; color: #8d804e;  font-style: italic; font-weight: bold;}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

blockquote {margin: 20px 0 20px 50px;}

ul , ol{margin-left: 25px;padding-left: 5px;}


/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:right;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;} 
.clearFloat{clear: both; height: 0;line-height: 0;font-size: px;}

.center {text-align: center;}
/* FORMS */

fieldset {border: solid 1px #efefef; margin: 10px;}
label, div.multiField {display: block; margin-bottom: 10px; float:left;width:100%;}
legend {font-size: 107%; color: #8d804e; font-weight: bold; margin-left: 5px;}
/*legend {margin-left: 5px; color: #ccc;}*/
legend strong {color: #000;}
fieldset fieldset {border-style: solid 1px #efefef; border-width: 0 0 1px 0; text-align: left;}
fieldset label strong, fieldset div.multiField strong {width: 150px; display: block; float: left; clear: left; text-align: right;margin-right: 5px;}
fieldset label em.tip {width: 495px; display: block; float: left; margin: 0 0 0 155px; font-size: smaller;}
fieldset label input, fieldset label textarea, fieldset label select {width: 500px; float: left;}
fieldset label.checkbox input {width: auto; margin-right: 2px;}
div.multiField span.checkbox label {display: inline; float: none; width: auto; margin: 0 7px 0 2px; font-weight: bold;}
div.multiField span.checkboxNormal label {display: inline; float: none; width: auto; margin: 0 7px 0 2px; font-weight: normal;}
fieldset table {clear: left; margin-left: 150px;}
fieldset td, fieldset label td input {width: 500px;}
fieldset ul {list-style-type:none; margin: 0; padding: 0;}
fieldset ul li {float: left; padding: 0 5px;}
fieldset ul.vert {margin: 10px;}
fieldset ul.vert li{float: none;}
fieldset ul.vert li label {display:inline; float:none; margin: 0 0 0 5px;}

/*Practice Areas*/
#paList {height: 650px;}
#paList ul {list-style-type:none; width: 175px; height: 50px; float: left;}
#paList li {float: left; width: 175px; height: 50px;}
#paList input {width: auto;}
#paList label {width: auto; display: inline; float: none; margin: 0px 10px 0px 3px; white-space: normal;}



label.short {display: block; margin: 0; float: left;}
label.short strong {display: block; width: 125px;}

input.short100 {width: 100px; margin: 0 5px 0 0;}
input.short50 {width: 50px; margin: 0 5px 0 0;}
input.short200 {width:200px; margin: 0 5px 0 0;}
input.short400 {width: 400px; margin: 0 5px 0 0; }
select.autosize, input.autosize {width: auto; margin: 0 5px 0 0;}

.formButton, .errorMsg {text-align: center; clear: left; display: block; width: 100%;}
.formButton input {width: auto; margin: 0 auto 10px;}
.formText {margin: 10px;}
.errorMsg, .req, .boldRed {color: #c00; font-weight: bold;}
.formErrorBox {color: #c00; font-weight: bold; display: block: width: 100%; clear: left; text-align: center;}
.formPlainText {font-weight: normal; color: #666; font-family: "Courier New" Courier monospace;}
.formDescription {text-align: center; font-weight: bold; margin: 10px;}
.example {font-size: smaller; color: #666; font-weight: normal; margin: 0 2px 0;}
.bold {font-weight: bold; margin: 0 5px 0 0;}

.formIndent {clear: left; margin: 0 0px 15px 155px;}
.smaller {font-size: smaller;}

#profileSummary {width: 500px; padding: 10px; margin: 10px auto; border: 1px solid #eee;}
.profileAlert {width: 400px; margin: 10px auto; background-color: #eee; padding: 5px;}
.profileError {margin: 10px; color: #c00; font-weight: bold; }

div.alertBox {background-color: #eee; width: auto; margin: 10px; text-align: left; padding: 10px; font-weight: bold; border: 1px #999 solid;}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
	height: 600px; 
	overflow: auto;
	z-index: 200;
}
div.modalPopup h3 {margin: 2px 0 5px 0; padding: 0;}
div.modalPopup ul { list-style-type: none;}
div.modalPopup ul li label {width: auto; clear: none; display: inline; float: none;}
div.modalPopup ul li input {clear: left;}
div.modalPopup ul li {margin: 0 0 10px 0;}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}


/* TABLES */

tbody, td {padding: 0px;}

/* LOGBOX */
.logBox p {margin: 10px 10px 20px;}
.logError {margin: 10px 10px 20px; text-align: center; font-weight: bold; color: #900;}
.logboxLinks {margin: 10px 0; text-align: center;}

/* SEARCH */
.searchBox {clear: none;}
.searchBox input {width: 400px; float: none;}
.searchBox input.button {width: auto; margin-left: 5px;}
.umbSearchHighlight {background-color: #fcefec;}
.searchHeadline {font-weight: bold; font-size: 13px;}
.searchBody{margin:0 20px 1px 20px;}
.searchFooter{margin: 0 20px 15px 20px; color:#666;}


/* NAV */
#nav-wrap {	float: left; clear: left;}

#crumbs, #nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1;
}	



/* LAYOUT - main body of page */
#wrap {width:1000px; Margin: 0 auto; background-color: #fff; border-bottom:6px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; position: relative; z-index: 1;}
#content-wrapMain, #content-wrapHome {width:100%; clear: both;}

#content {margin: 0; clear: none; width: 750px;}

#content img {padding: 0 0 5px 5px;}


/* LAYOUT TWO COLUMN */
	#content-wrapMain #content {margin: 0 15px 0 225px; padding: 20px 0 0;}
	
	#fp-inset {width: 336px;  float: right; margin:0 0 0 20px;padding: 0;}
	#fp-inset img {padding: 0;}


#inset {float: right; width: 250px; background-color: #f4efd6; margin: 0 0 10px 10px; padding: 5px; text-align: center;}
#inset ul {list-style: none;text-align: left;margin: 0; list-style-position: outside;}
#inset li {padding:3px 0;}
#inset h1, #inset h2, #inset h3, #inset h4, #inset h5, #inset h6 {border: none; padding:2px 0 0; margin: 0; text-align: center;}
#inset img {border: 1px solid #000; margin: 0 auto; padding: 0;}
#inset p {text-align: left;}

#insetImg {float: right; margin: 0 0 10px 10px; padding: 5px; text-align: center; clear: right;}
#insetImg img {border: 1px solid #000; margin: 0 auto; padding: 0;}




	#textpageInset {width:350px; margin:0 0 5px 5px; float: right;}


/*LANDING PAGE*/
	#landingContent {width: auto;}
	#landingInset {float: right; margin:0 0 10px 10px;}
	#landingInset img {margin-top: 20px; padding: 0;}

/*MEMBERSHIP PAGE*/


#sideBar2 {width: 275px;float: right;margin: 0 5px 0 12px;}

.ibelong{width: 277px;
height: 403px;
float: left;
margin: 0 0 12px 1px;
background-image: url('/media/1260438/ibelong-logo.png');
background-repeat: repeat-x;
background-position: bottom;
padding: 5px 5px 5px 5px;}
.ad {width:190px; height: 150px; background:#999;}
.join
{
border: 3px solid 
#AAA;
border-radius: 12px;
width: 284px;
padding: 8px 0 0 0;
float: left;
margin: 0 0 10px 0px;
/*background-image: url('/media/1260471/join-button.png');*/
background-repeat: repeat-x;
background-position: center;
}

#sideBar2 a
{
border: none;
}

.benefits
{
width: 288px;
height: 60px;
float: left;
margin: 0 0 12px 0px;
background-repeat: repeat-x;
background-position: center;
border: 1px solid #9966cc;
}


#sideBar2 img
{
padding:0;
}
.joinnow
{
width: 288px;
height: 55px;
float: left;
margin: 0 0 12px 0px;
background:#fff;
background-repeat: repeat-x;
background-position: center;
border: 1px solid #9966cc;
}

.video
{
width: 288px;
height: 400px;
float: left;
margin: 0 0 12px 0px;
background:#fff;

}

.member-text
{
width: 450px;

}
.header2
{font-size: 1.2em;
margin: 0 0 3px 0;
padding: 0;
font-family: arial;
color: #666;
font-weight:bold;
display: block;

}

.header3
{
display: inline;
border-top: 1px solid #9966cc;
text-transform: uppercase;
margin: 0;
font-size:1em;
padding:0px 0px 3px 0px;
font-family: arial;
color: #9966cc;
font-weight:bold;
}


.marquee_container h2
{
font-size: 1.2em;
margin: 0 0 3px 0;
padding: 0;
font-family: arial;
color: #666;
font-style:normal;
line-height: 1.3em;
}

.marquee_container h3
{
display: inline;
border-top: 1px solid #9966cc;
text-transform: uppercase;
margin: 0;
font-size:1em;
padding:0px 0px 3px 0px;
font-family: arial;
color: #9966cc;
line-height: 1.1em
}

.marquee_container h4
{
margin: 0 0 8px 0;
padding: 0;
font-size:1.1em;
color:#999;

}

.marquee_container h3
{
display: inline;
border-top: 1px solid #9966cc;
text-transform: uppercase;
margin: 0;
font-size:1em;
padding:0px 0px 3px 0px;
font-family: arial;
color: #9966cc;
}
.purple-border {
border: 1px solid 
#A782C2;
text-align: center;
padding: 6px 15px 0px 12px;
width: 420px;
margin: 0 0 10px 0;
}
.marquee_container
{
font-size: 13px;
position: relative;
width: 455px;
height: 400px;
overflow: hidden;
background-image: url('/media/1260420/marquee-bg.png');
background-repeat: repeat-x;
background-position: bottom;
margin: 0 0 10px 0px;
}

.marquee_photos
{
position: absolute;
width:10000px;
top: 96px;
left: 0px;
}

.marquee_caption
{
width: 150px;
padding: 20px 5px 10px 10px;
top: 0px;
position: absolute;
left: 180px;
color: #999;
font-family: arial;
display:none;
}

.marquee_caption_content
{
border-radius: 8px;
width: 240px;
min-height: 300px;
padding: 10px 9px 10px 9px;
background-image: url('/media/1260429/marquee-caption-bg.png');
background-repeat: repeat-x;
background-position: bottom;
}

.marquee_caption_content p
{
line-height:1.2em;
margin: 8px 0 0 0;
padding:0;
color: #333;
font-size: 14px;
}

.marquee_panel_photo
{
width: 410px;
}

.marquee_panel
{
display:none;
}

.marquee_panel_photo
{
width: 410px;

}

.marquee_photo
{
margin-right: 218px;
}


.marquee_nav
{
border-top: 1px solid #96C;
background: #111;
position:absolute;
width:455px;
top: 376px;
right: 0px;
text-align: right;
overflow:hidden;
height:35px;
}

.marquee_nav_item
{
display: inline-block;
height:18px; 
width: 18px;

}

.marquee_nav a
{
display: inline-block;
height:18px; 
width: 18px;
margin: 3px 8px 0 0px;
background-image: url('/media/1260447/nav_buttons.png');
background-repeat: no-repeat;
background-position: 0px 0px;
}

.marquee_nav a:hover
{
display: inline-block;
height:18px; 
width: 18px;
margin: 3px 8px 0 0px;
background-image: url('/media/1260447/nav_buttons.png');
background-repeat: no-repeat;
background-position: -21px 0px;
border: none;
}

.marquee_nav a.selected
{
display: inline-block;
height:18px; 
width: 18px;
margin: 3px 8px 0 0;
background-image: url('/media/1260447/nav_buttons.png');
background-repeat: no-repeat;
background-position: -42px 0px;
}

.marquee_container_autoplay .marquee_nav a
{
	opacity: .4;
	filter: alpha(opacity=40);
}

.marquee_container_autoplay .marquee_nav a.selected
{
	opacity: 1;
	filter: alpha(opacity=100);
}	


/*SITE MAP*/
	#sitemap ul {margin:0; padding: 0; list-style: none;}
	#sitemap ul li {font-size: 130%; text-transform: uppercase; margin: 10px 0; font-weight: bold;}
	#sitemap ul li li {margin: 0 0 0 30px; padding: 2px; text-transform: none; font-size: 90%; font-weight: bold;}
	#sitemap ul li li li {font-size: 90%; font-weight: normal;}
	#sitemap a, #sitemap a:visited {color:#696969; text-decoration: none;border-bottom: 1px solid #cdcdcd;}
	#sitemap a:hover {color: #c00;border-bottom: 1px solid #969696; text-decoration: none;}

/* PHOTO ALBUM */
	#scrollwrap {overflow: auto; height: 110px; width:100%; border-top: 2px solid #999; background-color: #ccc; margin: 0 auto;}
	#vscroll {margin: 5px 0 0 0; white-space: nowrap;}
	#vscroll a {border: none; margin: 0 5px; padding: 0;}
	#vscroll img {border: 1px solid #000; margin:0; padding: 1px;}
	
	#thumbs {width: 95%;  margin: 0; padding: 10px; text-align: center;}
	#thumbs ul {list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; display: inline;}	
	#thumbs li {padding: 10px; display: inline; margin: 10px; list-style-position: inside; width: 70px; height: 70px; float: left;}
	#thumbs a {border: none; margin: 0; padding: 0; width: 75px; height: 75px;}
	#thumbs img {margin: 0 0 10px; padding: 1px; border: 1px solid #000; width: 70px; height: 70px;}
	#thumbs a img {text-decoration: none;}

	#fullImgWrap {width:95%; border: 1px solid #ccc; background-color: #eee; text-align: center; margin: 0 auto; padding: 0;}
	#fullImg {width: 500px; padding: 0; margin: 10px auto; text-align: center;}
	#fullImg h6 {font-weight: bold; border: none; padding: 0 0 2px 0; text-align: left;}	
	#fullImg img {border: 2px solid #000; margin: 0; padding: 1px;}
	.photocutline {font-size: 11px; padding: 0 0 1px 0; margin: 0; text-align: left;}
	.photocredit {font-size: 10px; text-align: right; padding: 0 0 1px 0; margin: 0;}

	.albumBlock {width: 95%; margin: 0 0 10px; overflow: auto;}
	.albumBlock a {border: none; margin: 0; padding: 0;}
	#content .albumBlock img {border: 1px solid #000; margin:0 10px 0; padding: 1px; float: left;}
	.albumBlock h6 {margin: 0; padding: 0 0 2px 0; border: none;}	

/*PUBLICATIONS */
	#issueArchive {width: 95%;}
	#issueArchive ul {list-style: none; display: inline; padding: 0; margin: 0; list-style-position: outside;}
	#issueArchive li {padding: 10px; float: left;}
	#issueArchive li img {border: 1px solid #000; padding: 0;}
	#issueArchive li a {text-decoration: none; border: none;}
	.issueBlock {width: 155px; height: 250px; text-align: center; }
	.pubBlurb {margin: 0 0 15px;}
	.pubBlurb h3 {margin:0 0 2px 0; padding: 0;}
	.pubBlurb p.byline, #content p.byline {font-style: italic; padding: 0; margin: 0 0 2px 10px;}
	
	.pubContents {width: 740px; overflow: hidden;}

	#pubBanner {margin: 10px 0;padding: 0 0 2px; border-bottom: 2px solid #000;width: 480px; float: left;}
	#pubBanner img {padding: 0;}
	#pubBanner h1 {display: none;}

	#storyNav {float: right; width: 250px; background-color: #eee; border: 1px solid #ccc; margin: 0 0 10px 10px; padding: 5px; text-align: right; overflow: hidden;}
	#storyNav img {border: 1px solid #000; float: left; padding:0; margin-right: 5px;}
	#storyNav h3, #storyNav p {padding: 0; margin: 0;}
	#storyNav p {color: #999;}

	#linkList ul {list-style: none;}
	#linkList li {margin: 0 0 10px;}

	/* EJOURNAL */
	#ejContent {width: 520px;}
	#ejContent h1 {display: none;}
	#ejContent h2 {text-transform: uppercase; margin: 10px 0 0 0;}
	#ejContent h3 {margin: 0;}
 
	#ejBanner {height: 30px; margin-top: 10px; border-bottom: 2px solid #000;text-align: right; background: url(/grfx/template/pubs/ejHead.gif) no-repeat center left; font-weight: bold; font-size: 126%;}
	
	#ejHeadlines {width: 200px; float: right; background-color: #f4efd6; padding: 5px; margin: 0; }
	#ejHeadlines h4 {text-align: center;}
	#ejHeadlines ul {list-style: none; margin: 0; padding: 0; list-style-position: outside;}
	#ejHeadlines li {margin: 0 0 10px;}
	
	/* EJOURNAL AND OTHER TEMPLATE IMAGES */
	#ejCenteredImage, .centeredImage {padding: 0; margin: 10px 0 0; text-align: center; display: block; overflow: hidden;}
	#ejCenteredImage {width: 520px;}
	#ejInsetCenter, .insetCenter {margin: 0 auto;}
	#ejInsetRight, .insetRight {float: right; margin: 10px 0 5px 10px; text-align: right;}
	#ejInsetLeft, .insetLeft {float: left; margin: 10px 10px 5px 0; text-align: left;}
	#ejInsetCenter img, #ejInsetRight img, #ejInsetLeft img,
	div.insetCenter img, div.insetRight img, div.insetLeft img {padding: 0; margin: 0;}
	div.insetCenter a, div.insetRight a, div.insetLeft a {border:none;}

	p.printLink {margin: 0 0 10px; text-align: center; text-transform: uppercase; font-size: .8em;}

	ul.bennies {list-style-type: none;}
	ul.bennies li {display: block; width: 700px; clear: right;}
	
	.blurbImage {width: 150px; overflow: hidden; float: left; margin:0 10px 0 0;}
	.blurbImage a {border: none;}
	.blurbText {float: right; width: 540px; padding-bottom: 20px;}

	#ylBanner {height: 34px; margin-top: 10px; border-bottom: 2px solid #000;text-align: right; background: url(/grfx/template/pubs/yl_journal.gif) no-repeat center left; font-weight: bold; font-size: 126%;}

	
/* OFFICER BIO */
.officerBio {margin: 0 0 15px; clear: right;}
.officerImg {float: right; margin: 0 0 10px 10px; padding: 5px; clear: right;}
.officerImg img {border: 1px solid #000; margin: 0 auto; padding: 0;}
#content div.officerImg img {padding: 0;}
	
	
/* CASEMAKER */
#EUA {width: 400px; height: 400px; overflow: auto;border: 1px solid #ccc; }
#EUAForm {width: 500px;}
#EUAForm input, #EUAForm label {width: auto;float: none; clear: none; display: inline;}
.cmNote {margin-top: 15px; font-size: 80%; font-weight: bold; color: #666;}
	

div.sectionBlurb p.headlineSource, #headlineList p.headlineSource {text-align: left;}

#tab1 a, #tab2 a {border: none;}

/* JOIN RENEW FORM */


div.navAppForm {font-size: 90%; }
div.navAppForm ul {list-style-type: none; margin: 0 0 10px 5px;}
div.navAppForm ul li{display: inline; padding: 0 10px 0 0; }
.activeStep {font-size: 110%; font-weight: bold;}

#duesList ul { padding: 0; margin: 0 0 0 20px; list-style-type: none; width: 310px; float: left; display: block;}
#duesList li { width: 300px; float: none; margin: 0 0 10px 0;}
#duesList li label {width: auto; clear: none; display: inline; float: none;}
#duesList li strong {width: auto; display: inline; margin: 0; padding: 0; clear: none; float: none;}
#duesList li input {clear: left; margin: 0 3px 0 0;}

#duesSust {clear: both; width: 700px; display: block; margin: 0 20px;}
#duesSust label {display: inline; clear: none; width: 600px;}
#duesSust label strong {width: auto; display: inline; clear: none; float: none;}
#duesSust input {margin: 0 3px 0 0;float: left;}

#sectionList li {margin: 0 20px 10px;}

#appMessage {width: 100%; font-weight: bold; font-size: 105%; margin-bottom: 10px;}

#appSummary {width: 390px; float: left; height: 300px;}
#appPriceWrap {width: 340px; margin: 0 0 0 10px; float: left;}
#appPrice {width: 100%; text-align: right; border: 1px solid #dedede; background-color: #efefef;}
#appPrice ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
#appPrice ul li {padding: 2px 5px 0 5px;}
#appPrice ul li.total {margin-top: 10px; background-color: #999; color: #fff;}

div.appButton {width: 100%; text-align: center; margin: 10px 0 0 0; }
div.appCCButton {width: 340px; float: right; text-align: center; margin: 10px 0 0 0;}

div.ccForm fieldset {width: 330px; padding: 5px; margin: 10px 0 0 0; }
div.ccForm label, div.ccForm div.multiField {text-align: right; float: left; display: block;}
div.ccForm label strong, div.ccForm div.multiField strong  {width: auto;}

div.formGrid div table {width: 90%; margin: 0 auto 10px; border-bottom: 1px solid #eee; }

/* SECTIONS */
#section {width: 530px;}
.sectionIcon {float: right;}
.sectionThumb {float: left; margin: 0 10px 0 0; padding: 0;}
div.sectionThumb img {margin: 0; padding: 0;}
div.sectionDescription {overflow: auto; margin: 10px 0;}

#sectionInset {width: 190px; float: right; background-color: #f4efd6; padding: 5px; margin: 0; }
#sectionInset H2 {text-align: center;}
.sectionFace {width: 180px; text-align: center; margin: 5px;}
#sectionInset div.sectionFace img {border: 1px solid #000; padding: 0;}
p.sectionChair {text-align: center; font-weight: bold; color: #8d804e; margin: 0; }

#sectionHeader {display: inline; margin: 0 0 0 10px;}
#sectionHeader h1{margin: 0; padding: 0;}
#sectionHeader div.sectionThumb img {margin: 0; padding: 0;}
.sectionHeadInset p{margin: 0 0 0 110px; padding: 0; width: 400px; display: block;}

#sectionCatIcons {width: 530px; height: 100px; text-align: center; display: inline;}
#sectionCatIcons ul {list-style-type: none; margin: 10px 0 0 20px; padding: 0;}
#sectionCatIcons li {width: 75px; height: 95px; float: left; margin: 0px 10px 0 10px;}
#sectionCatIcons li img {width: 75px; height: 95px; overflow: hidden; padding: 0; margin: 0; border: none;}
#sectionCatIcons li a {border: none;}
#sectionCatIcons li a:hover {border: none;}


#sectionInset ul {list-style-type: none; margin: 0; padding: 0; text-align: left;}
#sectionInset ul li {margin: 0 0 10px 0;}

#sectionLeft {width: 340px; float: left; margin: 5px 40px 0 0;}
#sectionRight {width: 340px; float: left; margin: 5px 0 0 0;}
#sectionLeftWide {width: 440px; float: left; margin: 5px 40px 0 0;}
#sectionRightNarrow {width: 240px; float: left; margin: 5px 0 0 0;}

#sectionLeft3col {width: 280px; float: left; margin: 5px 10px 0 0;}
#sectionRight3col {width: 240px; float: left; margin: 5px 0 0 0;}

#sectionJoinInset {width: 250px; float: right; background-color: #f4efd6; padding: 10px; margin: 0 0 0 20px; text-align:center; }
#sectionJoinInset h3 {color: #8d804e;}

.sectionBlurb {margin: 0 0 20px 0;}
.sectionBlurb h3 {padding: 0;}
.sectionBlurb ul {margin: 0; padding: 0; list-style-type: none;}
.sectionBlurb ul li {margin: 0 0 10px;}
.sectionBlurb a.headline {font-weight: bold; margin: 0; padding: 0;}
.sectionBlurb p {margin: 0;}

#sectionArticles ul {list-style-type: none;}
#sectionArticles ul ul {margin: 0;}
#sectionArticles ul ul li {margin: 5px 0 5px 0;}

#sectionCalView {margin: 0 0 20px 0;}
#sectionCalView ul {list-style-type:none; margin: 0; padding: 0;}
#sectionCalView ul li {margin: 0 0 10px;}
#sectionCalView li div.indent {margin: 0 0 0 10px;}

#personListColumns {width: 700px; margin: 10px 0 0 0; float: left;}
#personListColumns ul {margin: 0; padding: 0; list-style-type: none;}
#personListColumns ul li {margin: 10px 0 10px 0; padding: 0; width: 350px; height: 50px; display: block; float: left;}

#twoColumnList {width: 700px; margin: 0; padding: 0 25px; overflow: auto;}
#twoColumnList ul {width: 350px; float: left; margin: 0; padding: 0; list-style-type: none;} 
#twoColumnList ul li {margin: 10px 0 20px 0; padding: 0; width: 350px; display: block;}

#navAlpha {width: 700px; text-align: center;}
#navAlpha ul {margin: 0 auto; padding: 0; list-style-type: none; width: 500px; text-align: center;}
#navAlpha ul li {margin: 0 5px 0; padding: 0; display: block; float: left;}

.noteBlock {width: 750px; display: block; border-top: 1px solid #aaa; margin: 10px 0 10px 0;}

/* NEWS LIST */
.newsItem {margin: 0 0 15px;}
.newsItem p{margin: 0 0 5px; padding: 0;}
.newsDate {font-weight: bold; color: #666; margin: 0; padding: 0; display: none;}

#mediaList {margin:10px 0 0 20px;}
.mediaItem {margin-left: 40px; padding: 0 0 20px; overflow: auto;}

ul.mediaSite {list-style-type:none;}
ul.mediaSite li {margin: 25px 0; }

/* BLOGS */
#blogList {border-bottom: 3px solid #eee; padding: 10px 0 0; }
#blogPost {}
textarea.blogTextbox {margin: 5px 10px; width: 640px; height: 150px;}
fieldset label textarea.smallTextbox {width: 486px; height: 100px; float: left; margin: 0px; padding: 0px; } 
fieldset label span table.mceLayout {float: left; clear: none; margin: 0px; padding: 0px;}

.blogComment {border-top: 1px solid #eee; margin-bottom: 15px;}
.blogByline {font-size: 10px; color: #999; font-style: normal; margin: 0 0 10px; padding: 0; line-height: 2em;}
.errorDisplay {font-weight: bold; color: #900; padding: 10px 0 10px;}

#blogPost h2, #blogList h2 {margin: 10px 0 0; line-height: 0; }

#blogComments {width: 650px; margin: 0 0 0 69px; border-left: 1px solid #eee; }
#blogComments p, #blogComments h3 {margin: 10px 0 0 10px;}
#blogComments h3 {color: #ccc;}

/* SECTION EDITOR */
div.sectionEditor {width: 700px; margin: 0 auto;}
textarea.blogEditorTextbox {margin: 5px 10px; width: 680px; height: 500px;}
div.sectionEditor ul.vert {list-style: none; margin: 0; padding: 0;}
div.sectionEditor ul.vert li {margin: 5px 10px; padding: 0;}
div.sectionEditor ul.vert li input {margin: 0 5px 0 0;}
div.sectionEditor ul.vert li input.textbox {margin: 0 5px 0 0; width: 500px;}
div.sectionEditor ul.vert li strong {margin: 0 5px 0 0;}
div.sectionEditor div.formButton {clear: none;}


/* CART */
div.cartInfo {width: 650px; margin: 0 auto;}
div.cartInfo table {margin:10px 0;}

div.cartSummary {width: 450px; margin: 0 auto; border: 1px solid #666;}
div.cartSummary ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
div.cartSummary ul li {padding: 2px 5px 0 5px; border-bottom: 1px solid #ccc;}
div.cartSummary ul li.total, tr.cartFooter {background-color: #999; color: #fff; text-align: right; padding: 5px; border-bottom: none;}

div.cartLogBox {width: 350px; height: 300px; float: left; margin: 0 10px;}
div.cartLogBox fieldset {width: 350px; height: 300px;}
div.cartLogBox label strong {width: 100px;}

div.cartLogBox input {width: 200px;}
div.formButton input {width: auto;}
div.cartLogBox div.logBox {margin: 0; padding: 10px 0;}
div.cartLogBox div {margin: 10px;}

#cartPriceWrap {width: 450px; margin: 0 0 0 10px; float: left; display: block;}
#cartShipping {width: 290px; float: left; display: block;}
#cartPriceWrap div.ccForm fieldset {width: 440px;}


#onDemandBlock {width: 288px; float: right; padding: 0; margin: 10px 0; text-align: center;}
#onDemandBlock img {margin: 0; padding: 0;}

.shadeBg { background-color: #f4efd6; margin: 5px 0; text-align: left; display: block; padding: 5px; }

div.promoBox {font-size: 85%; margin-bottom: 10px;}
div.promoBox p {margin: 0px; padding: 0px;}


/*AC FORM*/
table.acTable {background-color: #000; margin: 0 0 5px;}
table.acTable td, table.acTable th {padding: 2px; margin 1px; background-color: #fff; text-align: center;}
table.acTable td label {display: inline; float: none;}



div.previewBlock {border: 1px solid #ccc; width: 710px; padding: 10px; margin: 10px; overflow: auto; }

#macro p.adCrumbs {overflow: inherit;}
#classifiedImages {}
#classifiedImages ul {margin: 0; padding: 0; list-style-type: none; display: inline;}
#classifiedImages li {float: left; margin: 10px; width: 330px; height: 330px; display: block; text-align: center;}
#classifiedImages li img {margin: auto auto; padding: 0;}

#classifiedList {}
#classifiedList ul {list-style-type: none;}
#classifiedList li {font-size: 110%; margin: 10px 0;}

.classifiedFooter {width: 100%; float: left; border-top: 1px solid #f2f2f2; text-align: right;}

/* TWITTER */
.twitterList {width: 330px; margin: 0 auto; overflow: auto;}
.twitterList ul {list-style-type: none; margin: 0; padding; 0;}
.twitterList li:first-child {border-top: 1px solid #ccc;}
.twitterList li {border-bottom: 1px solid #ccc; margin: 10px 0; padding: 10px 0; min-height: 50px;}
div.twitterThumb {width: 50px; height: 50px; display: block; overflow: hidden; margin: 0 10px 0 5px; float: left;} 
#twitterBlock {overflow: auto; padding: 5px;}
#content div.twitterList img, #twitterBlock img {padding: 0;}
div.twitterBody {display: block; margin-left: 60px; overflow: hidden;}
div.twitterDate {display: block; margin-left: 60px; font-size: smaller; color: #999;}
div.twitterDate a, div.twitterDate a:hover {color: #999;}
div#MBATweets, div#MemberTweets {width: 370px; height: 500px; overflow: scroll;}

div#MbaTabTweets, div#MemberTabTweets {overflow: auto;}
#MbaTabTweets ul, #MemberTabTweets ul {list-style-type: none; margin: 0; padding; 0;}
#MbaTabTweets li, #MemberTabTweets li {padding: 0 0 3px; margin: 0; width: 315px;} 
div.twitterTabThumb {width: 24px; height: 24px; display: block; overflow: hidden; margin: 0; padding: 0; float: left;} 
#content div.twitterTabThumb img {padding: 0; margin: 0;}
div.twitterTabBody {display: block; margin-left: 35px; overflow: hidden; text-align: left; clear: none;}



/* ASYCH */

.asynchNormal {cursor: auto;background-color: #fff;}

.asynchLoading {cursor: wait; background-image: url(/grfx/icons/loadingSpin.gif); background-position: top center; background-repeat: no-repeat; }


































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

blockquote {

}

.singleSpace {
margin:0px; padding: 0px;
}

.shadeBox {
background-color: #f4efd6; width: 450px; margin: 5px auto; text-align: left; padding: 5px; display: block;
}

.emphasisGold {
color:#8D804E;
font-style:italic;
font-weight:bold;
}

.shadeBoxCentered {
background-color: #f4efd6; width: 450px; margin: 5px auto; text-align: center; padding: 5px; display: block;
}

.shadeBoxNarrow {
background-color: #f4efd6; 
margin: 5px 5px 10px 5px; text-align: center; padding: 5px;
width: 390px; display: block;
}

.shadeBoxNarrower {
background-color: #f4efd6; 
margin: 5px 5px 10px 5px; text-align: center; padding: 5px;
width: 310px; display: block;
}

.lineBox {
background-color: #fff;
border: 1px solid #000; 
margin: 5px 5px 10px 5px; text-align: left; padding: 5px;
width: 450px; display: block;
}

.lineBoxNarrow {
background-color: #fff;
border: 1px solid #000; 
margin: 5px 5px 10px 5px; text-align: left; padding: 5px;
width: 390px; display: block;
}

.lineBoxNarrower {
background-color: #fff;
border: 1px solid #000; 
margin: 5px 5px 10px 5px; text-align: left; padding: 5px;
width: 310px; display: block;
}

.lineBoxCentered {
background-color: #fff;
border: 1px solid #000; 
margin: 5px auto 10px auto; text-align: left; padding: 5px;
width: 450px; display: block;
}

.red {
color: #900;
}

