@charset utf-8;
/* CSS Document - layout.css */

/* RESET GLOBAL STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*{
	margin:0;
	padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%;
	background:transparent;}
body{line-height:normal;}
ol, ul{
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need cellspacing=0 in the markup */
table {
	border:none;}

/* APPLY GLOBAL STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
HTML{
    background:#fff;
	background:#ffffff;}
BODY{
    background:#fff;
	background:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
	text-transform:none;
    word-spacing:normal;}
:focus {
	outline:1px solid #444444;}
.clearBoth {
	clear:both;
	height:0;
	visibility:hidden;
	display:none;}

/*~~~~~MIN - WIDTH:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
the following 4 styles make sure that the page will respect the 
min-width property in all browsers and all browser versions.*/
.minWidth01{
	display:block; width:100%; min-width:770px; margin:0; padding:0;}
* html .minWidth02{
	position:relative; float:left; border-left:770px solid #fff; padding:0; margin:0px}
* html .minWidth03{
	position:relative; float:left; margin-left:-770px; padding:0;}
.minWidth03{
	display:block; padding:0; margin:0;}
	
/*~~~~~~ LAYOUT: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page_wrap{
	display:block;}
.page_width{
	display:block;
	background:#ffffff;}	
.accessibility{
	display:none;}
.header_wrap {
	display:block; 
	width:100%; 
	height:75px;
	background:url(images/headerBGR.jpg) top left repeat-y;
	background-color:#000000;}	
.headerInside {
	display:block;
	float:left;
	height:75px;}
.header {
	display:block; 
	width:100%; 
	height:75px;
	background:url(images/headerBGR.jpg) top left repeat-y;}	
.header_width{
	display:block;
	height:75px;
	width:770px;
	margin:0 auto;}
.content_wrap {
	display:block;	
	width: 770px;
	padding:0;
	margin: 0 auto;
	background:#ffffff;}
.footer {
	padding:0;
	margin:0;}

/*~~~~~~ header: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
	
.header_WRAP{ 
	position:relative; 
	top:0; 
	left:0; 
	margin:0; 
	padding:0; 
	min-width:770px;
	background:#000;
	height:75px;}/*positioned relative because .triangle is using this div as a containing box*/
.headerInside {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background:#000;
	height:75px;}
.header	{
	display:block; 
	width:770px; 
	margin:auto; 
	padding:0; 
	background:#000;}
.topLogo {
	display:block; 
	float:left; 
	padding:0; 
	margin:0; 
	background:#000;}
.triangle {
	position:absolute; 
	top:0; 
	right:0; 
	width:125px;}
	
		
/*~~~~~~ content: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.customImage {
	display:block; 
	float:left; 
	padding:0; 
	margin:0;}/*same as .topLogo */


/*** NAVIGATION:  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
.navigation_wrap{
	display:block;
	float:right;
	width:240px;
	padding:10px 0;
	background:url(images/loginmenuBGR.gif) top left repeat-y;}
.loginMenu{
	display:block;
	margin:0; 
	padding:0;
	margin-bottom:15px;
	margin-top:15px;}
.loginMenu li{
	display:block;
	background:url(images/bullets/bullet_red_ee272b.gif) top left no-repeat;
	background-position:0 3px;}
.loginMenu ul		{
	margin:0; 
	padding:0; 
	list-style:none;}
.loginMenu ul li  {
	display:block; 
	background:url(images/bullets/bullet_red_ee272b.gif) no-repeat left center; 
	padding:5px 5px 5px 10px; 
	margin-left:20px;}
.loginMenu ul a {
	display:block; 
	margin:0; 
	padding:0;
	font-size:.85em; 
	color:#000;
	text-decoration:none;
	font-weight:bold;}
.loginMenu a:active, a:visited{
	text-decoration:none;}
.loginMenu a:hover{
	text-decoration:underline;}

/*** NAVIGATION:  C U S T O M:  
_______________________________________________________________*/ 
.dropMenu_wrap			{
	display:block; 
	width:220px; 
	margin:0; 
	padding:0;
	margin-bottom:65px;}
.dropMenu_wrap a {
	display:block; 
	margin:0; 
	padding:0; 
	color:#000;
	text-decoration:none;
	font-weight:bold;} 
.dropMenu_wrap a:active, 
.dropMenu_wrap a:visited{ 
	text-decoration:none;} /*MenuTitle Text */
.dropMenu_wrap a:hover	{
	text-decoration:underline;}
.dropMenu			{
	display:block; 
	margin:0; 
	padding:0;}
.dropMenu ul li, ul	{
	display:block; 
	list-style:none; 
	padding:0; 
	margin:0; 
	background:#d0d5d8;} 
	
	/*MenuTitles Bgr */
.dropMenu h6		{
	display:block; 
	padding:3px; 
	margin:0; 
	font-size:.85em;
	font-weight:normal;} 
h6 img 				{
	display:block; 
	width:15px; 
	height:15px; 
	float:left; 
	padding-top:4px; 
	margin-left:13px; 
	border:0;}
h6 div				{
	display:block; 
	cursor:pointer; 
	padding:2px 0; 
	margin:0 0 0 10px; }	
.dropMenu ul li		{}					
.dropMenu ul li ul li{
	display:block; 
	margin:0; 
	padding:0;
	font-size:.85em;} 
	
	/*subItem bgr*/	
	
.ddown	div div div {
	margin:0; 
	padding:0; 
	display:none;}
.menuTitle {
	display:block;}
.dropMenuOpen {
	display:block;
	width:11px;
	height:5px;}
.closed {
	display:none;
	width:5px;
	height:11px;}
.dropItems {
	display:block; 
	padding:0 0 0 20px; 
	margin:0;}
	 
.dropItems a,
.dropItems a:active, 
.dropItems a:visited	{
	background:url(images/bullets/bullet_red_ee272b.gif) top left no-repeat #000;
	background-position:15px 5px;
	display:block;
	padding:5px 0 5px 25px; 
	color:#ec2721; 
	text-decoration:none;
	font-weight:normal;} 
	
	/*subItem text*/
	
.dropItems a:hover	{
	background:url(images/bullets/childover.gif) top left no-repeat #ec2721;
	background-position:15px 5px;
	display:block;
	padding:5px 0 5px 25px; 
	text-decoration:none;
	font-weight:normal;
	color:#000;} 
	
	/*subItem text :hover*/

.divider	{
	display:block; 
	height:1px; 
	padding:0;
	width:85%; 
	border-bottom:1px solid #000; 
	margin:5px auto;}


/*~~~~~~ footer: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer_wrap {
	display:block;
	clear:both;}
.footer	{
	display:block;
	clear:both;
	text-align:center;  
	font-size:.85em;
	color:#ffffff;
	background:#000000; 
	position:relative;}
.footer	img.kuder { 
	position:absolute;
	display:block; 
	top:10px;
	right:30px; 
	padding:0; 
	margin:0; 
	border:0;}
.footerRow01 {
	display:block; 
	padding:9px 0 3px 0; 
	margin:0;}
.footerRow02 {
	display:block; 
	padding:3px 0 9px 0; 
	margin:0;}
.footer a:link,
.footer a:active,
.footer a:visited {
	color:#eeeeee;
	text-decoration:none;}
.footer a:hover {
	text-decoration:underline;}
