/*
-----------------------------------------------
Main Page
Designer: Peggy Kolm
Date:     June-July 2006
Copyright: all photos copyright 2005-2006 Peggy Kolm, all rights reserved
----------------------------------------------- */		
		
		/* Body
----------------------------------------------- */

		body {
  background:#00008B;
    margin:0;
  padding:10px 10px;
  font: 80% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  text-align:left;
  color:#000000;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#0000CD;
  text-decoration:none;
  }
a:visited {
  color:556B2F;
  text-decoration:none;
  }
a:hover {
  color:0000CD;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header {
  width:800px;
  height:125px;
  margin:0 40 10px;
    background:#ffffff url("mainheader.jpg") no-repeat left top;
    text-align:center;
  }
#header-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  font: 200% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  line-height:1.2em;
  color:#0000CD;
  text-transform:uppercase;
  letter-spacing:.2em;
  }

#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  font:93%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000000;
  }

	
	
	/* Content
----------------------------------------------- */

#content {
  width:800px;
  margin:20 0 0 40;
  padding:0;
  text-align:left;
  background: #ffffff;
  }
#main {
  width:600px;
  padding:15 0 0 100;
   background:#ffffff;

  }
	
	#footer {
  width:200px;
    background:#ffffff bottom left;
    margin:50;
  }
		

/* Headings
----------------------------------------------- */

h2 {
  margin:0em 0 0em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
      text-align:center;
  text-transform:uppercase;
  letter-spacing:.2em;
   padding:5px 0px 5px;
  color:#000000;
    border:1px solid #000000;
  }
  

h3  { color: #000; font: bold 90%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 0.5em 0 0.75em; padding: 0px }
  
  h4 {
  margin:1.5em 0 .75em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
    padding:5px 0px;
  color:#8B0000;
  }


/* Table Content
----------------------------------------------- */
TABLE    { display: table }
TR       { display: table-row }
THEAD    { display: table-header-group }
TBODY    { display: table-row-group }
TFOOT    { display: table-footer-group }
COL      { display: table-column }
COLGROUP { display: table-column-group }
TD, TH   { display: table-cell }
CAPTION  { display: table-caption }

TH { 
text-align: center; 
font: bold 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
vertical-align: baseline;
 }
  
  TD { 
text-align: left; 
font: 90% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
padding: 0 0 5px;
vertical-align: top;
 }
 

TD h1 {
  background:#ffffff;
  text-align: center;
  margin:5px 5px 0;
  padding:15px 0px .25em;
  font: 125% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  line-height:1.2em;
  color:#228B22;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
  
  TD h2 {
  background:#ffffff;
  text-align: center;
  margin:5px 5px 0;
  padding:15px 0px .25em;
  font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
  
  TD h3 {
  margin:.2em 0 .2em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    color:#000000;
    text-align:center;
    padding:0px 0px;
    letter-spacing:.1em;
  }

  TD h4 {
  margin:.2em 0 .2em;
  font:bold 75%/1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    color:#000000;
    text-align:center;
    padding:0px 0px;
    letter-spacing:.1em;
  }

/* Delicious
--------------------------------------------*/
.delicious-posts { margin: 1em; 
border: 0px solid #ddd; 
padding: 0; 
width: 20em; 
font-family: sans-serif;
 }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #F5FFFA }
.delicious-banner a { font-size: 100% }
.delicious-posts a:hover { text-decoration: underline }

.delicious-posts a { text-decoration: none; 
color: #0000ff; 
display: block; 
padding: 0.2em
 }
.delicious-post a { color: #008080 }

/* Feed2RSS Styles
    * rss-box defines the bounding div for the entire display- use to define borders, fill, etc.
    * rss-title the title of the feed and link style if displayed. Use with variants of rss-title a:link, rss-title a:hover, etc for rollowver styles
    * rss-items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items.
    * rss-item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed.
    * rss-item a: variant for the item title and link style
    * rss-date defines the display of item posting dates

--*/
.rssttl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	
		margin: 0px 0;
	padding: 0;
}
/* begin styles for RSS Feed */

.rss-box {
	width: 270px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
.rss-items {
	padding:5px;
	color:#000000;
	margin: 0px;

}
p.rss-title {
	margin: 0px;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #F0F8FF;
	background-color: #F0F8FF;
	border-top: 1px solid #000080;
	border-right: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-left: 1px solid #000080;
	
	
}
.rss-title, rss_title a {
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9px
	background-color:#A4A4FF;
	color:#000000;
	font-weight:bold;
	margin: 0px;
	padding:0px;
	text-align: left;
	font-size: 12px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #ffffff;
}

.rss-item  {
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight : normal;
	color: #000000;
	list-style:none;
	margin-bottom: 6px;
	padding:0;
}

.rss-item a {
	color:#000099;
	font-size: 11px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	text-indent: 0px;
	line-height: 12px;
	letter-spacing: normal;
	text-align: left;
	vertical-align: bottom;
	word-spacing: normal;
	}
	
.rss-item a:visited {
	color:#003366;
}
.rss-item a:hover {
	color:#000099;
	text-decoration: underline;
}

.rss-date {
	font-size: 10px;
	font-weight : normal;
	color: #0033CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
    font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  font: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  color:#000000;
  line-height:1.5em;
  }
  


/* Footer
----------------------------------------------- */
#footer {
  width:600px;
  clear:both;
  margin:0 auto;
  padding:10
  background=#ffffff
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

/*Tabs http://www.kalsey.com/tools/csstabs/
---------------------------------------------- */

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 40px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding 0;

}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}


	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a  {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5 {
	display : inline;
	left : 20px;
	position : absolute;
	top : 172px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
bocy.section-5 #menu ul#subnav-5 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}