/* Customized Street Slate  */

#body h1 { font-size: 22px; line-height: 1.2em; }
#body h2 { font-size: 18px; line-height: 1.2em; }
#body h3 { font-size: 14px; font-weight: bold; line-height: 1.2em; }
#body p { font-size: 12px; line-height: 1.8em; margin-bottom: 5px; }
#body a { color: #3071A2; font-size: inherit; text-decoration: underline; }
#body a:hover { text-decoration: none; }
#body small { font-size: 10px; }
#body form { font-size: 12px; }
#body ul.navigation li { list-style-type: none; }

#body {
	background-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #292929; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto; 
	.height: 100%;
	margin: 0;
	padding: 0; 
	text-align: center;
}

#outerContainer {
	background-image: url('https://media.tripod.lycos.com//2098622/844918.jpg');
	opacity:1.0;
	filter:alpha(opacity=100);
	background-repeat: repeat;
	background-position: ;
	background-color: #FFFFFF; /* white outer area in template */ 
	height: auto;
	margin: 0 auto; 
	padding: 0;
	width: 100%;
}

#container {
	background-color: #808EB0; /* light purple area in template */
	height: auto;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 820px;
}


#header {
	background-image: url('https://media.tripod.lycos.com//preview/2098622/879429.jpg');
	background-color: #000040; /* dark navy area in template  */
	background-repeat: repeat;
	background-position: center top;  
	color: #FFF;
	margin: 0 auto;
	min-height: 83px;
	.height: 83px;
	_height: 84px;
	padding: 10px 0 0 0;
	position: relative;
	text-align: left; 
	width: 810px; height:185px;
	border: 5px dotted white;
}

#header h1, #header h2, #header h3, #header p, #header a { color: #FFF; } 

#header ul.navigation {
  clear: both; 
  margin: 0; 
  width: 820px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}

#header ul.navigation li {
  height: 28px; 
  float: left; 
  min-width: 80px; 
  _width: 5%; 
  margin: 0 10px 0 0;
  text-align: center;
  white-space: nowrap; 
}

#header ul.navigation li a {
	background: #31363C;
	border: 1px solid #50555D;
	border-bottom: none;
	height: 28px; 
	color: #CCC;
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 2.3em;
	padding: 0 15px;
	text-decoration: none;
}

#header ul.navigation li a:hover {
	text-decoration: underline; 
	color: #FFF;
	background: #292D34;
}

#header ul.navigation li a.selected { 
	text-decoration: underline; 
	color: #FFF;
	background: #292D34;
}

#main {
	background-color: #FF8000; /* orange area in template  */
	height: auto; 
	margin: 5px auto 0 auto; /* 0 auto 0 auto Removes space between header and main content area and sidebar*/
        width: 820px;
}

#sidebar {
	height: auto;
	min-height: 20px; 
	padding:  0;
	text-align: left; 
	width: 180px; 
}

.layout1c #sidebar { 
	border-bottom: none;
	padding: 0;
	margin: 0 0 5px 0;
	min-height: 1px;
	width: 100%;
}

.layout1c #sidebar ul.navigation { 
	width: 100%;
	height: auto;
}

.layout1c #sidebar ul.navigation { 
	clear: both;
	margin-bottom: 5px; 
}

.layout1c #sidebar ul.navigation li {
	height: 28px; 
	min-width: 80px; 
	_width: 5%; 
	float: left; 
	text-align: center;
	white-space: nowrap;
}

.layout1c #sidebar ul.navigation li a {
	background: #31363C;
	border: 1px solid #50555D;
	border-top: none;
	height: 28px; 
	color: #CCC;
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 2.3em;
	padding: 0 15px;
}

.layout1c #sidebar ul.navigation li a:hover {
	text-decoration: underline; 
	color: #FFF;
	background: #292D34;
}

.layout1c #sidebar ul.navigation li a.selected { 
	text-decoration: underline; 
	color: #FFF;
	background: #292D34;
}

.layout2cl #sidebar {
	background-color: #E5E3DA;
	border: 1px solid #D1CEC3;
	height: auto;
	min-height: 400px;
	_height: 400px;
	overflow-x: hidden;
	padding: 10px;
}

.layout2cl #sidebar ul.navigation {
	margin-bottom: 15px;
	position: relative;
	width: 200px;
	left: -10px;
	clear: both;
}

.layout2cl #sidebar ul.navigation li {
	border-bottom: 1px solid #CDCDCD;
	height: auto; 
	width: auto;
}

.layout2cl #sidebar ul.navigation li a {
	height: auto; 
	width: auto;
	color: #292929;
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 2.3em;
	padding: 0 0 0 15px;
	text-decoration: underline;
}

.layout2cl #sidebar ul.navigation li a:hover {
	background-color: #CCC;
	text-decoration: none;
}

.layout2cl #sidebar ul.navigation li a.selected {
	background-color: #CCC;
	text-decoration: none;
}

.layout2cr #sidebar {
	background-color: #80FF80; /* bright green area in template  */
	border: 3px dotted #D1CEC3; 
	height: auto;
	min-height: 400px;
	_height: 400px;
	overflow-x: hidden; 
	padding: 10px;
}

.layout2cr #sidebar ul.navigation {
	margin-bottom: 15px;
	position: relative;
	width: 200px;
	left: -10px;
	clear: both;
}

.layout2cr #sidebar ul.navigation li {
	border-bottom: 1px solid #CDCDCD;
	height: auto; 
	width: auto;
}

.layout2cr #sidebar ul.navigation li a {
	height: auto; 
	width: auto;
	color: #292929;
	display: block;
	font-weight: bold;
	line-height: 2.3em;
	font-size: 12px;
	padding: 0 0 0 15px;
	text-decoration: underline;
}

.layout2cr #sidebar ul.navigation li a:hover {
	background-color: #CCC;
	text-decoration: none;
}

.layout2cr #sidebar ul.navigation li a.selected {
	background-color: #CCC;
	text-decoration: none;
}

#content .blogSub .pad10 { padding: 10px 0; } /* Removes padding from modules placed in content area */

#content {
	background-color: #808eb0;
	height: auto;
	min-height: 400px;
	margin: 0;  
	padding: 0;
	text-align: left;
	width: 600px;
}

#content ul.navigation { 
	clear: both;
}

#content ul.navigation li {
	height: 28px; 
	min-width: 10px; 
	_width: 10%; 
	float: left; 
	text-align: center;
	white-space: nowrap;
	padding: 0 5px 0 0; 
}

#content ul.navigation li a {
	height: auto; 
	width: auto;
	font-size: 12px;
	border-right: 1px solid #CCC;
	padding-right: 5px;
}

.layout1c #content {
	width: 100%;
	margin: 0 auto; 
}

.layout2cl #content {
	width: 600px;
	margin: 0 0 0 0; 
}

.layout2cr #content {
	background-color: #000080;
	width: 600px;
	margin: 0 0 0 0;
}


#footer {
	background-color: #FF80FF; /* pink area in template  */
	background-image: url();
	background-repeat: no-repeat;
	background-position: center top; 
	border-top: 1px solid #BCB9AF;
	height: auto;
	padding: 10px 0;
	min-height: 20px;
	margin: 5px auto 0 auto;
	text-align: left;
	width: 100%;
}

#footer ul.navigation li {
	height: 28px; 
	min-width: 10px; 
	_width: auto; 
	float: left; 
	text-align: center;
	white-space: nowrap;
	padding: 0 5px 0 0;
	margin: 0; 
}

#footer ul.navigation li a {
	height: auto; 
	width: auto;
	font-size: 12px;
	border-right: 1px solid #CCC;
	padding-right: 5px;
	margin: 0;
}

/* Module Specific CSS */

#body h1 a.addOnBasicLink { color: #669933; font-size: 20px; text-decoration: none; }
#body h1 a.addOnBasicLink:hover { text-decoration: underline; }
#body h3.addOnSectionHead { color: #000; border-bottom: 1px solid #D1CEC3; } /* Blog management heading color */
#body .addOnButton { background: #57b12d url(/adm/css/library/04/00/4/bg_button.gif) repeat-x; border: solid 2px #4B9428; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; }

.addOnHeadline { font-size: 20px; color: #000000; }
.addOnSubHead { font-size: 18px; color: #000000; }
.addOnSubH3 { font-size: 16px; color: #000; }
.addOnSubH4 { font-size: 14px; color: #000; }
.addOnPlainText { font-size: 12px; color: #000; }
.addOnBasicLink { font-size: 12px; color: #3071A2;}
.addOnSmallText { font-size: 10px; color: #000; }
.addOnBackground { background: #ccc; }
.addOnShadedText { font-size: 12px; color: #000; background-color: #CCC; }
.addOnAccentText { font-size: 12px; color: #000; background-color: #CCC; }
.addOnSectionHead { font-size: 16px; color: #000; border-bottom: 1px solid #D1CEC3; }
.addOnMiniNavBox { background-color: #CCC; border: 1px solid #333; padding: 2px; }
 
.addOnBorder {  border: 1px solid #999; } 
.addOnBorderBottom { border-bottom: 1px solid #999; } 
.addOnBorderTop { border-top: 1px solid #999; } 
.addOnGradientTop {  } 
.addOnGradientBottom {  }
.addOnShadowBox { background: #000; } 
.addOnShadowBoxSmall { background: #999; } 
.addOnTableHeading { color: #000; }
.addOnTableHeadingBg { background: #CCC; } 
.addOnTableRowBg { background: #e8e8e8; }
.addOnTableRowAltBg { background: #fff; }  
.addOnTableColumnBg { background: #fff; } 
.addOnTableColumnAltBg { background: #fff; }