/*
css styles for PSE support

.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
but thanks for looking
 */
@import "nav.css";
@import "nav2.css";
@import "supportbreadcrumbs.css";
@import "tables.css";
@import "supportright.css";
@import "support2.css";





/*master styles - gives default font and sizes and text features*/

body,th,td {
color: #333;
}

body {
background-color: #e4e3e3;
margin: 0px;
padding: 0px;
font-size: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
color: #005B70;
}
a:visited {
text-decoration: none;
color: #005B70;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
color: #990000;
}

img {
border: 0;
}


/*headings and sub heads*/

#maincontent h1 {
font-weight: normal;
font-size: 160%;
color: #006666; 
background-color: #fff;
border-top: 1px solid black;
border-left: 1px solid black;
padding-left: 10px;
padding-top: 4px;
width: 50%;
margin-bottom: 3em;
}

h2 {
font-weight: normal;
color: #FF5824;
font-size: 130%;
}

h3 {
color: #669999;
font-weight: normal;
font-size: 115%;
}

h5 {color: #005b6e;
font-weight: normal;
font-size: 115%;}




/*layout styles for templates - provides borders and positions*/

#topwrapper {width: 100%;
height: 133px;
display: block;}

#brandbar {
width: 100%;
background-color: #666;
display: block;
height: 70px;
border-bottom: 1px solid #000;}

#brandwrapper {
height:71px;
display: block;
}

#logoholder {
float: left;
display: block;}

#breadcrumbwrapper {
background-image: url(supportgrad.jpg);
background-repeat: repeat-x;
height: 62px;
display: block;}

#navbar {
background-image: url(navbg.jpg);
background-repeat: repeat-x;
width: 673px;
height: 22px;
float: left;
display: block;
padding-left: 75px;}

/*special styles toolboxes*/

#toolbox {
position: relative;
left: 598px;
background-color: #cccccc;
width: 75px;
height: 22px;
padding: 0px; margin: 0px;
-moz-border-radius: 0px 0px 6px 0px;
display: block;
}

#toolbox img {
position: relative; 
top: 2px;
left: 2px;

}

#supportstripe {
margin; 0; padding: 0;
border-top: 1px solid #FF5825;
background-image: url(supportstripe.jpg);
background-repeat: repeat-x;
background-position: 0 -10px;
width 100%;
height: 140px;
display: block;
overflow: visible;

}

#maincontent {
font-size: 110%;
margin: 0; padding: 0;
padding-top: 36px;
position: relative;
padding-right: 10px;
left: 75px;
width: 590px; 
border-right: 200px solid #e4e3e3;
}

#maincontent h2 {
font-weight: normal;
color: #666;
font-size: 120%;
}

#maincontent h3 {
color: #fff;
background-color: #666;
background-image:url(h3bg.jpg);
background-repeat:repeat-x;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 110%;
}


#maincontent h4 {
font-weight: bold;
color: #666;
}


#maincontent hr {
	
	   border: 0;
height: 1px;
background-color:#999;
color:#999;

 text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

#maincontent a {line-height: 140%;
padding: 3px;}

#maincontent a:hover {color: #fff; 
background-color: #005b6e;}

.download a, download a:visited {background-color: #666;
color: #fff;
border-left: 15px solid transparent;
background-image: url(download.gif);
background-repeat:no-repeat;
background-position: -8px 4px;
}

#right {float:right; 
position: relative; 
top: -36px;
width:198px; 
margin-right:-210px; 
display:inline ;
color: black;}

#rightnote {
width: 178px;
height: 275px;
background-image: url(rightnotebg.jpg);
background-repeat:repeat-x;
padding: 10px;
font-size: 110%;
line-height: 160%;
color: #000;}

#rightnote h2 {font-weight: 
normal;color: #000;
}

#left {
width: 575px;


}

.supportsection, .supportsection2  {
width: 195px;
margin-right: 1px;
height: 200px;
float: left;
clear: right;
background-image: url(supportsectionbg.jpg);
background-repeat:repeat-x;
}

.supportsection2
{background-image:none;
margin: none;}

.supportsection h3, .supportsection2 h3 {
margin:0; padding: 0;}



.supportsection ul, .supportsection2  ul, .supportsection li, .supportsection2  li {
	margin:0;
	padding:0;
	list-style:none;
	line-height: 28px;
	height: 26px;
	display: block;

}
.supportsection li a, .supportsection2 li a {
	color:#666666;
	text-decoration:none;
	
	width: 189px;
	float: left;
clear: right;
background-image:url(caret.gif);
background-repeat: no-repeat;
background-position: 14em 0.5em;}
	

/*footer only*/
#footer {
color: #999999;
font-size: 90%;
line-height: 135%;
padding-top: 20px;
padding-left: 0px;
width: 500px;

}

#footer a:link, #footer a:visited, #footer a:hover {
color: #999999;
background-color: #e4e3e3; padding; 0; margin: 0;
}
#footer img {
border: 0px;

}


/*list items for left lists*/
#left li {
list-style: square;
position: relative;
left: -20px;
margin-bottom: 0.5em;

}



/*layout styles for templates - provides borders and positions*/
#brandbar {
	width: 100%;
	background-color: #000;
	display: block;
	height: 110px;
	border-bottom: 1px solid black;
	background-image: url(swash.png);
	background-repeat: no-repeat;
	}

#topwrapper {
	height: 68px;
	display: block;
	width: 863px;

}

#logoholder {
	position: relative;
	top: 15px;
	left: 70px;
	float: left;
	display: block;
}

#printlogoholder {
	display: none;
}
	
#navbar {
	background-image: url(navbg.jpg);
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 22px;
	top: 0px;
	left: 0px;

}