@charset "UTF-8";
body  {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;*/
	font-family: Helvetica, Arial, sans-serif;
	background: #222;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-size:12px;
}
#container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1120px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 

#closed { 
	position: absolute; /* adding position: relative allows you to position the two sidebars relative to this container */
	top:380px;
	left:-300px;
	width: 1120px;
	height: 297px;
	z-index:9;
	
} 

#topMenu { 
	height: 32px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	width: 960px;
	margin: 0 auto;
	background-image:url(/common/img/bg_top_menu.png); 
	background-repeat:no-repeat;
	color:#CCC;
	padding: 0px 0 0 0;
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif;
	
} 

#topMenu a{
  color:#CCC;
  margin:0;
  padding:0;
  font-weight:normal;

}

#breadcrump{
	float:left;
	margin: 10px 0 0 27px;
	
}

#breadcrump a{
	text-decoration:none;
}

#topMenuLinks{
	float:right;
	margin: 10px 27px 0 0px;
	text-transform:uppercase;
	
}

#topMenuLinks a{
	text-decoration:none;
}

#header { 
	height: 209px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	margin-top: 60px;
	background-image:url(/common/img/bg_wrap_top.png);

} 


#logo { 
	position:absolute;
	top:70px;
    width: 287px;
	height: 69px;
	margin: 0px 0 0px 65px;
	padding: 0px 0 0px 0;
} 

#baseWrapper { 
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 10px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(/common/img/bg_wrap_middle.png); 
	background-repeat:repeat-y;
}

#mainWrapper { 
    width: 960px;
	margin: -92px auto 0 auto;
	
	
}


/* ================== MAIN MENU ========================*/
#mainMenu { 
    height: 33px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	margin:0 0 0 0;
	padding:0 0 0 6px;
	background-image:url(/common/img/bg_main_menu_dark.png); 
	
}

#mainMenu  ul{ 
	list-style:none;
	margin:0 0 0 0px;
    padding:0 0 0 6px;
}

#mainMenu  ul li{ 
	display:inline;
	margin:0 18px 0 1px; /*If you change this check if no menu item linebreaks in SAFARI!*/
	padding:0;
}

#mainMenu  ul li a{
	text-decoration:none;
	margin:0 0 0 0;
	padding:0;
	font-family: Helvetica;
	font-size:13px;
	text-transform:uppercase;
	color:#333333;
	font-weight:bold;
	letter-spacing:0px;
}

#mainMenu  ul li a .mainMenuLink{ 
	margin:0;
	padding:0 0 0 0;
}

#mainMenu  ul li a img{ 
	text-decoration:none;
	margin:0;
	padding:0;	
}

/* ================== END MAIN MENU ========================*/


/* ================== MAIN MENU FOOTER ========================*/

#mainMenuFooter { 
     padding: 1px 0;
     background-color:#222; 
}



#mainMenuFooterBottom { 

	background-image:url(/common/img/bg_top_footer_bottom.png);
	background-repeat:repeat-y;
	height:18px;
}

#mainMenuFooter img { 
 float:left;
 margin:14px 0 -19px 23px;
 padding:0 0 0 0;
}

#mainMenuFooter h1{
   font-weight:normal;
   letter-spacing:3px;
   font-size:28px;
   color:#FFF;
   margin:15px 0 0 180px;
}

#mainMenuFooter p{
   font-weight:normal;
   font-size:17px;
   line-height:120%;
   margin:5px 22px 0 180px;
   color:#fff;
}


/* ================== END MAIN MENU FOOTER ====================*/

#baseWrapperBottom { 
    background-image:url(/common/img/bg_wrap_bottom.png);
	background-repeat:no-repeat;
	height: 18px;
	
} 

/* ================== FOOTER STUFF ========================*/
#footer2 { 
    background-image:url(/common/img/bg_footer_middle.png);
	background-repeat:repeat-y;
	padding: 10px 80px;
	height: 130px; /*change height according to #footerContent Content*/
}

#footer3 { 
    background-image:url(/common/img/bg_footer_bottom.png);
	background-repeat:no-repeat;
	padding: 10px 80px;
	height:286px;
	
} 


#footerContent { 
   margin-top: -135px; /*change margin-top according to the Content*/
   color:#ccc; 
 } 


.footerColumn{
  width: 200px;
  float:left;
  text-align:right;
  font-family: Helvetica, Arial, sans-serif;
  padding: 0px 0;
}


.footerColumn ul{
  list-style:none;
  margin:0;
}

.footerColumn ul li{
  margin: 5px 0 0 0;
}

.footerColumn ul li a{
  color: #999;
  text-decoration:none;
  font-size:13px;
  font-weight:normal;
 
}

.footerColumn h3{
  	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:21px;	
	margin: 10px 0 0 0;
}


#footerLegal{
	padding: 0 40px; 
	width: 280px;
	float:left;
	text-align:right;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:11px;	
	margin: 50px 0 0 0;
}


#poweredBy {
	clear:both;
	color:#666;
	padding: 0 0;
	margin: 0 40px;
	border-bottom: 1px #666 solid;
	font-size:11px;	
}


#poweredByLogos ul{
	
	list-style:none;
	margin: 10px 0 0 16px;
}

#poweredByLogos ul li{
     display:inline;
	 margin:0 15px;
}

/* ================== END FOOTER STUFF ========================*/





/*========== Content Stuff =============*/
/*  === 2 COLUMN */
#c2_box_main{
margin: 20px 10px -5px 46px; /*32px because the left slice needs 22px + 10px margin = 32px */
float:left;
width: 670px;
}


#c2_right_sidebar_container{
margin: 38px 10px 10px 740px;
width:196px;
}

/*  === 1 COLUMN */
#c1_box_main{
margin: 20px 25px -5px 46px; /*32px because the left slice needs 22px + 10px margin = 32px */
}


/*========== END Content Stuff =============*/


/*========== General Stuff =========*/

img{
border: none;	
}


/* text colors */
.orange {
	color:#FDB038;	
}

.blue {
	color:#5AC6FF;	
}
.green {
	color:#9FDF1B;	
}
.pink {
	color:#FF7BAC;	
}
.yellow {
	color:#FFFF29;	
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.content p{
	text-align:justify;
	line-height:140%;
}

.content h1{
	font-size:40px;
	font-weight:normal;
    color:#333;
}

.white_menu_box .content h1 {
   	color:#fff;
}

.clrflt{
	clear:both;
}

#testimg{
float:left;
margin-left:-40px;
}

a {
	text-decoration:none;
	font-weight:bold;
}

a:link{
	
	color:#508DF8;
	}

a:visited{
 	text-decoration:none;
	color:#3C6ABA;
}

a:hover{
 	text-decoration:none;
	color:#F60;
}

.ico{
margin: 0 0 -6px 0;
}