/* ------------------------------------------------------------------------------------------- */
/* Main Attributes */
/* ------------------------------------------------------------------------------------------- */

a {
	
	color: #3a90cc;
	
	text-decoration: none;
	
	border: none;
	
}

a:link {

	color: #3a90cc;
	
	text-decoration: none; border: none;
	
}

a:visited {

	color: #3a90ccb;
	
	text-decoration: none; border: none;
	
}

a:hover {
	
	background: #3a90cc;
	
	color: #fff;
	
}

body {
	
	background: #87053a url("../images/bg_main.jpg") repeat-x;
	
	margin: 0; padding: 0;
	
	font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 62.5%;
	
	text-align:center;
	
}


img {

	margin: 0; padding: 0; border: 0; background: none;
	
}

p, #ContentInterior #DoubleColumn li , table#survey  {

	margin: 0;
	
	padding: 0 0 10px 0;
	
	line-height: 160%;
	
	color: #333;
	
	font-size: 1.1em;
	
}

li p {

	padding: 0 0 2px 0;
	
}

h1 {

	margin: 0;
	
	padding: 0px 0 10px 0;
	
	line-height: 160%;
	
	color: #888;
	
	font-size: 1.4em;
	
	font-weight: bold;
	
}

h2 {

	margin: 0;
	
	padding: 10px 0 0 0;
	
	line-height: 160%;
	
	color: #888;
	
	font-size: 1.1em;
	
	font-weight: bold;
	
}



/* ------------------------------------------------------------------------------------------- */
/* Page Layout Attributes */
/* ------------------------------------------------------------------------------------------- */


/* To clear floats */

.clear {

	clear: both;
	
}

/* Container definitions */

#Content, #Header {
	
	margin: 0px auto 0px auto;
	
	padding: 0;
	
	width: 753px;
  
}

/* Banner Container - Containing BannerImage and Feature */

#Banner {

	margin: 10px 0 0 10px;
	
	padding: 0;
	
}

#BannerImage {

	float: left;
	
	margin: 0; padding: 0;
	
}

#Feature {

	float: left;
	
	margin: 0 0 0 10px; padding: 0;
	
	background: transparent url("../images/bg_feature.jpg");
	
	width: 222px;
	
	height: 242px;
	
}

#Feature ul.FeatureProducts {

	background: url("../images/img_feature_products.jpg") top left no-repeat;
	
	margin-top: 0; padding-top: 40px;
	
}

#Feature ul.KeyResources {

	background: url("../images/img_key_resources.jpg") top left no-repeat;
	
	margin-top: 0px; padding-top: 40px;
	
}

#Feature li {

	 list-style: none;
	 
	 font-size: 1.0em;
	 
	 padding-top: 1px;
	 
	 padding-left: 9px;
	 
	 color: #fff;
	 
}

#Feature li a {

	color: #acdcfd;
	
}

/* Content Container - Content is for Homepage and ContentInterior for subpages */
/* The DoubleColumn and SingleColumn ids act differently under each case        */

#Content {

	margin: 7px 0 0 0; padding: 0;
	
	width: 753px;
	
	background: #fff url("../images/bg_content.jpg") repeat-x;
	
}

#Content ul.overview, #Content ul.seminar {

	margin-top: 0px;
	
	padding-top: 0px;
	
	list-style-image: url("../images/img_list_overview.gif");
	
}

#Content ul.seminar {

	padding-left: 15px;
	
}

#DoubleColumn {

	float: left;
	
}
	
#Content #DoubleColumn {
	
	width: 515px;

}

#ContentInterior #DoubleColumn {

	width: 500px;
	
	margin-left: 10px;

}

.DoubleColumnText {

	margin: 0;
	
	padding: 30px;
	
}

#SingleColumn {

	float: left;
	
}

#Content #SingleColumn {

	width: 236px;
	
	border-left: solid 1px #eee;
	
}

#ContentInterior #SingleColumn {

	width: 222px;
	
}

.SingleColumnText {

	margin: 0;
	
	padding: 0 10px 0 20px;
	
}

.FloatSingleColumn {

	position: relative;
	
	width: 200px;
	
	float: left;
	
	margin-right: 10px;
	
}

#ContentInterior {

	margin: 10px 0 0 0; padding: 0 0 0 10px; 
	
	width: 743px;
	
	background: transparent url("../images/bg_content_interior.jpg") repeat-y;
	
}

/* Footer Container */


#Footer {

	margin: 0; padding: 10px 30px 10px 30px;
	
	width: 693px;
	
	background: #fff url("../images/bg_footer.jpg") repeat-x;
	
}

#Footer ul.TextUtilityNav {

	margin: 0; padding: 0;
	
	float: left;
	
	display: inline;
	
	list-style: none;
	
}

#Footer ul.Copyright {

	margin: 0; padding: 0;
	
	float: right;
	
	display: inline;
	
	list-style: none;
	
}

#Footer ul.TextUtilityNav li, #Footer ul.Copyright li {

	font-size: 0.9em;

	display: inline;
	
	list-style: none;

}

/* Logo Container - contains Logo and Tagline */

#Logo {

	background: transparent url("../images/bg_header.jpg") repeat-x;

	margin: 0;
	
	padding: 0;
	
	width: 753px;
	
	height: 129px;
	
}

#Logo img {

	float:left;
	
}

.Tagline {

	float: right;

	background: transparent url("../images/bg_tagline.jpg") top right no-repeat;

	margin: 0;
	
	padding: 0;

	position: relative;

	right: 90px;

	top: 15px;
	
	height: 47px;
	
}

.searchbox 
{
	
	position:relative;
	top:4;
	float: right;
	right: 4;	
	margin: 0;	
	padding: 0;
}


#Logo .Tagline img 
{
	/*position:relative;
	float: right;
	top: 45px;*/
	position:relative;
	margin-top: 45px;
	right:-50;
	
}

#MainContainer {

	background: #fff;
	
	width: 753px;
	
	margin: 0px auto;
	
	padding: 0; 
	
	border: none;
	
	text-align: left;
  
}

/* ------------------------------------------------------------------------------------------- */
/* Nav Attributes */
/* ------------------------------------------------------------------------------------------- */


#MainNav {

	background: transparent;

	margin: 0 0 0 10px;
	
	padding: 0;
	
	width: 745px;
	
	height: 27px;

}

#MainNav ul, #MainNav ul li {

	position: relative;

	margin: 0; padding: 0;
	
	display: inline;
	
	list-style: none;
	
}

#MainNav ul li a {

	float: left;

	display: block;
	
	padding: 0;
	
	height: 27px;

	text-indent: -9000px;

	text-decoration: none;
	
}

/* IMPORTANT - the line "body#ProductsPage li#Products..." results in the ON state as default */
/* Put <body id="...Page" in the corresponding page. */


body#AboutPage li#about a { width: 147px; background: transparent url("../images/nav_aboutus.jpg") 0 -27px no-repeat; }
li#about a { width: 147px; background: transparent url("../images/nav_aboutus.jpg") 0 0 no-repeat; }
li#about a:hover { width: 147px; background: transparent url("../images/nav_aboutus.jpg") 0px -27px no-repeat; }


body#ProductsPage li#products a { width: 147px; background: transparent url("../images/nav_products.jpg") 0 -27px no-repeat; }
li#products a { width: 147px; background: transparent url("../images/nav_products.jpg") 0 0 no-repeat; }
li#products a:hover { width: 147px; background: transparent url("../images/nav_products.jpg") 0px -27px no-repeat; }

body#SupportPage li#support a { width: 147px; background: transparent url("../images/nav_support.jpg") 0 -27px no-repeat; }
li#support a { width: 147px; background: transparent url("../images/nav_support.jpg") 0 0 no-repeat; }
li#support a:hover { width: 147px; background: transparent url("../images/nav_support.jpg") 0px -27px no-repeat; }

body#ResourcesPage li#resources a { width: 147px; background: transparent url("../images/nav_resources.jpg") 0 -27px no-repeat; }
li#resources a { width: 147px; background: transparent url("../images/nav_resources.jpg") 0 0 no-repeat; }
li#resources a:hover { width: 147px; background: transparent url("../images/nav_resources.jpg") 0px -27px no-repeat; }

body#NewsPage li#news a { width: 145px; background: transparent url("../images/nav_news.jpg") 0 -27px no-repeat; }
li#news a { width: 145px; background: transparent url("../images/nav_news.jpg") 0 0 no-repeat; }
li#news a:hover { width: 145px; background: transparent url("../images/nav_news.jpg") 0px -27px no-repeat; }


#UtilityNav {

	background: transparent url("../images/bg_utility.jpg") repeat-x;

	margin: 0px auto 0px auto;
	
	padding: 0;
	
	width: 753px;
	
	height: 21px;

}

#UtilityNav ul.Home {

	margin: 0; padding: 0;
	
	float: left;
	
	height: 21px;
	
	display: inline;
	
	list-style: none;
	
}

#UtilityNav ul.Utility {

	position: relative;
	
	float: right;

	margin: 0; padding: 0;
	
	height: 21px;
	
	display: inline;
	
	list-style: none;
	
}

#UtilityNav ul.Utility li {
	
	float: left;

	margin: 0; padding: 0;
	
	height: 21px;
	
	display: inline;
	
	list-style: none;
	
}

#UtilityNav ul.Utility li a {

	display: block;
	
	padding: 0;
	
	height: 21px;

	text-indent: -9000px;

	text-decoration: none;
	
}

li#contact a { width: 71px; background: transparent url("../images/nav_utility_contact.jpg") 0 0 no-repeat; }
li#contact a:hover { width: 71px; background: transparent url("../images/nav_utility_contact.jpg") 0px -21px no-repeat; }

li#sitemap a { width: 70px; background: transparent url("../images/nav_utility_sitemap.jpg") 0 0 no-repeat; }
li#sitemap a:hover { width: 70px; background: transparent url("../images/nav_utility_sitemap.jpg") 0px -21px no-repeat; }

li#login a { width: 113px; background: transparent url("../images/nav_utility_login.jpg") 0 0 no-repeat; }
li#login a:hover { width: 113px; background: transparent url("../images/nav_utility_login.jpg") 0px -21px no-repeat; }

/* Side Nav Definitions */

ul.SideNav {

	margin: 0;
	
	padding: 0;

	display: block;
	
	list-style: none;
	
	width: 222px;
	
}

ul.SideNav li {

	display: inline;
	
	list-style: none;
	
}

ul.SideNav li a {

	padding: 5px 0px 5px 20px;
	
	background: transparent url("../images/img_list_subnav.gif") center left no-repeat;
	
	border-bottom: solid 1px #fff;
	
	display: block;
	
	width: 202px;
	
	color: #333;
	
	text-decoration: none;
	
}

ul.SideNav li a:hover {

	padding: 5px 0px 5px 20px;
	
	background: #ccc url("../images/img_list_subnav.gif") center left no-repeat;
	
	border-bottom: solid 1px #fff;
	
	display: block;
	
	color: #333;
	
	text-decoration: none;
	
}

ul.SideNav li p {

	font-size: 1.0em;
	
	padding: 0;
	
}

/* Side Nav Expand Definition */

ul.SideNavExpand {

	margin: 0;
	
	padding: 0px;

	display: block;
	
	list-style: none;
	
	width: 212px;
	
}

ul.SideNavExpand li {

	display: inline;
	
	list-style: none;
	
}

ul.SideNavExpand li.expand {

	padding: 5px 0px 5px 20px;
	
	background: transparent url("../images/img_list_subnav_expand.gif") center left no-repeat;
	
	border-bottom: solid 1px #fff;
	
	display: block;
	
	width: 202px;
	
	color: #333;
	
	text-decoration: none;
	
}

ul.SideNavExpand li a {

	padding: 5px 0px 5px 40px;
	
	border-bottom: solid 1px #fff;
	
	display: block;
	
	width: 182px;
	
	color: #333;
	
	text-decoration: none;
	
}

ul.SideNavExpand li a:hover {

	padding: 5px 0px 5px 40px;
	
	border-bottom: solid 1px #fff;
	
	background: #ccc;
	
	display: block;
	
	color: #333;
	
	text-decoration: none;
	
}

ul.SideNavExpand li.tier a {
	padding-left:65px;
	width: 157px;
}

ul.SideNavExpand li p {

	font-size: 1.0em;
	
	padding: 0;
	
}