/* Styles for Redwing DesignWorks
 * (c) 2004 Redwing DesignWorks
 *
 * PALETTE:
 *
 * Green #669966  (background)
 *
 * 
 */

/* ------------------------------------- BASIC FORMATS --- */

h1, h2, h3, p, ul, li, div {margin:0; padding:0;}




body {	padding:0; margin:0; 
	font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: small;      	
	background: #669966;
	color: #333333;
	}


#canvas {                 /* TopMenu lives here */
	width:840px;
	border-top: solid 10px black;
	}


#canvas2 {                /* Top graphic & Content live here */
	background: url(images/masthead.gif) top left no-repeat #669966;
	color: #333333;
	padding-left: 86px;
	padding-top:200px;
	}


#content {                /* similar styles apply to top-menu */
	width:700px;
	padding-left: 10px;
	padding-right: 10px;
	background: #dddddd;
	color: #333333;
	}

#footer {                  /* Bottom graphic lives here */
	background:url(images/mastfoot.gif) top left no-repeat; 
	padding-bottom: 250px;
	padding-top: 20px; 
	width: 840px;
	}

#footer .fineprint {
	padding-left: 100px;
	color: #666666;
	}


h1    { font-size: 175%;
	font-weight: bold;
	background-color: #dddddd;
	color: #cccccc;              /* subtle pale gray text */
	text-align: right;
	padding-right: 10px;
	}


h2    {	font-size: 175%;
	font-weight: bold;
	margin-top: 0.75em;
	margin-bottom: 0.15em;
	}

h3    {	font-size: 115%;
	font-weight: bold;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
	}

p     { padding-bottom: 0.5em;}

p.fineprint {
	font-size: x-small;
	padding-bottom: 1em;
	}

p.contactus {
	line-height: 150%;
	}


img {font-size: x-small;}


ul {	padding-left: 30px;
	padding-bottom: 0.5em;
	}

/* ------------------------------------- HOMEPAGE ONLY --- */

p.mission {
	font-size: 115%;
	font-weight: bold;
	color: #336633;
	background-color: transparent;
	line-height: 130%;
	padding-top: 1em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	padding-right: 20px;
	border-bottom: solid 3px #454545;
	}

ul.mission {
	list-style: none;
	padding-bottom: 1.5em;
	margin-left:-40px;
	}

ul.mission li {
	margin-bottom: 0.5em;
	padding-left: 80px;
	}

li#mission1 {background: url(images/gradient1.gif) top left no-repeat;}
li#mission2 {background: url(images/gradient2.gif) top left no-repeat;}
li#mission3 {background: url(images/gradient3.gif) top left no-repeat;}
li#mission4 {background: url(images/gradient4.gif) top left no-repeat;}
li#mission5 {background: url(images/gradient5.gif) top left no-repeat;}


#content ul.mission a {
	font-size: 115%;
	padding-left: 0.5em;
	display: block;
	width:500px;
	}

#content div.mission a {
	font-size: 115%;
	}

/* ------------------------------------------- SAMPLES --- */

ul.sample-list {
	list-style: none;
	padding-bottom: 1.5em;
	margin-left:-40px;
	}

ul.sample-list li {
	margin-bottom: 0.5em;
	padding-left: 80px;
	}

li#sample1 {background: url(images/gradient1.gif) top left no-repeat;}
li#sample2 {background: url(images/gradient2.gif) top left no-repeat;}
li#sample3 {background: url(images/gradient3.gif) top left no-repeat;}
li#sample4 {background: url(images/gradient4.gif) top left no-repeat;}
li#sample5 {background: url(images/gradient5.gif) top left no-repeat;}



#content ul.sample-list a {
	padding-left: 0.5em;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	width:500px;
	}


ul.sample-list .explanation {
	padding-left: 1em;
	font-weight: normal; 
	color: #333333; 
	}

table.we-create td {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	}


#content.sample p.goback   {
	padding-top: 0.5em; 
	padding-bottom: 0em;
	margin-bottom: 0.5em;
	padding-left: 20px; 
	background: url(images/backarrow.gif) bottom left no-repeat transparent;
	}

#content.sample p.goback a {color: #999999; }


/* --------------------------------------------- LINKS --- */

#content a {
	text-decoration: none;
	font-weight: bold;
	}

#content a:link, a:active {
	color: #336633;
	background: transparent;
	}

#content a:hover {
	color: #335533;
	background: #cccccc;
	}

#content a:visited {
	color: #886688;
	/* background:transparent turns off hover background */
	}


/* ------------------------------------------ TOP MENU --- */

#top-menu {	}

#top-menu a {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding-left: 0.9em;
	padding-right: 1.1em;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#top-menu a:hover          {background: #336633; color:#cccccc;}


#top-menu .skipnav         {padding-left: 0px; padding-right: 40px;}
#top-menu .skipnav a       {font-size: 1px; color:#669966;}
#top-menu .skipnav a:hover {font-size: 1px; color:#669966; background: transparent;}


#top-menu ul {
	color: #333333;     /* separators are black */
	background: transparent;  
	font-weight: bold;
	line-height: 130%;
	padding-top: 8px;
	}

#top-menu li {
	display: inline;
	margin:0;
	padding-top: 5px;
	padding-bottom: 5px;
	}


/* --------------------------------------- BOTTOM MENU --- */

#bottom-menu {
	color: #333333;     /* separators are black */
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	border-top: 1px dotted #ffffff; 
	border-bottom: 1px dotted #669966;
	margin-top: 1.5em;
	}

#bottom-menu li {display: inline;}

#bottom-menu a {
	padding-left: 0.7em;
	padding-right: 1.0em;
	padding-bottom: 3px;
	font-weight: bold;
	text-decoration: none;	}

#bottom-menu a:link, a:active {color: #669966;} 
#bottom-menu a:hover          {background: #cccccc;}
#bottom-menu a:visited        {color: #886688;}