/*--------------------------------------------------------  */
/*=====================    BASICS    =====================  */
body  {	color: black; }

h1  { color: #44637B; }
h2  { color: #00000; }
h3 { color: #0A3542; }
h4 { color: #44637B; }

p, ul, dl, ol { color: #222; }

div.hr { background-color: #dddddd;}

strong { color: #393939; }

em { color: #222; }

a, a:link { color: #84A0B8; }
a:visited {color: #5C82A5; }
a:hover {color: #0A3542; }
a:active  { color: #0A3542; }

.editHilight  { background-color: #ff0; }

p.note,
p.bioBlock,
p.bioBlockL
	{ color: #6c6c3e; }



/*--------------------------------------------------------  */
/*======================    NAV    =======================  */

.nav1 { background-color: #0A3542; }

.nav2 { background-color: #569bbe; }

.nav1 li, .nav2 li { color: white; }

.nav2 li { background-color: #569bbe; }


/*===================  anchors  */

.nav1 a, .nav2 a,
.nav2 .selected {
	color: #F2E2B7;
	}

.nav1 a:visited, .nav2 a:visited { color: white; }
.nav1 .selected { color: #6998CD; }
.nav1 a:hover {
	background-color: #5B7880;
	color: white;
	}
.nav1 a:active {
	background-color: #5B7880;
	color: #0A3542;
	}


.nav2 .selected a,
.nav2 .selected span { color: #F2E2B7;}
.nav2 a:hover {
	background-color: #569BBE;
	color: white;
	}
.nav2 a:active {
	background-color: #7891A7;
	color: #57717B;
	}


/*===================  side navigation  */


#sideNav h1, #sideNav ul { background-color: white; }


#sideNav h1 .selected,
#sideNav h1 a {
	color: #0A3542;
	border-bottom: #C1CCCF .2em solid;
	}
#sideNav h1 .selected,
#sideNav h1 a:hover {
	background-color: #EEF1F2;
	}


#sideNav li span,
#sideNav li a {
	color: #44637B;
	}

#sideNav li span.selected,
#sideNav li a.selected,
#sideNav li a:hover {
	background: #569bbe url("../images/bgSideNav.gif");
	background-repeat: no-repeat;
	background-position: right center;
	color: white;
	}

	#sideNav ul ul li span.selected {
		background: url("../images/bgSideSubNav.gif") no-repeat left .1em;
		color: #0A3542;
		}
	
	#sideNav ul ul li a,
	#sideNav ul ul li span,
	#sideNav ul li.mySMS ul a,
	#sideNav ul li.mySMS ul span {
		background-color: white;
		color: #0A3542;
		}
	
	#sideNav ul ul li a:hover {
		background: none;
		color: #0A3542;
		}
	

#sideNav li.mySMS a,
#sideNav li.mySMS span {
	background: url("../images/bgMysmsNav.gif") no-repeat 15em bottom;
	border-bottom: #C1CCCF .2em solid;
	color: #0A3542;
	}

#sideNav li.mySMS a:hover,
#sideNav li.mySMS .selected {
	background-color: #EEF1F2;
	}

#sideNav li.mySMS ul li a:hover,
#sideNav li.mySMS ul li .selected {
	background-color: white;
	}


/*--------------------------------------------------------  */
/*=====================    GLOBAL    =====================  */


/*=====  STRUCTURE  =====*/
body { background-color: white; }

/*===================  header  */
#header { background-color: #569bbe;}

/*===================  right header structure  */
	#rightHead { background-color: #569bbe; }
	
	#rightHead h3 { color: white; }
	
	#banner {
		background-color: #6B6042;
		background-image: url("../images/bgHeaderRight.jpg");
		}
		
/*===================  left header structure  */
#leftHead { background-color: white; }

	#leftHead h3 {
		background-color: #0A3542;
		color: white;
		}
	
	#loginBox { background: #C8C4B9 url("../images/bgHeaderLeft.jpg") no-repeat center right; }
		#loginBox a {color: #395A61;}
		#loginBox a:hover {color: #395A61;}
		#loginBox a:active {color: #395A61;}

	#loginError { background: #0A3542 url("../images/bgLoginError.gif") no-repeat .4em .4em; }
		#loginError p { color: #FEC854; }

/*===================  Col 2 structure  */
	#logoSMS { background-image: url("/images/logo_srf_col2_bg.gif"); }
		#logoSMS h1 { background-image: url("/images/logo_srf_col2.gif"); }

/*===================  Remaining structure  */
#footer { border-top: #C1CCCF .1em solid; }

div.callout  {background-color: #EEF1F2;}

	div.callout .blockHead {background-image: url("../images/bg_callout_nw.gif");}
		div.callout .blockHead .corner{background-image: url("../images/bg_callout_ne.gif")}
	div.callout .blockFoot {background-image: url("../images/bg_callout_sw.gif")}
		div.callout .blockFoot .corner{background-image: url("../images/bg_callout_se.gif");}

/*=====  TYPOGRAPHY  =====*/
p.breadcrumbs {
	background-color: #0A3542;
	color: white;
	}

#footer b { color: #569bbe; }

ul.checks li  {background-image: url("../images/iconCheckBullet.gif");}
ul.subtle li  {background-image: url("../images/iconSubtleBullet.gif"); background-position: 0px 5px; padding-left: 9px;}

.expandomatic {
	background: url("http://strategicmanagement.net/images/bg_expandomatic_white.gif") no-repeat 0px 1px;
	padding-left: 16px;
	display: block;
	}
.expandomatic:hover {
	text-decoration: none;
	}

.expanded {
	background-image: url("http://strategicmanagement.net/images/bg_expanded_white.gif") !important;
	}