﻿

ul
{
	margin: 0px;
	}
ul li
{
	 list-style-type: none;
	 margin-bottom: 5px;
	 margin-left: 0px;
	 font-family: Tahoma;
	}
ul ul
{
	margin-left: 10px;
	}
ul li li
{
	list-style-type: disc;
	margin-left: 17px;
	}
h2
{
	font-family: Georgia;
	font-size: 24px;
	color: Black;	
	border-bottom: 1px solid silver;
	margin: 0;
	}
h3
{
	font-size: 14px;
	font-family: Verdana;
	color: #fff;
	margin: 0;
	}
h4
{
	font-size: 11px;
	line-height: 30px;
	color: #BAB8B5;
	border-bottom: 1px solid silver;
	margin-top: 40px;
	margin-bottom: 8px;
	font-family: Tahoma;
	}
a
{
	color: #8CC63F;
	}
a.dashed
{	
	text-decoration: none;
	border-bottom: 1px dashed;
	}
input[type=text], textarea
{
	border: 1px solid #8CC63F;
	}
	
#top-nav a:hover,#top-nav a:over, #main-nav a:hover, #main-nav a:over,a:hover, a:over
{
	color: #333;
	}
#page
{
	
	
	}	
#site
{	
	width: 992px;
	margin: 0 auto;
	font-family: Georgia , Arial, Times New Roman;
	color: #62675C;		
	background-image: url("../IMG/bg-top.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	}
#wrapper
{
	background-image: url("../IMG/bg-repeat.jpg");	
	background-position:  left top;
	background-repeat: repeat-y;
	
	}	
#site-content
{
	
	}
#brand
{
	position: absolute;
	width: 291px;
	height: 174px;
	top: 0px;
	}
#brand-image
{
	position: relative;
	cursor: pointer;
	background-image: url("../IMG/Stack-logo-small.png");
	background-repeat: no-repeat;
	width: 291px;
	height: 174px;
	top: 0px;
	left: -35px;
	border: 0px solid pink;
	}	

#header
{
	text-align: right;
	padding-top: 15px;
	padding-right: 0px;
	/*background-color: pink;	*/	
	
	}
#header li
{
	list-style-type: none;
	}
#header #top-nav ul
{
	margin: 0;
	}
#header #top-nav li
{
	display: inline;
	padding-right: 8px;
	}
#top-nav li a, #main-nav li a
{	
	font-weight: normal;
	text-decoration: none;
	font-family: Tahoma;
	}
#top-nav li a
{
	color: #8CC63F;
	font-size: 12px;
	}
#top-nav li.active a
{
	color: #333;
	}
	
#main-nav ul
{
	margin: 0;
	}
#main-nav li
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0;
	padding-right: 10px;
	background-color: #B9B7B5;
	background-position: right center;
	background-repeat: no-repeat;
	
	
	background-image: url("../IMG/Main-Nav-Cap-InActive.gif");
	height: 19px;
	line-height:19px;
	font-size: 11px;
	
	}
#main-nav li a
{
	color: White;
	}
#main-nav li a:hover, #top-nav li a:hover
{
	color: #333;
	}
.main-nav-inactive
{
	/*height: 30px;
	line-height: 30px;
	font-size: 14px;	
	background-image: url("../IMG/Main-Nav-Cap.gif");*/
	}
.main-nav-active
{
	background-color: #8CC63F !important;
	background-image: url("../IMG/Main-Nav-Cap-Active.gif") !important;
	height: 30px !important;
	line-height: 30px !important;
	font-size: 14px !important;
	}
.container
{
	width: 930px;
	border: 0px solid pink;
	}	

.green
{
	color: Green;
	}
#header, #content, #footer
{	
	}
#footer
{
	height: 62px;
	min-height: 62px;
	vertical-align: bottom;
	font-family: Tahoma;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 0px;
	text-align: left;
	/*background-image: url('../IMG/Mark-footer.png');*/
	background-image: url('../IMG/bg-footer.jpg');
	background-repeat: no-repeat;
	background-position: bottom  left;
	/* background-attachment: fixed;*/
	
	}
#footer a
{
	color: #8CC63F;
	text-decoration: none;
	}
#footer #mark
{
	width: 45px; float: left;
	height: 58px;
	padding-right: 10px;
	}
#footer #contact-line
{
	/*width: 600px;*/
	 padding-top: 30px;
	}
img.footer-email
{
	vertical-align: text-bottom;
	}
#content-box-container
{
    float: left;
	width: 930px;
    background-color: #fff;
    margin-top: 25px;
    }	
div.content-box
{
    /*min-height: 200px;*/
    width: 276px;
    /*margin-right: 13px;	*/
    margin-right: 5px;
    float: left;
    /*background-color: #fff;    */
    border: 0px solid silver;
    font-family: Tahoma;
    font-size: 14px;
    text-align: left;
    }
div.cut-corner, div.cut-corner-active
{
	background-image: url('../IMG/Cut-Corner-Gray.png');
    background-position: top left;
    background-repeat: no-repeat;
	}
div.cut-corner-green
{
	background-image: url('../IMG/Cut-Corner-Green.jpg');
    background-position: top left;
    background-repeat: no-repeat;
	}
div.cut-corner-active:over a, div.cut-corner-active:hover a
{
	color: #333;
	}
div.cut-corner-active:over, div.cut-corner-active:hover
{
	background-image: url('../IMG/Cut-Corner-Green.png');
	}	
div.last
{
	margin-right: 0;
	}
div.first
{
	margin-left: 65px;
	}
div.content-box h2
{
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 240px;
    }
div.content-box h4
{
	width: 240px;
	}
div.content-box p
{
	/*padding: 10px;*/
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-family: Georgia;
	width: 255px;
    }	
div.content-box ul
{
	/*margin-left: 20px;*/
	margin-left: 0px;
	}
#introduction
{	
	margin-left: 65px;
	width: 790px;
	font-family: Georgia;
	font-size: 14px;
	line-height: 28px;
	padding-bottom: 5px;
	}        
ul.tagline
{
	margin: 0;
	margin-left: 65px;
	/*margin-top: 30px;*/
	margin-top: 0px;
	margin-bottom: 20px;
	}
ul.tagline li
{
	list-style-type: none;
	display: inline;
	font-weight: bold;
	margin: 0;
	padding: 0px;
	}
.tagline li img
{
	margin: 0;
	padding: 0;
	}
.tagline li a
{
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}    

#bread-crumb
{
	text-align: right;
	}
#bread-crumb ul
{
	margin-right: 10px;
	margin-top: 10px;
	}

#left-col
{
	width: 250px;
	float: left;
	padding: 15px;
	}
#right-col
{
	padding: 10px;
	width: 630px;
	float: left;
	
	}
p.large
{
	font-size: 16px;
	line-height: 28px;
	}
p.normal
{
	font-size: 12px;
	line-height: 22px;
	}

div.project-box
{
	background-color: #C0BFBE;
	width: 300px;
	height: 157px;
	margin: 8px;
	margin-bottom: 0px;
	margin-right: 0px;	
	text-align: right;
	background-position: -10px -10px;
	overflow: hidden;
	}
div.project-box h3
{
	color: #fff;
	text-align: right;
	margin-top: 3px;
	margin-right: 10px;
	}
div.project-box h3 a
{
	color: #fff;
	text-decoration: none;
	}
div.project-box p
{
	background-color: #fff;
	margin: 10px;
	padding: 2px;
	height: 118px;
	text-align: left;
	overflow: hidden;
	}	
.label
{
	font-weight: bold;
	}
	