/* Corporate Colors */
@STS-green: #009a3d;
@STS-blue: #002596;

/* Main Colors - Bright */
@lime: #baca07;
@green: #92b652;
@teal: #6fb1a2;
@aqua: #65a1c3;
@blue: #6183c3;
@purple: #8069a4;

/* Main Colors - Dark */
@dark-lime: #7b8a01;
@dark-green: #647f47;
@dark-teal: #507a75;
@dark-aqua: #4a6c87;
@dark-blue: #455c87;
@dark-purple: #5a496f;

/* Secondary Colors */
@yellow: #f7d117;
@orange: #f7a30a;

.large { height: 129px; height: 183px; height: 176px; background-image: url(/Images/stl-ltd-wave.png); background-position: 35px top; background-repeat: no-repeat; }
.large p { position: absolute; top: 48px; left: 0; }
xxx.small { height: 65px; }
xxx.small p { position: absolute; top: 8px; left: 0; }

.green { background-color: @green; }
.aqua { background-color: @aqua; }
.teal { background-color: @teal; }
.lime { background-color: @lime; }
.blue { background-color: @blue; }
.purple { background-color: @purple; }

.green p { background-color: @dark-green; }
.aqua p { background-color: @dark-aqua; }
.teal p { background-color: @dark-teal; }
.lime p { background-color: @dark-lime; }
.blue p { background-color: @dark-blue; }
.purple p { background-color: @dark-purple; }

#header { position: relative; }
#header p { color: #fff; font-size: 18px; text-transform: uppercase; padding: 5px 10px; }

/* Styles */
body
{
	text-align: center;
	background-color:#ffffff;
	margin: 10px 0px 0px 0px;
	font-family: Arial;
	font-weight: normal;
	padding: 0px;
	font-size: 80%;
	line-height: 18px;
}
img
{
	border: 0px;
}	
i
{
	color: @STS-green;
}	
p
{
	
}	
	
#cover
{
	width: 770px;
	margin: auto;
	text-align: left;
/*	padding:0px;*/
	color: #000000;
/*	height: 652px;*/
	font-family: Arial;
	border: 1px solid #000;

}
/**>#cover
{
	height: auto;
	min-height: 652px;
}*/
#top
{
	xxxheight: 86px;
	overflow: hidden;
	/*width: 770px;
	border-right: solid 1px black;
	border-top: solid 1px black;
	border-left: solid 1px black;*/
	
}
#search
{
	float: left;
	height: 55px;
	width: 378px;
	padding-top: 31px; 
	padding-left: 22px;
}	
#logo
{
	float: left;
	xxxheight: 65px;
	width: 330px;
	text-align: right;
	padding: 21px 40px 19px 0;
	
}	
em
{
	color: @STS-green;	
	/*font-style: normal;*/
}	

li	 
{
	color: black;
}	
/*#header
{
	float: left;
	width: 770px;
	
	
	border-left: solid 1px black;
	border-right: solid 1px black;
}	*/
#header_content
{
	height: 65px;
	/*float: left;width: 770px;
	
	border-left: solid 1px black;
	border-right: solid 1px black;*/
}	
/*#body
{
	float: left;
	height: 277px;
	width: 770px;
	border-left: solid 1px black;
	border-right: solid 1px black;
	

}*/	
*>#body
{
	height: auto;
	min-height: 277px;
}

#left_nav
{
	width: 256px;
	height: 229px;
	float: left;
	padding-left: 22px;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 20px;
	font-size: 85%;
	/*background-color: Blue;*/
}
*>#left_nav
{
	height: auto;
	min-height: 229px;
}
#left_nav ul li
{
	margin-left:-38px;
	list-style-image:none;
	list-style-type:none;
	padding-top:7px;
}

#left_nav ul li ul li
{
	margin-left:-25px;
}

#left_nav A
{
	text-decoration: none;
	color: #999999;
	font-weight: bold;
	font-style: normal;
}
#left_nav ul li A:hover
{
	color: @green;
}

#left_nav A.left_navigation_selected
{
	color: @green;
}

#left_nav ul li ul li A
{
	font-style: normal;
}	
#left_nav ul li ul li A:hover
{
	color: #9AC832;
}
#left_nav ul li ul li A.left_navigation_selected
{
	color: #9AC832;
}	
		
#right_part
{
	width: 	402px;
	height: 236px;
	float: left;
	padding-top: 17px;
	padding-right: 70px;
	padding-bottom: 24px;
	
}	 
*>#right_part
{
	height:auto;
	min-height: 236px;
	
}
#right_part A
{
	color: #5e5e60;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
#right_part A:hover
{
	color: @STS-green;
}	
#right_part TD
{
	color: #5e5e60;

}		
#right_part TD A
{
	color: #595a5e;
	font-weight: bold;
	font-style: normal;
	
}
#right_part TD A:hover
{
	color: @STS-green;
	font-weight: bold;
	font-style: normal;
	
}
#right_part H1
{
	color: @STS-green;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}	
#right_part TD em
{
	font-size: 85%;
	color: #595a5e;
	font-style: italic;

}	
#footer
{
	
	/*height: 96px;
	width: 737px;
	width: 411px;*/
	text-align: right;
	padding: 0 33px 10px 0;
	color: @STS-green;
	font-size: 80%;/*float: left;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	
	padding-left: 326px;*/
	clear: both;
	overflow: hidden;
	margin-left: 256px; 
}		
#footer .terms
{
	color: @STS-green;
	text-decoration: none;
	clear: both; xxxdisplay: block;
}
.quickLinks { background: url(/Img/subnav_quick.gif) no-repeat; overflow: hidden; padding-left: 11px; float: right; margin-bottom: 5px; }
.quickLinks li { position: relative; float: left; margin-left: 10px; list-style: none; }	
.quickLinks li a { display: block; background: @dark-blue; width: 95px; height: 70px; color: #fff; font-size: 14px; }
.quickLinks li a:hover { background: @green; }
.quickLinks span { position: absolute; bottom: 5px; right: 10px; text-align: right; }
			
.text_box
{
	height: 16px;
}
*>.text_box
{
	height: 15px;
}		
	

/*newsletter page*/
#body_newsletter a
{
	color: @STS-green;
	text-decoration: none;
	
}	
#body_newsletter a:hover
{
	font-style: normal;
}

#cover_newsletter
{
	width: 566px;
	margin: 0px auto;
	text-align: left;
	padding:0px;
	color: #000000;
	height: 652px;
	font-family: Arial;
	/*background-color: brown;*/

}
*>#cover_newsletter
{
	height: auto;
	min-height: 652px;
}

#top_newsletter
{
	height: 118px;
	width: 566px;
	float:left;
	text-align:left;	
}

#date_newsletter
{
	float: left;
	height: 23px;/*30*/
	width: 556px;/*566*/
	/*background-color:Blue;*/
	border-bottom: solid 2px #dcdcdc;
	font-size:80%;
	color:#4c4c4c;
	text-align:right;
	padding:7px 10px 0px 0px 

}

#logo_newsletter
{
	float: left;
	height: 66px;/*86*/
	width: 566px;
	text-align: right;
	float:left;
	padding: 20px 0px 0px 0px;
	
}	


#header_newsletter
{
	float: left;
	width: 566px;
	height: 183px;
	float:left;
	/*background-color:Black;*/
}

#body_newsletter
{
	float: left;
	height: 277px;
	width: 566px;
	/*background-color: Red;*/	

}	
*>#body_newsletter
{
	height: auto;
	min-height: 277px;
}

#left_block_newsletter
{
	width: 132px;/*172*/
	height: 198px;/*229*/
	float: left;
	/*background-color: Blue;*/
	padding:16px 15px 15px 25px;
	font-weight:bold;
	color:#4c4c4c;
}

*>#left_block_newsletter
{
	height: auto;
	min-height: 198px;
}	

#right_part_newsletter
{
	width: 354px;/*394*/
	height: 205px;/*236*/
	float: left;
	padding:16px 15px 15px 25px;
	color:#6c6e70;
	/*background-color: yellow;*/
	font-family: Arial;
}	
 
*>#right_part_newsletter
{
	height:auto;
	min-height: 205px;
	
}

#right_part_newsletter h1
{
	padding:0px;
	margin:0px;
	color:#76ae99;
	font-size:140%;
	font-family: Arial;
}

#right_part_newsletter h2
{
	padding:0px;
	margin:0px;
	color:#6c6e70;
	font-size:100%;
	font-family: Arial;
	font-style: normal;
}

#footer_newsletter
{
	float: left;
	height: 96px;
	/*width: 737px;*/
	width: 566px;
	text-align: right;
	color: @STS-green;
	font-size: 80%;
}	

/* DCMS Edit Bar */
TD.EditBarHeader
{
	background-color: #ff9037;
	color: White;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top: solid 1px #ff9037;
	border-left: solid 1px #ff9037;
	border-right: solid 1px #ff9037;
}
A.EditBarLinkButton
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: White;
	text-decoration: none;
}
A.EditBarLinkButton:hover
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #ff9037;
	text-decoration: none;
}
TD.EditBarDCMSLogo
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}
TD.EditBarLoggedAs
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #ff9037;
	text-decoration: none;
}
/* DCMS Edit Bar */




Table.BrochureList
{	
}
Table.BrochureList TD
{
	vertical-align: top;
	width: 50%;
}
/* End Styles */


/* Content Styles */

Body
{
	font-family: Arial;
	color: #000000;
	font-size: 80%;
}
H1
{
	color: @STS-green;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}	
H2
{
	color: @STS-green;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
H3
{
	color: @STS-green;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
H4
{
	color: @STS-green;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
em
{
	color: @STS-green;	
}	

i.Black
{
	color: Black;
}

span.GreyBold
{
	color: #595a5e;
	font-weight: bold;
}
span.GreySmall
{
	color: #595a5e;
	font-size: 95%;
	font-weight: normal;
}


A
{
	color: @STS-green;
	text-decoration: none;
	font-style: italic;
}
A:hover
{
	color: @STS-green;
	text-decoration: none;
	font-style: italic;
}
#right_part TD.RadEContentContainer TD A
{
	font-style: normal;
	color: #595a5e;
	font-weight: bold;
}	

i
{
	color: @STS-green;
}	
	
TD.ContentMainBoxHome
{
	padding-right:15px;
	padding-bottom:20px;
	font-size:70%;
}

TD.ContentLeftBoxHome
{
	padding-top:20px;
	padding-right:15px;
	padding-bottom:20px;
	font-size:70%;
}
TD.Content
{
	padding-top:12px;
	padding-bottom: 12px;
	padding-right: 12px;
	font-size:70%;
}
TD.Content Table
{
	font-size:100%;
}

TD.ContentRightBoxHome
{
	padding-top:20px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:20px;
	font-size:70%;
}


/* End Content Styles */