
/* ACLS CSS design specs */
/* ACLS Color Schema*/
.accent0 { color: #333333 ; } /* gray drk */
.accent1 { color: #666666 ; } /* gray lt */
.accent2 { color: #F3DAE9 ; } /* magenta lt */
.accent3 { color: #8C1259 ; } /* magenta drk */
.accent4 { color: #26988E ; } /* teal lt */
.accent5 { color: #0A5766 ; } /* teal drk */
.accent6 { color: #E4CFE6 ; } /* plum lt */
.accent7 { color: #552C59 ; } /* plum drk*/
.accent8 { color: #E6B8B8 ; } /* mauve lt */
.accent9 { color: #994C5E ; } /* mauve drk */
.accenta { color: #FFE88C ; } /* gold lt */
.accentb { color: #E6B800 ; } /* gold drk */
.accentc { color: #D9E3FF ; } /* blue lt */
.accentd { color: #142866 ; } /* blue drk */
.accente { color: #660001 ; } /* maroon */
.accentf { color: #CC0022 ; } /* red */



/* Standard HTML 4.01 Color names and values 
Black = "#000000" Gray = "#808080" Silver = "#C0C0C0" White = "#FFFFFF" 
Olive = "#808000" Green = "#008000" Lime = "#00FF00" Yellow = "#FFFF00"
Maroon = "#800000" Navy = "#000080"  Red = "#FF0000" Blue = "#0000FF"
Purple = "#800080" Teal = "#008080"  Aqua = "#00FFFF"  Fuchsia = "#FF00FF" */

/* ACLS Design of HTML tag defaults */
body { font-family: Verdana, "Trebuchet MS", sans-serif ; font-size: 9pt ; line-height: 150% ; color: #333333 ; background-color: #FFFFFF ; }

html { max-width: 1100px; margin: 5px; }

a img { border: solid blue 1px ; }
a:link { color: default ; text-decoration: underline ; }
a:visited { color: default ; }
a:active { color: teal ; }
a:hover { color: green; cursor: hand ; }

#rtcol a { text-decoration: none ; }
#rtcol2 a { text-decoration: none ; }

hr { height: 1px ; width: 95% ; color: #008080 ; margin-top: 0 em ; margin-bottom: 0em ;}

p { font-family: Verdana, "Trebuchet MS", sans-serif ; font-size: 9pt ; line-height: 150% ; color: #333333 ; background-color: inherit ; }
p { margin-top: 0.0em ; } /* reduce space above paragraphs to let headers sit on top */

.quote { font-size: 9pt ; }

.shortrule { width: 20% ; color: #990066 ; }

.dcap { font-size: 175% ; font-weight: 100 ; background-color: #E6B8B8 ;  }

.smleading { line-height: 100%; } /* reduce space above paragraphs to let headers sit on top */

/* color and text for calendar */
.qtw  { font-size: 80% ; font-weight: 100 ; background-color: #E6E7FF ;  }
.sat  { font-size: 80% ; font-weight: 100 ; background-color: #FFFFFF ;  }
.lbm  { font-size: 80% ; font-weight: 100 ; background-color: #FFE2CD ;  }
.lbp  { font-size: 80% ; font-weight: 100 ; background-color: #FEE7F2 ;  }
.hw  { font-size: 80% ; font-weight: 100 ; background-color: #DCFFE4 ;  }



h1, h2, h3, h4, h5, h6, h7 { font-family: Palatino, "Times New Roman", serif ; font-weight: 700; line-height: normal ; margin-bottom: .2em ; margin-top: .3em} 

/* the text types not altered (or inherit from p) are: comment, blockquote, address, preformatted */

h1 {font-size: 1.6em ; color: #552C59 ; }
h2 {font-size: 1.5em ; color: #07403B ; }
h3 {font-size: 1.4em ; color: #8C1259 ; }
h4 {font-size: 1.3em ; color: #552C59 ; }
h5 {font-size: 1.2em }
h6 {font-size: 1.0em }

/* Classes and ID's */
.tinybox {
	margin: 5px;
	padding: 0px;
	float: left;
	height: 2.1em;
	width: 3px;
	background-color: #613265 ; }
	
/* Pull quote boxes */
.pullboxrt {
	margin: 5px;
	padding: 0px;
	float: right;
	height: auto;
	width: 170px;
	border-style: solid;
	border-color: #666 ;
	border-width: 1px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-top-color: #8C1259;
	border-bottom-color: #8C1259;
	background-color: #FFE88C ;
	z-index: 3 ;
	  }

.pullboxlf {
	margin: 5px;
	padding: 0px;
	float: left;
	height: auto;
	width: 170px;
	border-style: solid;
	border-color: #666 ;
	border-width: 1px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-top-color: #8C1259;
	border-bottom-color: #8C1259;
	background-color: #FFE88C ;  }
	
/* Paragraph Descendant Selectors for pull quotes */
.pullboxrt p { color: #07403B;  ; background-color: inherit; font-size: 12pt ; font-family: "Times New Roman", Palatino, serif ; font-style: italic ; margin: 5px ; padding: 5 px ; }

.pullboxlf p { color: #07403B;  ; background-color: inherit; font-size: 12pt ; font-family: "Times New Roman", Palatino, serif ; font-style: italic ; margin: 5px ; padding: 5 px ; }

/* Layout Design Classes and ID's, pseudo-classes, pseudo elements */

#logotext {
	position: absolute ; top: 35px ; left: 320px ; 
	margin: 0px;
	padding: 0px;
	float: none;
	clear: none;
	height: auto;
	Background-color: none ;
	width: 300px ; min-width: 275px ;
	border-style: none;
	border-width: 0px;
 }

#aclslogo {
	position: absolute ; top: 10px !important ; left: 10px !important ; 
	margin: 0px;
	padding: 0px; }
	
#logophoto {
	position: absolute ; top: 10px !important ; left: 610px !important ; 
	margin: 0px;
	padding: 0px; }
	
#nametext {
	position: absolute ; top: 80px !important ; left: 300px !important ; 
	margin: 0px;
	padding: 0px; 
	white-space: nowrap ;
	font-size: 9pt !important ;
	text-align: left ; }

.topbox {
position: absolute; top: 119px ; left: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 760px;
	background-color: #613265 ; }

/* 3 column setups, first for wider left column */
#lftcol {
	position: absolute; top: 110px ; left: 10px ;
	margin: 5px ;
	margin-left: 0px ;
	padding: 5px;
	float: left;
	clear: none; 
	height: auto;
	width: 45% ; min-width: 200px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  }
	
#midcol {
	position: absolute ; top: 110px ; left: 48% ;
	margin: 5px;
	padding: 5px;
	float: left;
    clear: right; 
	height: auto;
	width: 28% ; min-width: 170px ; max-width: 250px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  
	background-color: #F8F2F7;
	}
	
/* 3 column setup, equal columns */
	
	#lftcoleq {
	position: absolute; top: 110px ; left: 10px ;
	margin: 5px ;
	margin-left: 0px ;
	padding: 5px;
	float: left;
	clear: none; 
	height: auto;
	width: 36% ; min-width: 200px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  }
	
#midcoleq {
	position: absolute ; top: 110px ; left: 38% ;
	margin: 5px;
	padding: 5px;
	float: left;
    clear: right; 
	height: auto;
	width: 36% ; min-width: 150px ; max-width: 400px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  
	background-color: #F8F2F7;

	}
	
/* Right menu column */
#rtcol {
	position: absolute ; top: 130px ; left: 79% ; 
	margin: 5px;
	padding: 5px;
	float: left;
	clear: right;
	height: auto;
	Background-color: #DAF3F3 ;
	width: 18% ; min-width: 125px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  }
	
/* 2 column setup */
#lftcol2 {
	position: absolute; top: 110px ; left: 10px ;
	margin: 5px ;
	margin-left: 0px ;
	padding: 5px;
	float: left;
	clear: none; 
	height: auto;
	width: 73% ; min-width: 300px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  }
	
#rtcol2 {
	position: absolute ; top: 130px ; left: 820px ; 
	margin: 5px;
	padding: 5px;
	float: left;
	clear: right;
	height: auto;
	Background-color: #DAF3F3 ;
	width: 200px ;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-top-color: #990066;
	border-left-width: 1px;
	border-left-color: #990066;  }
	