body
{ 
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background-color: #ccc;
	font: 11px/14px arial,helvetica sans-serif;	
	color: #797979;

	height: 100%;
  /*
	border:thick solid 2px;
	border-color:#666;
	*/
  /*
	margin: 0;
  padding: 0;
	*/
  position: relative;
}
#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #fff;
}

hr {
color: #797979;
}

a {
color: #00467f;
text-decoration: none;
}


.bold {
font-weight: bold;
}


.small, .smallblack {
font-size: 10px;
line-height: 10px;
}

.smallblack {
color: #000;
margin-bottom: 3px;
}

#nav {
background-image: url('images/nav/menu_bg.gif');
width: 854px;
height: 30px;
border: 0;
margin: 0;
padding: 0px 0px 0px 46px;
}

#footer {
text-align: center;
padding: 30px 0px 0px 0px;
background-color: #fff;
width: 900px;;
}

#footerhome {
	float: left;
	padding: 30px 0px 0px 0px;
	background-color: #fff;
	width: 750px;
}

#footericon {
	float: left;
	width: 52px;
	background-color: #fff;
	padding: 10px 60px 0px 38px;
}


#footer a, $footerhome a {
color: #333333;
}

#homeimg {
margin: 0px 0px 0px; 0px;
}

#homebottom {
padding-top: 20px;
border-top: 1px solid #bbb2a4;
}

#homebottom a {
color: #00467f;
text-decoration: none;
}

#homebottom .left {
float: left;
margin: 20px 25px 0px 38px;
width: 386px;
}

#homebottom .text {
margin: 13px 0px 7px 0px;

}



#homebottom .right {
float: left;
width: 426px;
}

#headerimage {
width: 900px;
height: 150px;
border-bottom: 1px solid #bbb2a4;
}

#secondary  {
padding: 65px 0px 0px 88px;
min-height: 410px;
}

#partners  {
padding: 0px 0px 0px 88px;
margin: 10px 0px 0px 0px;
}


#secondary h1 {
font-size: 23px;
line-height: 26px;
margin: 0;
padding: 0;
font-weight: normal;
}

#secondary h2, #support h2 {
font-size: 13px;
line-height: 16px;
margin: 0;
padding: 5px 0px 3px 0px;
font-weight: normal;
}

.red {
color: #c0003a;
}

.blue {
	color: #0082d0;
	font-size: 16px;
}

#secondary .singlecolumn {
float: left;
width: 645px;
padding: 15px 0px 25px 0px;
}

#secondary .left {
float: left;
width: 430px;
padding: 15px 32px 25px 0px;
border-right: 1px solid #666;
}

#partners .left {
float: left;
width: 430px;
padding: 0px 32px 25px 0px;
border-right: 1px solid #666;
}

#productsubnav {
padding: 65px 0px 0px 190px;
color: #787878;
}

#partnersubnav {
padding: 65px 0px 0px 88px;
color: #787878;
}

#accessubnav {
padding: 30px 0px 0px 15px;
color: #787878;
}


#partnersubnav .title {
color: #a7a5a5
}

#productsubnav a, #accesssubnav a, #partnersubnav a {
color: #a7a5a5;
}


#products {
margin-top: 23px;
padding: 0px 0px 0px 190px;
min-height: 350px;
width: 818px;
}

#products h2 {
font-size: 12px;
}

#products ul {
/* list-style: none; */
margin: 0;
padding: 0px 0px 0px 17px;
}

#products li {
padding-left: 2px;
margin-top: 2px;
margin-bottom: 5px;
}

#products .leftnoline {
float: left;
width: 330px;
padding: 15px 32px 25px 0px;
}

#products .right {
float: left;
width: 260px;
padding: 25px 0px 0px 20px;
}

#secondary .leftnoline {
float: left;
width: 430px;
padding: 15px 32px 25px 0px;
}


#secondary .right, #partners .right {
	float: left;
	width: 290px;
	padding: 25px 0px 0px 20px;
	font-size: 12px;
}

#secondary .image {
margin: 0px 0px 12px 0px;
}

#secondary .caption {
margin: 0px 0px 0px 0px;
font-size: 11px;
line-height: 18px;
width: 230px;
}

#support  {
padding: 0px 0px 0px 130px;
}

#support .leftnoline {
float: left;
width: 430px;
padding: 0px 32px 25px 0px;
}

#support .scroll {
width: 357px;
height: 298px;
overflow: auto;
margin-top: 8px;
}


#support .right {
float: left;
width: 254px;
padding: 30px 0px 0px 20px;
}

#supportsubnav {
padding: 65px 0px 20px 0px;
color: #787878;
}

#supportsubnav a {
color: #a7a5a5;
}

#support h3 {
font-size: 12px;
margin: 15px 0px 3px 0px;
padding-bottom: 0px;
font-weight: normal;
}


#popup {
margin-left: 50px;
padding-bottom: 100px;
}

.button {
border: 1px solid #006; 
}

#admin ul {
list-style: none;
margin: 0;
padding: 0;
}

#admin li {
padding-left: 10px;
margin-top: 7px;
margin-bottom: 5px;
color: #0081CF;
font-size: 12px;
}

#admin ul li ul li {
font-size: 11px;
}

#admin h1, #admin h2 {
color: #0081CF;
}

#admin h1 {
font-size: 14px;
margin-top: 5px;
margin-bottom: 3px;
padding: 0;
}

#admin h2 {
font-size: 12px;
margin: 5px 0px 2px 0px;
}

.longtext {
width: 300px;
margin-bottom: 3px;
}

.extralongtext {
width: 500px;
margin-bottom: 3px;
}

.alttext {
width: 300px;
}



.previewbox {
background-color: orange;
width: 878px;
text-align: center;
border: 1px solid red;
padding: 10px 10px 10px 10px;
}

.buttonbg {
background-image: url(/images/button_background.jpg);
background-repeat: no-repeat;
width: 254px;
height: 32px;
padding: 10px 0px 9px 20px;
}
.buttonbglg {
background-image: url(/images/button_background_lg.jpg);
background-repeat: no-repeat;
width: 254px;
height: 66px;
padding: 10px 0px 9px 20px;
margin-top: 20px;
}

.buttonlabel {
margin-bottom: 3px;
}

.buttontext {
width: 200px;
font-size: 10px;
border: 1;
margin:0;
}

.buttonbg a {
color: #00467f;
}

.resourceshd {
color: #0080d0;
font-size: 10px;
font-weight: bold;
}



.awardtitle {
font-size: 12px;
font-weight: bold;
}

.awardsub {
font-size: 11px;
}

.accesstitle {
font-size: 12px;
font-weight: bold;
}

#admin table {
margin: 5px 0px 20px 0px;
width: 350px;
border: 1px dotted #666;
border-collapse: collapse;
}

.greystripe {
background-color: #ccc;
}

#admin table th {
background-color:#0081CF;
color: #fff;
}

#admin table th a {
color: #fff;
}

#admin table td {
padding: 3px;
}
#secondary #admin .right a {
	font-size: 12px;
}
#secondary #admin .right a {
	font-size: 12px;
}



/*------------------------------*/
/* Better Pop up
/*------------------------------*/
#fade {
	background-color:#999;
	left: 0;
  top: 0;
	z-index: 99999;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	filter: alpha(opacity=80); /*--IE 5-7 Transparency --*/
	/* CSS 3 (everyone else) */
	opacity: .80;
	height:100%;
	
}
#hideshow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup_block {
  background-color: #ddd;
  border:2px solid black;
  border-color:#666;
  padding: 10px 20px;
  border: 10px solid #fff;
  float: left;
  width: 480px;
  /*position: fixed;*/
  position:relative;
  top: 5%;
  left: 50%;
  margin: 0 0 0 -250px;
  z-index: 400;
}
.popup_block .popup {
  float: left;
  width: 100%;
  background: #fff;
  margin: 10px 0;
  padding: 10px 0;
  border: 1px solid #bbb;
}
.popup p {
  padding: 5px 10px;
  margin: 5px 0;
}
.popup img.cntrl {
  position: absolute;
  right: -20px;
  top: -20px;
  border:none;
}
#fade2 {
  position: absolute;
  top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?  documentElement.scrollTop  : document.body.scrollTop);
}
.popup_block {
  position: absolute;

  top:expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollTop  +((documentElement.clientHeight-this.clientHeight)/2)  : document.body.scrollTop  +((document.body.clientHeight-this.clientHeight)/2));

  left:expression(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ?  documentElement.scrollLeft  + (document.body.clientWidth /2 )  : document.body.scrollLeft  + (document.body.offsetWidth /2 ));
}