/* Colorado Media Directory */
/* designed by AI Creative */
/* developed and adapted by Ed Sauer, New Media One */
/* 2008 */


body {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
/*	text-align:center;*/
	background-color: #EDEDED;
}

#centering {
	background-image: url(../images/bg-gradient-repeat.gif);
	background-repeat: repeat-x;
	background-position: top left;
padding: 20px 0 0 0;
margin: 0;
border: 0 none;
text-align: center;
}

/* ---  WRAPPER  --- */
#wrapper {
margin: 0 auto;
padding: 20px 0 0 0;
border: 0 none;
width: 720px;
}

/* --- LINKS   --- */
img {
border: 0 none;
}

a img {
border: 0 none;
text-decoration: none;
}	
a:link, a:visited {
	text-decoration: underline;
	color: #578EC7;
}
a:hover, a:active {
	text-decoration: none;
	color: #7D7D7D;
}

a.no-underline {
text-decoration:none;
}

/* ---  TEXT  --- */
h1 {
	font-size:17px;
	line-height:22px;
	color:#578EC7;
	margin: 12px 0 0 0;
}

h2 {
	font-size:12px;
	line-height:16px;
	color:#578EC7;
}

h3 {
	font-size:16px;
	line-height: 18px;
	color: #578EC7;
}

h3.italics {
letter-spacing: 1px;
}

p {
	font-size:12px;
	line-height:18px;
	color:#333;
}


fieldset {
	border: 1px solid #578EC7;
	margin: 10px 0 10px 0;
	padding: 0 15px 10px 15px;
	font-size: 12px;
	display: block;
	height: 100%;
}

.fieldset-search {
	border: 1px solid #000099;
	margin: 10px 0 10px 0;
	padding: 0 15px 10px 15px;
	font-size: 12px;
	display: block;
	height: 100%;
}


legend {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 9px 3px;
	line-height: 16px;
	text-align: left;
	display: block;
/*	color: #578EC7;*/
}

.legend-search {
	color: #000099;
	padding: 9px 6px;
}

label {
font-weight:bold;
}

/* ---  CONTAINER  --- */
#container {
	margin: 0;
	padding: 0;
	border: 0 none;
	width: 720px;
	text-align: left;
	background-color: #FFF;
}

/* ---  TOP (container)  --- */
#top-container {
	margin: 0;
	padding: 0;
	width: 720px;
	border: 0 none;
}

/* ---  TOP : NAV  --- */
#top-nav-container {
	margin: 0;
	padding: 0;
	border: 0 none;
	background-image:url(../images/top-nav-bg.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	width: 720px;
	text-align: right;
	overflow: hidden;
}
#top-nav {
	margin: 0;
	padding: 18px 0 8px 0;
	width: 720px;
	border-bottom: 1px solid #BDE66C;
}
#top-nav .bullet {
color: #578EC7;
padding: 0 4px 0 0;
}
#top-nav-options {
	margin: 0;
	padding: 5px 10px 0 0;
	border: 0 none;
	width: 524px;
	float:right;
}
img.icon {
	margin: 0 4px 0 14px;
	padding: 0;
	border: 0 none;
}

/* ---  MAIN (container)  --- */
#main-container {
margin: 0;
padding: 0;
border: 0 none;
text-align:left;
}
/* ---  MAIN : HOMEPAGE  --- */
#main-home-container {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	width: 720px;
	border: 0 none;
/*	border-top: 1px solid #BDE66C;*/
	float: left;
}
#main-home-left {
	width: 400px;
	margin: 0;
	padding: 28px 0 0 0;
	border: 0 none;
	float: left;
}
#main-home-right {
	width: 159px;
	border-left: 1px solid #BDE66C;
	padding: 28px 0 2px 5px;
	margin: 0;
/*	height: 480px;*/
	float: right;
	text-align:right;
}
#testimonials-1 {
	text-align: right;
	padding-right: 12px;
}
#testimonials-2 {
text-align: center;
margin-right:4px;
padding: 0 4px 6px 4px;
background-color: #CCFF99;
/*background-color: #E2FAB1;*/
}

a.order-now:link, a.order-now:visited {
	text-decoration: none;
	color: #EE2E24;
	font-size:14px;
}
a.order-now:hover, a.order-now:active {
	text-decoration: none;
	color: #000;
}
.main-home-list .bullet {
color: #578EC7;
padding: 0 3px 0 0;
}
ul.main-home-list {
	list-style: none;
	border: 0 none;
	margin: 0 20px 0 0;
	padding: 0;
}
.main-home-list li {

}

/* --- MAIN : SUBPAGE & INDEX --- */
#main-subpage {
	margin: 0;
	border: 0 none;
	float: left;
	width: 534px;
	padding: 0;
} 

#main-index {
	margin: 0;
	border: 0 none;
	float: left;
	width: 580px;
	padding: 0;
}


/* ---  LEFT (container)  --- */
#left-container {
	margin: 0;
	padding: 8px 0 0 16px;
	width: 136px;
	float: left;
	border: 0 none;
	text-align: left;
	clear: both;
}

#left-container-index {
	margin: 0;
	padding: 8px 0 0 16px;
	width: 136px;
	float: left;
	border: 0 none;
	text-align: left;
	clear: both;
}

/* ---  LEFT : NAV --- */
#left-nav-container {
	margin: 0;
	padding: 0;
	border: 0 none;
	text-align:left;
	background-color: #FFF;
	/*	width: 143px;*/
}

ul#left-nav {
	border: 0 none;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#left-nav li {
	border: 0 none;
	padding: 0;
	float: left;
	width: 116px;
	display: inline;
	clear: both;
	margin: 0 0 4px 0;
	font-size: 12px;
	line-height: 16px;
}

/* left-nav PUBLIC */
#left-nav a:link, #left-nav a:visited {
	text-decoration: none;
	color: #333;
}
#left-nav a:hover, #left-nav a:active {
	text-decoration: none;
	color: #EE2E24;
}

/* left-nav (Order Now) */
#left-nav a.order-now:link, #left-nav a.order-now:visited {
	text-decoration: none;
	color: #EE2E24;
}
#left-nav a.order-now:hover, #left-nav a.order-now:active {
	text-decoration: none;
	color: #000;
}

/* --- members-nav, library-nav --- */
#members-nav-container, #library-nav-container {
	margin: 20px 0 0 0;
	padding: 0;
	border: 0 none;
}

#members-nav-header, #library-nav-header {
	margin: 2px 0;
	padding: 0;
	color: #598FC8;
	font-size: 16px;
	border: 0 none;
}

ul#members-nav, ul#library-nav {
	margin: 0;
	padding: 0;
	color: #598FC8;
	list-style: none;
	border: 0 none;
}

ul#members-nav li, ul#library-nav li {
	border: 0 none;
	padding: 0;
	float: left;
	width: 116px;
	margin: 0 0 4px 0;
	font-size: 12px;
	line-height: 16px;
	clear: both;
}

#members-nav a:link, #members-nav a:visited, #library-nav a:link, #library-nav a:visited {
	text-decoration: none;
	color: #7D7D7D;
}
#members-nav a:hover, #members-nav a:active, #library-nav a:hover, #library-nav a:active {
	text-decoration: none;
	color: #578EC7;
}

.border-dotted {
color: /*#598FC8;*/ #578EC7;
letter-spacing:4px;
font-weight:bold;
font-size: 14px;
margin: 0;
padding:0;
border: 0 none;
}

/* top-nav */
#top-nav a {
padding: 0 3px;
}
#top-nav a:link, #top-nav a:visited {
	text-decoration: none;
	color: #7D7D7D;
}
#top-nav a:hover, #top-nav a:active {
	text-decoration: none;
	color: #EE2E24;
}

/* top-nav (Members, Library Users) */
#top-nav a.members:hover, #top-nav a.members:active, #top-nav a.library-users:hover, #top-nav a.library-users:active {
	text-decoration: none;
	color: #578EC7;
}

/* top-nav-options 
#top-nav-options a:link, #top-nav-options a:visited {
	text-decoration: none;
	color: #578EC7;
}
#top-nav-options a:hover, #top-nav-options a:active {
	text-decoration: none;
	color: #7D7D7D;
}
*/
/* top-nav-options (Members, Library Users) */
/*
#top-nav-options a.members:hover, #top-nav-options a.members:active, #top-nav-options a.library-users:hover, #top-nav-options a.library-users:active {
	text-decoration: none;
	color: #EE2E24;
}
*/

/* ---  FOOTER  --- */
#footer-container {
	margin: 0;
	padding: 0;
	border: 0 none;
	width: 720px;
	clear:both;
}

#footer-top {
	margin: 0;
	padding: 0;
	border: 0 none;
	background-image: url(../images/footer-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 720px;
	height:96px;
}

#footer {
	margin: 10px 0;
	padding: 0;
	border: 0 none;
	text-align: center;
}

.copyright {
	color: #898989;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 10px 0;
}
.copyright a:link, .copyright a:visited {
color: #898989;
text-decoration:none;
}
.copyright a:hover, .copyright a:active {
	text-decoration:underline;
	color: #578EC7;
}

/* ---  SPECIAL CLASSES  --- */
.error, .message {
	color:#EE2E24;
	font-weight: bold;

/*	background-color:white;
	border: 1px solid #213EA7;
	padding: 6px 0 3px 10px;
	text-align:left;
	margin: 0;
	font-size: 12px;
	display: inline-block;
	width: 50%;
	letter-spacing: 1px;
	*/
}	

.error_header {
	color:#EE2E24;
	font-weight: bold;
	background-color:white;
	width: 350px;
	padding: 10px;
	margin: 30px 0 3px 0;
	border: 1px solid #213EA7;
	text-align:center;
}

.required {
margin: 20px 0 3px 0;
font-style:italic;
letter-spacing:1px;
color: #EE2E24;
}		
.asterisk, .star {
color: #EE2E24;
font-weight: bold;
}
.black {
color: #000;
}
.normal {
font-weight:normal;
}
.strong, .bold {
font-weight:bold;
}
.italics, .italic {
font-style:italic;
}	
.no-underline {
text-decoration: none;
}

.margin-even {
margin: 5px 0 5px 0;
}

.no-margin {
margin: 0;
}
.no-margin-2 {
margin: 4px 0 1px 0;
}
.no-margin-3 {
margin: 4px 0 2px 0;
}
.no-margin-top {
margin-top: 0;
}
.no-margin-bottom {
margin-bottom: 0;
}
.no-margin-left {
margin-left: 0;
}
.no-padding {
padding: 0;
}
.no-padding-top {
padding-top: 0;
}
.no-padding-bottom {
padding-bottom: 0;
}
.no-padding-left {
padding-left: 0;
}

.p-ul {
margin-bottom: 6px;
}

ul {
	list-style-type: none;
	line-height: 20px;
	font-size: 12px;
}

ul.left {
padding-left: 10px;
margin-left: 0;
}

ul.left-2 {
	padding-left: 0;
	margin-left: 15px;
	margin-top: 4px;
	margin-bottom: 0px;
}

ul.left-2 li {
padding-left: 0;
margin-left: 10px;
}

li {
	font-size: 12px;
}

li.no-bullet {
list-style: none;
}
ul.bullet, li.bullet {
list-style-type: disc;
}

ul.ul-fix {
	margin-top: 2px;
	padding-top: 0;
	border: 0 none;
	line-height: 12px;
}

ul.ul-fix li {
	margin-top: 3px;
	padding-top: 0;
	border: 0 none;
	line-height: 12px;
}
li.li-fix {
	margin-top: 0;
	padding-top: 0;
	border: 0 none;
	margin-left: -20px;
	padding-left: 0;
}

select {
	margin-bottom: 6px;
}

p.left {
padding-left: 10px;
margin-left: 0;
}

input.left {
margin-left: 6px;
}
input.top {
margin-top: 4px;
}

.clear {
display:block; 
clear:both; 
/*width:1px;
height:0;
visibility:hidden;
*/
}
.spacer {
margin: 10px 0;
}
.spacer-2 {
margin: 5px 0;
}

a.print-link:link, .print-link:visited {
	color: #EE2E24;
	text-decoration:none;
	font-size: 14px;
	padding: 0px;
	margin: 0 0 0 20px;
}
a.print-link:hover, a.print-link:active {
	text-decoration:underline;
	color: #578EC7;/*	border-bottom: 1px solid #EE2E24;*/
}

a.edit-link:link, .edit-link:visited {
	color: #EE2E24;
	text-decoration:none;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0 5px 0 0;
}
a.edit-link:hover, a.edit-link:active {
	text-decoration:underline;
	color: #578EC7;/*	border-bottom: 1px solid #EE2E24;*/
}


/* ---  CLIENT COLORS  --- */
.client-color {
color: #578EC7;
}
.client-color-2 {
color: #7D7D7D;
}
.client-color-3 {
color: #EE2E24;
}
.client-color-4 {
color: #BDE66C;
}
.client-color-5 {
color: #3D80AF;
}
.client-color-6 {
color: #898989;
}
.client-color-7 {
color: #333;
}
.client-color-8 {
color: #000099;
}
.font-14 {
font-size: 14px;
}
.font-15 {
font-size: 15px;
}
.float-left {
	float:left;
}
.float-right {
float:right;
}

img#lynn {float:right; margin:10px 0px 10px 10px; width:150px; height:205px}

#main-subpage table {
width: 400px;
}
td.keys {
	font-weight: bold;
	vertical-align:top;
}
td.text {
	font-weight: normal;
	vertical-align:top;
}
.nowrap {
white-space:nowrap;
}
.note {
color:#7D7D7D;
}

/* -----ADMIN ------*/
body#admin {
background-color:#FFF;
font-size:13px;
padding: 10px 5px 0 5px;
}

#admin-wrapper {
border: 0 none;
margin: 0;
padding: 0;
}

.admin-nav {
border-bottom: 1px solid #578EC7;
margin: 0;
padding: 0 0 10px 0;
}

#admin-wrapper h1 {
	font-size:17px;
	line-height:22px;
	color:#578EC7;
	margin: 12px 0 0 0;
}

#admin-wrapper h2 {
	font-size:13px;
	line-height:18px;
	color:#578EC7;
}

#admin-wrapper h3 {
	font-size:16px;
	line-height: 18px;
	color: #578EC7;
}

#admin-wrapper .admin-nav a:link, #admin-wrapper .admin-nav a:visited {
	text-decoration: underline;
	color: #B85B5A;
	background-color: #FFF;
	padding: 2px;
	border: 0 none;
}
#admin-wrapper .admin-nav a:hover, #admin-wrapper .admin-nav a:active {
	text-decoration: none;
	color: #FFF;
	background-color: #B85B5A;
	padding:2px;
}

#admin-wrapper a:link, #admin-wrapper a:visited {
	text-decoration: underline;
	color: #578EC7;
	background-color: #FFF;
	padding: 2px;
	border: 0 none;
}
#admin-wrapper a:hover, #admin-wrapper a:active {
	text-decoration: none;
	color: #FFF;
	background-color: #578EC7;
	padding:2px;
}

#admin-wrapper form strong {
}


/* ---  AJAX  --- */
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../includes/js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #7D7D7D;/*silver;*/
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../includes/js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}




/* ------- start Chrome Drop-Down menus ------- */
.chromestyle{
	width: 99%;
	font-weight: normal;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	border: 0 none;
	width: 100%;
	padding: 4px 0;
	margin: 0;
	text-align: right;
	background-color: #FFF;
	line-height: 18px;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a {
color: #578EC7;
padding: 4px 0;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover{
	color: #EE2E24;
	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:14px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	text-align: left;
}

.dropmenudiv a:link, .dropmenudiv a:visited{
width: auto;
display: block;
text-indent: 7px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px;
text-decoration: none;
font-weight: normal;
color: #7D7D7D;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover, .dropmenudiv a:active{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
color: #EE2E24;
}

#chromemenu ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(../images/menu_strip_down_arrow.gif);*/ /*uncomment this line to use an image instead*/
}

/* ---- end Chrome Drop-Down Menus ----- */


.bodyHighlight {
	font-weight : bold;
	color : red;
}
/*
.order {
	width: 65px;
	height: 16px;
	color: red;
	font-weight: bold;
}
*/