@charset "utf-8";
/* CSS Document */
body {
	/*font: 100% "Century Gothic", Verdana, Helvetica, Arial, sans-serif;*/
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	background: #F9F9F9;
	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: #333333;
	scrollbar-face-color : #FFFFFF; 
	scrollbar-highlight-color : #FCFCFC; 
	scrollbar-3dlight-color : #F9F9F9; 
	scrollbar-shadow-color : #E8E8E8; 
	scrollbar-darkshadow-color : #D4D4D4;
	scrollbar-track-color : #FFFFFF; 
	scrollbar-arrow-color : #5D5EAA; 
}
hr, .clearAll {
	clear: both;
}
.big{
font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:#333333;
}
.bigger{
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:100;
color:#5D5EAA;
}
.bold{
font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
/*margin-left:30px;
margin-bottom:20px;*/


}

.contact{

font-size:14px;
}
.categoryId{
font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:500;
color:#000000;
padding-left:10px;
cursor:pointer;
position:absolute;
left:0px; 
top:0px; 
width:250px; 
height:25px; 
background-color:#5d5eaa;
}
.banner{
position:relative;
width:100%;
height:153px;
}
.SlidingPanels {
	width: 780px;
	height: 525px;
}
.SlidingPanelsContent {
	font-size:11px;
	width: 780px;
	height: 525px;
	padding: 0 10px;
}
.p1 {
	background-color: #FFFFFF;
}
.p2 {
	background-color: #FFFFFF;
}
.p3 {
	background-color: #FFFFFF;
}
.p4 {
	background-color: #FFFFFF;
}
.p5 {
	background-color: #FFFFFF;
}
.p6 {
	background-color: #FFFFFF;
}
.p7 {
	background-color: #FFFFFF;
}
.p8 {
	background-color: #FFFFFF;
}
.p9 {
	background-color: #FFFFFF;
}

#encore2.SlidingPanels {
	float: left;
}
#encore2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#encore2 .SlidingPanelsContent {
	float: left;
}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFFFFF; 
	border-bottom:#5d5eaa;
	border-bottom-style:solid;
	border-bottom-width:5px;
/*	padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header_main {
	background: none; 
	border-bottom:#5d5eaa;
	border-bottom-style:solid;
	border-bottom-width:4px;
/*	border-bottom:#5d5eaa;
	border-bottom-style:solid;
	border-bottom-width:2px;*/
/*	padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	/*padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top:4px;
	background: #FFFFFF;
}
.oneColFixCtrHdr #mainContent1 {
	/*padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*background: #FFFFFF;*/
}
.oneColFixCtrHdr #footer {
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.main_menu{
position:absolute;
top:60px;
}
.main_menu li{
list-style:none;
text-align:center;
padding:10px;

}
.main_menu_rev ul{
list-style:none;

position:absolute;
top:60px;
}
.main_menu_rev li{
font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:500;
color:#5D5EAA;
list-style:none;

/*border-bottom:dashed;
border-bottom-width:thin;
border-bottom-color:#e6e6ff;
*/
height:20px;
text-align:left;
padding:10px;

}
.main_menu_rev a{
padding-left:25px;
background-position:left;
background-image:url(../images/mainbullet_norm.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
.main_menu_rev a:hover{
font-weight:500;
color:#484977;
padding-left:25px;
background-position:left;
background-image:url(../images/mainbullet_over.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
.main_menu_rev .selected{
font-weight:600;
padding-left:25px;
background-position:left;
background-image:url(../images/mainbullet_over.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
.main_menu_rev .selected:hover{
color:#e6e6ff;
background-image:url(../images/mainbullet_over_down.jpg);
}
.footer_menu{
width:300px;
font-size:10px;
text-decoration:none;
padding:10px;
}
.footer_menu a{
font:"Century Gothic", "Lucida Sans", Arial, Verdana
font-size:24px;
text-decoration:none;
height:25px;
padding:5px;
}
.footer_menu a:hover{
text-decoration:none;
height:25px;
padding:5px;
color:#FFFFFF;
background-color:#6769AA;
}
.hovermenu{
font-size:10px;
text-align:left;
padding:0px;
position:absolute;
left:600px;
top: 40px;
width:200px;
height:75px;
z-index:999;
border-left-style:solid;
border-left:1px;
border-color:#5D5EAA;
text-decoration:none;
}
.hovermenu ul{
width:150px;
marker-offset:3px;


}
.hovermenu ul li a{
list-style:none;
list-style-position:inherit;
text-decoration:none;

}
.hovermenu ul li a:hover{
list-style:outside;
list-style-image:url(../SpryAssets/SpryMenuBarRight.gif);
background-color:#e6e6ff;
}
.hovermenu_rev{
font-size:10px;
text-align:left;
padding:0px;
position:absolute;
left:550px;
top: 40px;
width:250px;
height:75px;
z-index:999;

text-decoration:none;
}
.hovermenu_rev ul{
list-style:none;
width:200px;



}
.hovermenu_rev a{
background-image:url(../images/smbullet_norm.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
list-style:none;
list-style-position:inherit;
text-decoration:none;
width:200px;
}
.hovermenu_rev a:hover{
background-position:left;
background-repeat:no-repeat;
background-image:url(../images/smbullet_over.jpg);

width:200px;
}
.hovermenu_rev .selected{
background-position:left;
background-repeat:no-repeat;
background-image:url(../images/smbullet_over.jpg);

width:200px;
}