/* coyote adapted from the webon template "my autumn sunrise" */

#body h1 { font-size: 24px; 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; }
#body a { color: #FEFFC6; 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-repeat: repeat-x;
	background-color: #DF4418;
	color: #292929; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto; 
	margin: 0;
	padding: 0; 
	text-align: center;
}

#outerContainer {
	background-repeat: repeat-x;
	background-image: url(' https://media.tripod.lycos.com//preview/2098622/880712.png');
	height: auto;
	margin: 0 auto; 
	padding: 0;
	width: 1000px;
}

#container {
  height: auto;
  padding: 0 0 0 0;
  margin: 0 auto;
  text-align: center;
  width: 1000px; 
}


#header {
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url('https://media.tripod.lycos.com//preview/2098622/885085.jpg');
	border-bottom: 1px solid #F09705;
	color: #FFF;
	margin: 0; 
	min-height: 220px;
	.height: 220px;
	padding: 0 530px 30px 10px;
	position: relative;
	text-align: left; 
	width: 460px;
}

#header h1 { font-family: Georgia,Times New Roman,serif; color: #fff; font-weight: normal; }
#header h2, #header h3, #header p { color: #ffe732; font-weight: normal; }

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

#header ul.navigation li {
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url();
	height: 28px; 
	float: left; 
	min-width: 20px; 
	_width: 1%; 
	margin: 0;
	padding: 0 10px 0 10px;
	text-align: left;
	white-space: nowrap;
}

#header ul.navigation li a {
	border-bottom: none;

	height: 22px; 
	color: #00baff;
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.6em;
	margin: 3px 0;
	padding: 0;
	text-decoration: none; 
}

#header ul.navigation li a:hover, 
#header ul.navigation li a.selected {
	color: #FEFFC6;
	text-decoration: none;
}


#main {
	background-color: #F09705;
	height: auto; 
	margin: 10 px auto;
	padding: 10px 0;
	width: 100%;
}

#sidebar {
	background-color: #8000FF;
	background: #ebf2f4;
	height: auto;
	min-height: 20px; 
	padding:  0;
	text-align: left; 
	width: 210px;
}

.layout1c #sidebar { 
	border-bottom: none;
	padding: 10px;
	margin: 0 0 0 0; 
	min-height: 5px;
	.height: auto;
	width: 980px;
        _width: 960px;
}

.layout1c #sidebar ul.navigation { 
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 5px; 
	top: 0; 
}


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

.layout1c #sidebar ul.navigation li a {
        color: #00baff;	
        height: auto; 
	width: auto;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #00baff;
	padding-right: 5px;
}

.layout1c #sidebar ul.navigation li a:hover, .layout1c #sidebar ul.navigation li a.selected {
	color: #ff0066;
}

.layout2cl #sidebar {
	background-image: url(' https://media.tripod.lycos.com//preview/2098622/881903.gif');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FEFFC6;
	height: auto;
	min-height: 220px;
	_height: 220px;
	padding: 20px 20px 10px 20px;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
}


.layout2cl #sidebar ul.navigation {
  clear: both;
	margin-bottom: 15px;
}


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

.layout2cl #sidebar ul.navigation li a {
	border-left: 5px solid #F09705;
        height: 35px; 
	width: auto;
	color: #df4418;
	display: block;
	font-weight: bold;
	font-size: 16px;
        margin-bottom: 1px;
	line-height: 2.0em;
	padding: 0 0 0 10px;
	text-decoration: none;
}

.layout2cl #sidebar ul.navigation li a:hover, .layout2cl #sidebar ul.navigation li a.selected {
        border-left: 5px solid #df4418;	
        color: #DF4418;
        text-decoration: none;
}


.layout2cr #sidebar {
	background-image: url('https://media.tripod.lycos.com//preview/2098622/881903.gif');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FEFFC6;
	height: auto;
	min-height: 220px;
	_height: 220px;
	padding: 20px 20px 10px 20px;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
}

.layout2cr #sidebar ul.navigation {
	clear: both;
	margin-bottom: 15px;
}

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

.layout2cr #sidebar ul.navigation li a {
	border-left: 5px solid #F09705;
        height: 35px; 
	width: auto;
	color: #df4418;
	display: block;
	font-weight: bold;
	font-size: 16px;
        margin-bottom: 1px;
	line-height: 2.0em;
	padding: 0 0 0 10px;
	text-decoration: none;
}

.layout2cr #sidebar ul.navigation li a:hover, .layout2cr #sidebar ul.navigation li a.selected {
        border-left: 5px solid #df4418;	
        color: #DF4418;
        text-decoration: none;
}

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

#content {
  height: auto;
  min-height: 400px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 560px;
}

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

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

#content ul.navigation li a:hover, #content ul.navigation li a.selected {
	color: #ff0066;
}

.layout1c #content {
	width: 980px;
	margin: 0 auto;
        padding: 10px; 
}

.layout2cl #content {
	width: 685px;
	margin: 0;
	padding: 0 10px; 
}

.layout2cr #content {
	width: 685px;
	margin: 0; 
	padding: 0 10px;
}


#footer {
	background-color: #DA251C;
	border-top: 8px solid #DA251C;
	color: #00baff;  
	height: auto;
	padding: 10px 0;
	min-height: 20px;
	margin: 10px auto 0 auto;
	text-align: left;
	width: 100%;
} 

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

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


#footer ul.navigation li a:hover, #footer ul.navigation li a.selected {
        color: #ff0066; 	
}

/* Module Specific Styling */
#body h1 a.addOnBasicLink { color: #FF006C; font-family: Georgia,Times New Roman,serif; font-size: 20px; font-weight: normal; text-decoration: none; }
#body h1 a.addOnBasicLink:hover { text-decoration: underline; }
#body h3.addOnSectionHead { color: #006699; border-bottom: none; font-family: Georgia,Times New Roman,serif; font-size: 18px; font-weight: normal; } /* Blog management heading color */
#body .addOnButton {
	background-color: #FF006C; background-image: none; border: solid 2px #FF006C; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none;
} 
#body .addOnBasicLink { color: #00baff; }
#body a:hover.addOnBasicLink { color: #ff0066; }

.addOnBorderColor { border-color: #CCC; }
.addOnHeadline { font-size: 20px; color: #006699; }
.addOnSubHead { font-size: 18px; color: #006699; }
.addOnSubH3 { color: #006699; font-weight: normal; font-family: Georgia,Times New Roman,serif; font-size: 18px; line-height: 1.2em; }
.addOnSubH4 { font-size: 14px; color: #006699; }
.addOnPlainText { font-size: 12px; color: #000; }
.addOnBasicLink { font-size: 12px; color: #00baff;}
.addOnSmallText { font-size: 10px; color: #000; }
.addOnBackground { background: #ebf2f4; }
.addOnShadedText { font-size: 12px; color: #000; background-color: #C8DAEC; }
.addOnAccentText { font-size: 12px; color: #000; background-color: #C8DAEC; }
.addOnSectionHead { color: #006699; border-bottom: none; font-family: Georgia,Times New Roman,serif; font-size: 18px; font-weight: normal; }


.addOnBorder {  border: 1px solid #999; }