.width100 { width: 100%; }
 
.width75 { width: 75%; }
 
.width50 { width: 50%; }
 
.floatLeft { float: left; }
 
.floatRight { float: right; }
 
.alignLeft { text-align: left; }
 
.alignRight { text-align: right; }
.divider 
{
    clear:both;
    background-image: url(../images/dots.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin: 10px;
} 
.pager span, .pager a {
margin: 2px;
}

a.linkopacity img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

a.linkopacity:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8; 
opacity: 0.8;
-khtml-opacity: 0.8;}
body {
	color:#333;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
td {vertical-align:top;}
ul 
{
	margin: 0px 0px 0px 20px;
}
ul li
{
	list-style-image:url(../images/list-bullet.gif);
	    margin-right: 0;
    margin-top: 0;
    margin-bottom: .4em;
}

ol 
{
	margin: 2px 8px 20px 20px;
}
ol li
{
	margin:0 0 .7em 4px;
	list-style-type:decimal;
}
h1 {
	font-size: 190%;
	letter-spacing: 0.1em;
	margin-bottom: 0.2em;
	font-weight: bold;
	color: #96BD2F;
}

h2 {
	font-size: 140%;
	letter-spacing: 0.1em;
	margin-bottom: 0.5em;
	margin-top:0.7em;
	color: #96BD2F;
	font-weight: bold;
}
h3 {
	font-size: 110%;
	letter-spacing: 0.1em;
	font-weight:bold;
	color: #96BD2F;
	margin-bottom: 0.5em;
	margin-top:.3em;
	text-transform: uppercase;
}
h4 {
	font-size: 100%;
	letter-spacing: -0.03em;
	font-weight:bold;
	color: #88B4C8;
	background-repeat: repeat-x;
	margin-bottom:0.3em;
	margin-top:.5em;
}


#mainContent h3 
{
    background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	margin-top: .5em;
}
#secondaryContent h1 {
	font-size: 160%;
	letter-spacing: 0.1em;
	color: #5C7585;
	background-image: url(../images/icon_Header1.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	line-height: 30px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 30px;
}

#secondaryContent h2 {
	font-size: 130%;
	letter-spacing: 0.1em;
	margin-top: 1em;
	margin-bottom: 0.3em;
	color: #5C7585;
}
#secondaryContent h3 {
	font-size: 110%;
	letter-spacing: 0.1em;

	color: #5C7585;
}

blockquote {
	background-image: url(../images/bg_blockquote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 5px;
	padding: 8px;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #CADB2A;
	text-decoration: none;
}
a:active {
	color: #333333;
}
#ft a:link {
	color: #ffffff;
	text-decoration:none;
}
#ft a:visited {
	color: #ffffff;
	text-decoration:none;
}

#ft a:hover {
	text-decoration:underline;
}
#ft a:active {
	color: #ffffff;
	text-decoration:none;
	
}

#wrapper {
	background-image: url(../images/bg_middle.jpg);
	background-repeat: repeat-y;
	width:74.923em;
	*width:73.117em;
	margin:0 auto;
}
#doc4 {
	background-image: url(../images/bg_top_front.jpg);
	background-repeat: no-repeat;
}

#topNav {
	float: right;
	width: 300px;
	margin-right: 30px;
	text-align: right;
	font-size: 95%;
	color: #036EB4;
	margin-top: 23px;
}
#topNav li {
	display: inline;
	padding-left: 11px;
	padding-right: 4px;
}
#topNav a:link {
	font-weight: bold;
	color: #036EB4;
	text-decoration: none;
}
#topNav a:visited {
	font-weight: bold;
	color: #036EB4;
	text-decoration: none;
}
#topNav a:hover {
	font-weight: bold;
	color: #CADB2A;
	text-decoration: underline;
}
#topNav a:active {
	font-weight: bold;
	color: #036EB4;
	text-decoration: none;
}



.logo {
	padding: 10px 0 19px 30px;

}
#breadcrumbs a:link {
color:#999999;
text-decoration:underline;
}
#breadcrumbs a:visited {
color:#777777;
text-decoration:underline;
}
#breadcrumbs a:hover {
color:#333333;
text-decoration:none;
}
#breadcrumbs a:active {
color:#999999;
text-decoration:underline;
}
#breadcrumbs {
	font-size: 80%;
	color: #999999;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E4E4E4;
	text-align: right;
	padding: 5px;
	margin-top: 15px;

}
#mainContent {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 50px;
}
#mainContent p {
	margin-bottom: 0.8em;
	line-height: 1.3em;
}
.borderImage {
border: none;
margin: 0px 10px 10px 0px;
padding: 5px;
border: 1px dotted #E4E4E4;
}

#cubicle {
	font-size: 80%;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	padding: 5px 10px;
	border-top: solid 1px #e2e2e2;
	background-image: url(../images/bg_shading.gif);
	background-repeat: repeat;
}
#cubicleInner {
	width:950;
	margin:0 auto;
}
#cubicle a {
	color: #333333;
	text-decoration:none;
}
#cubicle a:hover {
	color: #333333;
	text-decoration:underline;
}




#mainHeader {
	margin: 0;
	background-image: url(../images/bg_mainHeader.jpg);
	background-repeat: repeat-y;
	padding-bottom: 5px;
	margin-top:3px;
}
#mainHeader h1{
	font-size: 26px;
	margin: 0px 45px 4px 50px;
	color: #96BD2F;

}

#mainHeader h2{
	font-size: 16px;
	margin: 0px 25px 5px 25px;

}
#mainHeader p {
	font-size: 120%;
	color: #6796B0;
	margin-right: 45px;
	margin-left: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}

#mainNav {
	margin: 0 16px;
	height: 171px;
	color: white;
	background-color: #88B4C8;
}
#mainNav h1 {
	margin: 0px;
	padding-top: 3em;
	padding-right: 0px;
	padding-bottom: 0em;
	font-size: 18px;
	color:White;
}



#mainNav p {
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}
#mainNav ul li
{

    margin: 0
}
    
.paperclip {
	float:right;
	margin-right: 9px;
	display: inline;

}
#secondaryContent {
	margin-top: 15px;
}
#secondaryContent p {
	font-size: 95%;
	color: #5C7585;
	margin-left: 10px;
	margin-bottom: 0.3em;
	margin-top: 0px;
	margin-right: 30px;
}
#secondaryContent ul {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 45px;
}
#bd {
	padding-bottom: 30px;
	background-image: url(../images/logo_half.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.shaded {
	background-image: url(../images/bg_shading.gif);
	background-repeat: repeat;
	margin: 20px;
	margin-left:0px;
	padding: 15px;
	border: 1px solid #E2E2E2;
}

.shadedPortfolio {
	background-color:#f1f1f1;
	background-repeat: repeat;
	margin: 0 5px 5px 5px;
	padding: 5px;
	border: 1px solid #E2E2E2;
}
.noShaded {
	padding:10px;
	margin:5px 0;
}
.shadedNoMargin {
	border-top:solid 1px #E2E2E2;
	border-bottom:solid 1px #E2E2E2;
	background-color: #f5f5f5;
	padding:10px ;
	margin:5px 0;
}


.img-shadow {
float: left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 0px 0 0 10px !important;
  margin: 0px 0 0 5px;
  
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;

  }
ul.button {

    list-style-type:none;
    margin:0 auto;
    padding:0;
}

ul.button li{

    margin:0;
	padding:0;
	list-style-image:none;
	/* necessary for ie6 for some strange reason */
	display:inline; 
}

ul.button li a {
    display:block;
    position:relative;
    border-width:1px 0;
    border-color:#ccc;
    border-style:solid;
    color:#555;
    text-decoration:none;
    margin:5px 1px;
	font-size:85%;

}

ul.button li a span {
    display:block;
    position:relative;
    margin:0 -1px;
    border-width:0 1px;
    border-color:#ccc;
    border-style:solid;
    background-color:#eee;
    padding:2px 6px;
}

ul.button li a:hover {
    border-color:#aaa;
    color:#333;
}

ul.button li a:hover span {
    border-color:#96BD2F;
    background-color:#E7F1C9;
}

ul.buttonGreen li a span {

    background-color:#ADD14D;
    border-color:#ADD14D;
color:#fff;
}
ul.buttonGreen li a:hover {
    border-color:#ADD14D;
    
    
}

ul.buttonGreen li a:hover span {
    color:#333;
    border-color:#ADD14D;
    background-color:#fff;
}

#hd {
   min-height:280px;
}
#ft {
	padding: 0 16px 0 17px;
}
#ftContent {
	color: white;
	background-color: #ADD14D;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
}
.column {
	text-align: left;
	margin: 0px;
	float: left;
}
#footerBottom {
	background-image: url(../images/bg_bottom.gif);
	background-repeat: no-repeat;
	height: 15px;
}

.pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:3px;
	margin:0 200px;
	border:solid 1px #e2e2e2;
	background-image: url(../images/bg_shading.gif);
	background-repeat: repeat;	                
}
#secondaryContent .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:3px;
	margin:0 15px 0 0;
	background-image: none;	
	border:none;                
}  
.pager SPAN.command,        
.pager SPAN.current,        
.pager A.command
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
}
.pager A.command:hover
{
    border:solid 1px #88B4C8;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 4px;
    text-decoration:none;
}        
.pager SPAN.current
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
    font-size:18px;
}
.required {
color: #ADD14D;
font-size: 95%;
font-weight: bold;
}
