/*html { overflow-x: auto; height:100%;}*/
		
body {

	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
	margin: 0;
	background: #F3F3F3;
	/* grey background and grey text*/
}

/* cogent page is 800 wide - the white part of the page is 792 with 8 pixels to make the shadow */

#wrapper {
  width: 801px;
  margin: 20px auto;
  padding-bottom: 0px;
  padding-top: 0px;
  background: #FFFFFF;



}

#pagecontainer {
  	width: 800px;
/*	height: 70%;*/
  	background: #FFF;
}
#main {
  /*	width: 799px;
	height: 70%;
  	background: #FFF;*/
}


#topheader {
	margin: 30px 0px 0px 20px;
	height: 100px;
	width:780px;
	background: #FFF url(../images/stampgothiclogo.gif) no-repeat left;
}

#topheader h1{
	text-indent: -9999px;
}
#nav {  width: 500px;  margin: 10px auto;  float: right; } 
#nav li {  margin: 0 1px 0 0;  padding: 0;  display: inline;}
#nav a {   font-family: Verdana, Helvetica, San-serif;  font-size: 11px;  padding: 10px 6px;
  color: #333;  text-decoration: none;  border-left: 1px solid #EFEFEF;}
#nav ul li a:hover,#nav ul li a.active,#nav ul li a.active:hover {border-bottom:1px solid #333;background:#fff;}

/*#navporn {  width: 500px;  margin: 10px auto;  float: right; } */
#navporn  li {  margin: 0 1px 0 0;  padding: 0;  display: block;}
#navporn  a {   font-family: Verdana, Helvetica, San-serif;  font-size: 11px;  
  color: #333;  text-decoration: none;  }
/*#navporn  ul li a:hover,#nav ul li a.active,#nav ul li a.active:hover {border-bottom:1px solid #333;background:#fff;}


 Links for body copy light blue for Green Foot Print*/
a:link {color: #666; text-decoration: none; }
a:visited {color: #666; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}


#slideshow {
	height: 200px;
	background: #FFF;
}

#channelLeft {
  	margin: 50px 10px 10px 20px;
	width: 200px;
  	float: left;
}
#channelCenter {
  	width: 250px;
 	margin: 50px 10px 10px 20px;
	float: left;
	position:relative;
}
#channelRight {
  	margin: 50px 20px 0px 0px;
	width: 200px;
   	float: right;
}
#pageright {
  	margin: 50px 20px 0px 0px;
	width: 400px;
   	float: right;
}
#pageleft {
  	margin: 50px 10px 10px 20px;
	width: 300px;
  	float: left;
}


#intro p {
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
}

#docsleft p strong{
  	font-size: 12px;
	line-height: 14px;
	color: #666;
}


#newsfeedtest  {
  	margin-top: 0px;
	padding: 0px;
	border-bottom:1px solid #f2f2f2;
}



#channelCenter a {
  	font-size: 16px;
  	line-height: 22px;
  /*line-height: 22px;
  color: #666;
  text-decoration: none;*/
}

#channelCenter a:hover {
  color: #000;
  text-decoration: underline;
 
}


#docsleft {
  	margin: 0px 0px 0px 30px;
	width: 650px;
  	float: left;
}



#docsright {
  	margin: 0px 0px 0px 0px;
	width: 200px;
   	float: right;
}

#docsdescription {
	width:400px; 
	float:right; 
	margin: 60px 35px 30px 0px;"
}

#docsdescription h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	color: #333;
}

#docsimages {
	width:100%; 
	float:left; 
	margin: 30px 35px 30px 30px; 
	align:centre;
}
#docsvideo {
	width:100%; 
	float:left; 
	margin: 0px 35px 0px 70px; 
	align:centre;
}

#docsvideo p{
  	display: block;
	margin: 20px 0px 0px 20px;
	padding: 8px 8px 15px 8px;
	float: left;
	border: 1px solid #CCC;
	border-top-color: #eee;
	border-right-color: #ddd;
	border-bottom-color: #bbb;
	background-color:#fff;
}
#docsimages p img{
  	width: 200px;
	margin: 10px 0px 0px 0px;

}

#docsimages p{
  	display: block;
	margin: 10px 0px 0px 10px;
	padding: 8px 8px 15px 8px;
	float: left;
	border: 1px solid #CCC;
	border-top-color: #eee;
	border-right-color: #ddd;
	border-bottom-color: #bbb;
	background-color:#fff;
}

#awardscontent {
  	margin: 40px 0px 40px 30px;
	width: 650px;
  	float: left;
}
#awardscontent table {
	border: 0; 
	align: center; 
  	cellpadding: 10px;
	width: 650px;
}

#awardscontent table tr{
	border-bottom: 1px solid #F2F2F2;
	
}
#intro p strong,
#docsleft p strong{
  	font-size: 11px;
	line-height: 14px;
	color: #666;
}

#docsrecent {
  	margin: 0px 10px 0px 60px;
	width: 220px;
  	float: left;
}
#docsother {
  	margin: 0px 10px 0px 20px;
	width: 220px;
  	float: left;
}
#docsfuture {
  	margin: 0px 10px 0px 20px;
	width: 220px;
  	float: left;
}


#aboutpage h2 {
 	margin: 20px 20px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;	 
}

#aboutpage h1 {
 	margin: 20px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
}


#aboutpage img {
 	margin:20px 20px 20px 20px;
	width: 120px;
	display: block;
	/*margin: 10px 0px 0px 10px;*/
	padding: 8px 8px 10px 8px;
	float: left;
	border: 1px solid #CCC;
	border-top-color: #eee;
	border-right-color: #ddd;
	border-bottom-color: #bbb;
	background-color:#fff;
	
}
#aboutpage td {
	margin: 0px 20px 20px 50px;
	padding: 20px 0px 20px 0px;
	border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #E5E5E5;
}


#footer {
	clear:left;
  	margin: 0 auto;
  	height: 20px;
  	background-color: #c2c2c2;
	padding: 5px;


}
#footer p{
	margin: 0px auto; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
}


.clear { 
  	clear: both;
}

#intro p,
p { 
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
}
#pageright h3,
h3 { 
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
#pageright h2,
h2 { 
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
	line-height: 22px;
	color: #666;
}
#intro h1,
#pageright h1 a,
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	 
}



/*
#footer a,
#intro a,
#pageright a,
a {
  color: #666;
  text-decoration: none;
}
#footer a:hover,
#intro a:hover,
#pageright a:hover,
a:hover {
 color: #000;
  text-decoration: underline;
}*/


input {background-color: E5ECF9;}
select {background-color: E5ECF9;}
textarea {background-color: E5ECF9;}.texta {border: 1px solid E5ECF9}

.tdhead {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 2;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: DDAD08;
        border-bottom-width: none;
        border-bottom-style: none;
        border-bottom-color: none;
        border-left-width: none;
        border-left-style: none;
        border-left-color: none;
        border-right-width: none;
        border-right-style: none;
        border-right-color: none;
        background-color: FEFADE;
}

.tdmenu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 10;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: cccccc;
        border-top-width: none;
        border-top-style: none;
        border-top-color: none;
        border-left-width: none;
        border-left-style: none;
        border-left-color: none;
        border-right-width: none;
        border-right-style: none;
        border-right-color: none;
        background-color: none;
}
.tdmenu p    {     
		font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
		color: #000;
		}
		

.tdspace {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 10;
}

  		
/*
#body_hom #nav_hom,#body_map #nav_map,#body_jou #nav_jou,
    #body_his #nav_his,#body_ref #nav_ref,#body_con #nav_con {
 background: #ccc;
}

#body_hom #nav_hom a,#body_map #nav_map a,#body_jou #nav_jou a,#body_his #nav_his a,#body_ref #nav_ref a,#body_con #nav_con a {
  background: url(images/tab_right_active.gif) no-repeat top right;
  color: #1A1303;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

html {
  font: small/1.4 "Lucida Grande", Tahoma, sans-serif;
}*/