@charset "utf-8";

/* CSS Document */



body, h1, h2, h3, h4, h5, h6, img, ul, li, a, p, form {

	border: none;

	margin: 0;

	padding: 0;

	text-decoration: none;



}

body {

	background: #1A1E20;
	
	font: 12px Arial, Helvetica, sans-serif;

}





*html img {

	behavior: url(css/iepngfix.htc)



}

a{

	color:#72a5c3;

	text-decoration: underline;

}





/*3px jog hack*/

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html p {

  height: 1%;

  margin-left: 0;

  }

/* End hide from IE5/mac */



.wrapper {

	width: auto;

	height: auto;

}



.page {

	/* width: 830px; */
width: 830px;

	height: auto;

	margin: 0 auto;

	background: #202528 url(../images/page_bg.jpg) no-repeat left top; 


}



.header {

	height: 96px;

	/* width: 765px; */
	width: 765px;

	padding-top: 18px;


	margin: 0px auto;



}





.login {

	height: 46px;

	width: 230px;

	float: right;

	margin-left: 100px;

	display: inline;



}

.login a {

	color: #72a5c3;

	text-decoration:none;

}

.login p {

	color: #FFFFFF;

	padding-bottom: 7px;

	font-size: 12px;

}



.login  .inpTxt {

	float: left;

	height: 20px;

	width: 79px;

	background: url(../images/login_inpText.gif) no-repeat left top;

	margin-right: 7px;

	color: #666666;

	border-style: none;

}



.login .inpBtn {

	float: left;

	height: 19px;

	width: 44px;

}



.login .errmsg{

	color: #FF0000;

	}


.logo {

	/* height: 64px; */
	height: 64px;

	width: 228px;


	float: left;
}
.nextlogo {

	/* height: 64px; */
	height: 64px;

	width: 198px;
	padding: 0px 150px;



}


.underlogo {

	/* height: 64px; */
	height: 20px;

	width: 700px;
	padding: 0px 10px;
	float: left;



}


.media {

	height: 202px;

	width: 764px;

	padding: 0 33px;

}



.content_hold {

	height: auto;

	/* width: 830px; */
	width: 830px;

	padding-bottom: 15px;

	color: #FFFFFF;



}

.content_hold .left {

	float: left;

	height: auto;

	/*width: 232px;*/
	width: 232px;
/* had to change this  to 15 px, so it does not force the content of the window down to bottom of list as starting horizontal point */
	/*padding-left: 33px;*/
	padding-left: 25px; 
/* padding-left: 33px;  */

	border-right: solid 1px #2b2f32;

}

.content_hold  .left  a.btn {

	color: #FFFFFF;

	height: 49px;

	width: 80px;

	float: left;

	padding: 15px 91px 0px 19px;

	font: 14px Arial, Helvetica, sans-serif;

	margin-bottom: 15px;

	text-decoration:none;

}

.content_hold  .left  a.catalogue {

	background: url(../images/btn_viewCatalogue.gif) no-repeat left top;

}

.content_hold   .left   a.catalogue:hover {

	background: url(../images/btn_viewCatalogueOver.gif) no-repeat left top;

}

.content_hold   .left   a.contact {

	background: url(../images/btn_contactForm.gif) no-repeat left top;

}

.content_hold    .left    a.contact:hover {

	background: url(../images/btn_contactFormOver.gif) no-repeat left top;

}

.content_hold .left h3 {

	font-size: 16px;

	font-weight: normal;

	color: #FFFFFF;

	border-bottom: 1px solid #999999;

	padding-bottom: 2px;

	width: 180px;

	text-align: left;

	float: none;

	margin-bottom: 5px;

}



.content_hold .right {

	float: right;

	height: auto;
	/* width: 489px; */
	width: 500px;
			/* top, right, bottom, left */
	/* padding: 0px 33px 0px 42px; */
padding: 0px 40px 0px 24px;

}

.content_hold .right h1 {

	font-size: 20px;

	font-weight: normal;

	color: #FFFFFF;

	padding-bottom: 20px;

}

.content_hold  .right  p {

	color: #72a5c3;

	font-size: 13px;

	text-align: justify;

	line-height:18px;

	margin-bottom:8px;

}

.side_list  {

	text-decoration: none;

	list-style: none;

	padding-bottom: 25px;

}

.side_list a {

	color: #72a5c3;

	font-size: 13px;

	line-height: 25px;

}

.side_list a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

.side_list  a.selected {

	color: #FFFFFF;

	text-decoration: underline;

}











.footer {

	height: 36px;

	width: 764px;
	background: #1A1E20;
	

	border-top: 1px solid #2b2f32;
	

	padding: 12px 33px 0px;

	color: #4C6878;

	font-size: 13px;

	clear: both;



}

.footer  span {

	float: left;

}

.footer a {

	float: right;

	color: #4C6878;

}



.footer a:hover {

	text-decoration: underline;

}



/*========================= Menu Tree ================================*/


ul.treeview {

float: left;

clear: both;

width: 180px;

}




.treeview ul{ /*CSS for Simple Tree Menu*/

margin: 0;

padding: 0;

width: 180px;

}



.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/



list-style-type: none;

padding-left: 0px;

margin-bottom: 3px;

/* margin-left:5px; */
margin-left:15px;



}



.treeview li a {

	color: #72a5c3;

	width: 180px;

	display: block;

	text-decoration:none;

}

.treeview     li      a img {

	width: 13px;

	height: 12px;

	vertical-align: bottom;

	margin-left: 5px;

}





.treeview li.submenu { /* Style for LI that contains sub lists (other ULs). */

	/*background:url(../images/closed.gif) no-repeat right 1px;*/

	cursor: hand !important;

	cursor: pointer !important;

	width: 180px;



}





.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */

/* display: none;*/ /*Hide them by default. Don't delete. */
display: block; /*show them by default. I deleted! */

}



.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */

cursor: default;

/* background:url(../images/list.gif) no-repeat left center; */

padding-left: 22px;

}

/*========================= Secure Login Pages ================================*/

.category h3{

	color:#ffffff;

	font-size: 14px;

	font-weight: normal;

}

.category p{

	color:#72a5c3;

	font-size: 12px;

	font-weight: normal;

}

.category li{

	color:#72a5c3;

	font-size: 12px;

	font-weight: normal;

	margin-left:20px;

}

.category a{

	color:#72a5c3;

	font-size: 12px;

	font-weight: normal;

	text-decoration: underline;

}

.category a.read{

	color:#72a5c3;

	font-size: 12px;

	font-weight: normal;

	text-decoration: underline;

	float: right;

}

.category .doc_title{

	color:#ffffff;

	font-size: 12px;

	font-weight: bold;

}

hr.blue{

	color:#ffffff;

}