@import url(/global/css/global-styles.min.css);

body {
	margin: 10px;
	background: #8f97b7;
}

body#nobackground { background: #fff; }

h1 {
	font: bold 27px/1em Arial, Helvetica, Geneva, sans-serif;
	color: #273581;
	border-top: 2px solid #5f061b;
	padding: 5px 9px 0 9px;
}

a:link,
a:active,
a:visited {
	color: #202b67;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #7e8cd4;
}


/* Global Navigation
-----------------------------------*/
#navtop1 li ul,
#navtop2 li ul, 
#navleft li ul {
	border: 1px solid #000001;
	background: #fff;
	padding: 0px 3px 0px 0;
	width: 187px;
}

ul#navleft li ul {
	margin-top: -37px;
	border-left: none;
}

ul#navtop2 li ul {
	border-top: none;
}

ul#navtop2 li ul { margin-left: -1px; }

#navtop1 li ul li, 
#navtop2 li ul li, 
#navleft li ul li { border: none; }

ul#navtop1 li li a,
ul#navtop1 li li a:hover, 
ul#navtop2 li li a,
ul#navtop2 li li a:hover, 
ul#navleft li li a,
ul#navleft li li a:hover  {
	color: #333;
	background: none;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	z-index: 999;
	padding: 7px 10px;
	width: 170px;
}

ul#navtop1 li li a:hover,
ul#navtop2 li li a:hover, 
ul#navleft li li a:hover {
	color: #fff;
	background: #8190da;}

* html ul#navtop1 li li a,
* html ul#navtop1 li li a:hover, 
* html ul#navtop2 li li a,
* html ul#navtop2 li li a:hover, 
* html ul#navleft li li a,
* html ul#navleft li li a:hover { 
	width: 185px; 
	padding: 7px 0 7px 10px;
}

* html #navtop1 li ul,
* html #navtop2 li ul,
* html #navleft li ul {
	padding: 0;
	width: 185px;
}


/* System Messages
-----------------------------------*/
#returnlinkcell, 
.errormessage, 
.loginmessage {
	font: normal 13px/14px Arial, Helvetica, sans-serif;
	background: #fff none;
	padding: 4px;
	border-right: 1px solid #000;
}

.infomessage, 
#pageheadercell{
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	background: #fff none;
	border-right: 1px solid #000;
	text-align: center;
}


/* Main Content
-----------------------------------*/
#maincontenttable {
	background: #fff;
	border-right: 1px solid #010101;
}

#maincontentcell p {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #333;
}

#maincontentcell ul {
	padding: 0 0 0 17px;
	margin: 0;
	list-style: none;
}

#maincontentcell ul li,
#maincontentcell ol li {
	background: transparent url(/images/assnimg1122/imgs/li_arrow.png) no-repeat left 2px;
	font: 9pt/1.3em Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0px 0 15px 12px;
}

* html #maincontentcell ul li,
* html #maincontentcell ol li {
	font: 9pt/1.7em Arial, Helvetica, sans-serif;	
}

#maincontentcell {
	padding: 10px;
}

#maincontentsubcell { padding: 0 25px 0 0; }

#maincontentsubcell p { line-height: 2em; }

#maincontentsubcell p font { line-height: 2em; }

/* Footer
-----------------------------------*/
#footertable {
	border-top: 1px solid #010101;
	padding-top: 15px;
}

#footertable a:link,
#footertable a:active,
#footertable a:visited {
	text-decoration: underline;
	color: #000;
}

#footertable a:hover {
	text-decoration: none;
}


/* Right Nav
-----------------------------------*/
table#rightnavtable { 
	border-left: 10px solid #fff; 
	background: #fff;
}

#rightnavcell {
	border: 1px solid #000;
	padding: 1px;
	background: #fff;
}

td#rightnavcell h1 {
	font: normal 15pt/12pt Arial, Helvetica, sans-serif;
	color: #fff;
	background: #580619;
	padding: 5px 0;
	text-align: center;
}

#rightnavcell ul {
	margin: 10px 3px 13px 7px;
	padding: 0;
	list-style: none;
}

#rightnavcell ul li {
	background: transparent url(/images/assnimg1122/imgs/li_arrow.png) no-repeat left 7px;
	padding: 5px 0 5px 12px;
}


#rightnavcell ul li,
#rightnavcell ol li {
	color: #333;
	font: normal 9pt/10pt Arial, Helvetica, sans-serif;
}

#rightnavcell a:link,
#rightnavcell a:active,
#rightnavcell a:visited {
	color: #202b67;
	text-decoration: none;
	font-weight: bold;
}

#rightnavcell a:hover {
	color: #7e8cd4;
}


/* m360 Styles
-----------------------------------*/
div#nav_links {
	color: #202b67;
	background: #eee;
	padding: 4px 16px 6px 16px;
}

div#nav_links,
div#nav_links a {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

div#nav_links a { padding: 5px; }

div#nav_links a:hover { color: #8190da; }

div.warning_message {
	padding: 9px 16px 0 37px;
	font-size: 12px;
	background: transparent url(/images/assnimg1122/imgs/exclamation.png) no-repeat 16px bottom;
	font-style: italic;
}

div.widgetContainer h4 {
	color: #5f061b;
	font: normal 26px Arial, Verdana, sans-serif;
}

#widget_column_1 {
    width: 282px;
    float: left;
    border-right: 2px solid #eee;
    padding: 8px 0;
    font-size: 13px;
}

#widget_column_2 {
    width: 416px;
    float: left;
    margin-left: 16px;
    padding: 8px 0;
}

#widget_column_1 h4 {
	font-size: 16px;
	margin: 11px 0;
	border-bottom: 1px solid #ccc;
}

#widget_column_1 div {
	margin: 0 16px 0 0;
}

#widget_column_1 div div {
	margin: 0;
}

div.business_card {
	background: #fff url(/images/assnimg1122/imgs/bak_businesscard.png) no-repeat left top;
	padding: 10px;
	margin: 0 16px 0 0;
}

a.portal_previewable {
	font-size: 14px;
	line-height: 24px;
}

div.business_card div {
	text-align: center;
	font-size: 13px;
}

div.business_card div div {
	padding: 4px 0 0 0;
}

div.business_card h3 {
	border-bottom: 1px solid #fff;
	padding: 4px 1px;
}

div.business_card h3,
div.business_card h3 a {
	font: normal 18px Arial, Verdana, sans-serif;
	color: #5f061b;
}

div.business_card h3 a:hover {
	color: #BF0C36;
}

div.business_card a {
	padding: 4px;
}

div.business_card table {
	width: 100%;
	background: #fff;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #ddd;
	margin: 8px 0 0 0 ;
}

div.business_card table td {
	font-size: 13px;
}


td.event_actions {
	text-align: right;
}

td.event_actions a {
	color: #5f061b;
}

td.event_actions a:hover {
	color: #BF0C36;
}

table.event_list tr.odd_row {
	background: #eee;
}

td.value {
	text-align: left;
	padding-left: 9px;
}

dl.address_list dt {
	margin: 4px 0;
}

td.date span.abbr_month {
	font-size: 17px;
	color: #555;
}

td.date span.num_day {
	font-size: 17px;
	color: #888;
}


/* M.Ellis - 2/21/11 */

/* Clickable Logo
----------------------------------------*/
#logo-click {
	border: none;
	margin-left: -480px;
	top: 40px;
	width: 323px;
}

#logo-click h1 {
	height: 158px;
}


/* VCard
----------------------------------------*/
/*
#dialog_message .business_card h3,
#dialog_message .business_card .card_contact {
    text-align: left;
    width: 246px;
}
#dialog_message .business_card {
	display: none;
}
#dialog_message .business_card .home,
#dialog_message .business_card .mailing,
#dialog_message .business_card .address_list dt[title="Mailing"],
#dialog_message .business_card .address_list dt[title="Mailing"] + dd,
#dialog_message .business_card .address_list dt[title="Home"],
#dialog_message .business_card .address_list dt[title="Home"] + dd,
#dialog_message .business_card li[title="Home"] {
	display: none;
}
#dialog_message .business_card dl.address_list {
    background: url(https://m360.bamsl.org/images_ui/home.gif) no-repeat 0 2px;
}
#dialog_message .business_card ul.phone_list {
    background: url(https://m360.bamsl.org/images_ui/phone.gif) no-repeat 0 2px;
}
#dialog_message .business_card ul.email_list {
    background: url(https://m360.bamsl.org/images_ui/email.gif) no-repeat 0 5px;
}
#dialog_message .dialog_buttons {
	padding-bottom: 10px;
	text-align: center;
}
*/