@import url(layout.css);
@import url(type.css);

/* Base Stylesheet */


/* Typography */

p, li, dt, dd, th, td {
  color: #666;
}
h1, h2, h3, h4, h5, h6 {
  color: #666;
}
h2 { color: #c60; }
h4, div.association h3 { color: #004463; }
h5 { color: #9c0; }
h6 { color: #808080; }

a {
  color: #004463;
}
a:hover {
  color: #396c84;
}

a.more-link, a.back-link {
  color: #00293b;
  background-image: url(blue_2/morearrow2.png);
}
a.more-link:hover, a.back-link:hover {
	color: #396c84;
}
a.rss {
  background-image: url(blue_2/rss-icon.png);
}

span.new, span.popular {
	border-color: #999 #777 #777 #999;
}
span.new {
    background-color: #ff0;
    color: #333;
}
span.popular {
    background-color: #f90;
    color: #333;
}

hr {
  background-color: #999;
}

/* Default */

html {
  background-color: #ccc;
  color: #666;
}

/* Main Containers */

div#wrapper {
  background-image: url(blue_2/pagebackground.png);
  background-color: #dee4dd;
}


/* Header */
div#header {
    background-color: #f8f8f8;
}

div#firstcontact {
	color: #00293b;
}
div#firstcontact a {
	color: #00293b;
	background-image: url(blue_2/morearrow2.png);
}
div#firstcontact a:hover {
	color: #396c84;
}
div#welcome a {
	color: #00293b;
	background-image: url(blue_2/square_bullet.png);
}
div#welcome a:hover {
	color: #396c84;
}
/* Footer */
div#footer {
	background-color: #fff;
	border-color: #f8f8f8;
}
div#footer li {
  background-color: #fff;
  background-image: url(blue_2/square_bullet.png);
}

/* in-page Search */
div#search {
  background-color: transparent; 
  background-image: url(blue_2/searchbubble.png);
}
div#search input {
	color: #00293b;
	background-color: #fff;
}
div#search input.pagesearchbutton {
	background-color: transparent;
}
/* Section */

/* content */

/* article */
div#article {
	background-color: #f0f0f0;
}

/**
 *  Blog(calendar) listings
 */

div.blog h3 {
  background: #f8f8f8;
}
div.blog h3.head span {
  color: #999;
}
div.previews h3 {
  background: #f8f8f8;
}

/* breadcrumb trail */

div#breadcrumbs li,
div#pagemenu li {
  color: #999;
}
div#breadcrumbs li a ,
div#pagemenu li a {
  color: #ccc;
}
div#breadcrumbs li a:hover ,
div#pagemenu li a:hover {
  color: #999;
}

/* Search page */

/* Main Navigation */
div#nav ul {
    background-color: #00293b;
}
div#nav li a {
    color: #fff;
	background-image: #00293b url(blue_2/whitearrow1.png);
}
div#nav li.active li a {
	background-color: #193e4e;
}
div#nav li.active li.active li a {
	background-color: #30515f;
}
div#nav li.active li.active li.active li a {
    background-color: #44626f;
}
div#nav li.active li.active li.active li.active li a {
    background-color: #56717d;
}
div#nav li.active li.active li.active li.active li.active li a {
    background-color: #677f8a;
}
div#nav li.active li.active li.active li.active li.active li.active li a {
    background-color: #768c95;
}

div#nav li.active a {
    color: #fff;
	background-color: #193e4e;
	background-position: 10px 50%;
}
div#nav li.active li.active a {
	background-color: #30515f;
	background-position: 20px 50%;
}
div#nav li.active li.active li.active a {
    background-color: #44626f;
	background-position: 30px 50%;
}
div#nav li.active li.active li.active li.active a {
    background-color: #56717d;
	background-position: 40px 50%;
}
div#nav li.active li.active li.active li.active li.active a {
    background-color: #677f8a;
	background-position: 50px 50%;
}
div#nav li.active li.active li.active li.active li.active li.active a {
    background-color: #768c95;
	background-position: 60px 50%;
}
div#nav li.active li.active li.active li.active li.active li.active li.active a {
    background-color: #83979f;
	background-position: 70px 50%;
}

div#nav li.active a,
div#nav li.active li.active a,
div#nav li.active li.active li.active a,
div#nav li.active li.active li.active li.active a, 
div#nav li.active li.active li.active li.active li.active a, 
div#nav li.active li.active li.active li.active li.active li.active a, 
div#nav li.active li.active li.active li.active li.active li.active li.active a { 
	background-image: url(blue_2/whitearrow1.png);
}

div#nav li a,
div#nav li.active li a,
div#nav li.active li.active li a,
div#nav li.active li.active li.active li a, 
div#nav li.active li.active li.active li.active li a, 
div#nav li.active li.active li.active li.active li.active li a, 
div#nav li.active li.active li.active li.active li.active li.active li a { 
	background-image: none;
}

div#nav li a:hover,
div#nav li.active li a:hover,
div#nav li.active li.active li a:hover,
div#nav li.active li.active li.active li a:hover, 
div#nav li.active li.active li.active li.active li a:hover, 
div#nav li.active li.active li.active li.active li.active li a:hover, 
div#nav li.active li.active li.active li.active li.active li.active li a:hover { 
	background-color: #193e4e;
}

/* aside */
div#aside {
  background-color: #dee4dd;
}
div#aside h3 a,
div#topsearches h3 {
    color: #333;
}
div#aside h3 a:hover {
  color: #666;
}

div#aside h3, div#aside h2 {
    color: #333;
}

/* Pages */
div#pages img {
	background-color: #f0f0f0;
}
div#pages div.association {
	border-bottom: 1px solid #d8deda;
}
/* Files */

/* Flash element for homepage */

/* Associations */
div.association {
  background-color: #c2d2da;
}
div.association h3 a {
  color: #004463;
}
div.association h3 a:hover {
	color: #396c84;
}



/* Two Column Layout */

/* Three Column Layout */


/* Four Column Layout */

/* Gallery styles */

#gallery h5 a {
  color: #555;
}

/* navitem */

/* Form styles for contact forms */
form#contact { 
  color: #666;
}

form#contact span.form_req { 
	color: red; 
}
form#contact div.form_alert {
  background-color: #dee4dd; 
}

/* subpage navigation */
div#subpageheader {
	background-color: #eee;
}
div#subpageheader li.active {
	background-color: #ccc;
	border-color: #2CA4A4;
}