@charset "UTF-8";
/* CSS Document */
DIV {
	/* border:1px solid #66CC00; */
}
* {
	margin: 0 0px 0 0;
	padding:0;
}
body {
	/* min-width: 725px; */
}

#branding {
	height: 150px;
	padding: 0px;
	margin: 0px;
	
}

#trans img {
	width: 120px;
height: 150px;
	
}


/*Clears the floated menu items.
Assigned to a BR tag placed just before
navwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#contentPrimary .article .right {
	float: right;
	margin-left: 10px;
}

.nofloat {
float:none; !important
}

#content{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* #contentPrimary div {
	 
	margin: 0px 10px 0px 10px;
} */


#wrapper {
	width: 740px;
	margin: 0 auto;
}
#wrapperouter {
	width: 775px;
	margin: 0 auto;
	background-image: url(site_images/site/wrapperouter_int.jpg);
	background-repeat: repeat-y;
}

#content {
	width: 740px; 
	 
}
#threeColB #content {
	background-image: url(site_images/site/content_bg1.jpg);
	background-repeat: repeat-y;
	 
}
/**********************************/

#contentPrimary, #contentSecondary, #contentTertiary  {
	
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}


/**********************************/

#oneCol #contentPrimary {
	width: 542px;
	  padding-right: 30px; /* add extra make it look good */
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
	 
}

#oneCol #contentSecondary {
	display: none; 
}

#oneCol #contentTertiary {
	display: none; 
} 

/**********************************/

#twoColA #contentPrimary {
	width: 542px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	 padding-right: 30px; /* add extra make it look good */
	float: right;
	 
}

#twoColA #contentSecondary {
	width: 135px;
	float: left;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */	 
}

#twoColA #contentTertiary {
	display: none; 
} 

/**********************************/

#twoColB #contentPrimary {
	width: 481px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	 padding-right: 30px; /* add extra make it look good */
	float: right;
	 
	
}

#twoColB #contentSecondary {
	width: 195px;
	float: left;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
}


#twoColB #contentTertiary {
	display: none; 
	
} 

/**********************************/

#twoColC #contentPrimary {
	width: 561px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	 margin-left: 0px;
	 
	float: left;
	
}

#twoColC #contentSecondary {
	width: 120px;
	float: right; 
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	margin-left: -584px;
}


#twoColC #contentTertiary {
	display: none; 
	
} 

/**********************************/

#twoColD #contentPrimary {
	width: 516px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: left;	 
	
}

#twoColD #contentSecondary {
	width: 180px;
	float: right;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
}


#twoColD #contentTertiary {
	display: none; 
	
} 

/**********************************/

#twoColE #contentPrimary {
	width: 356px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: left;	 
	
}

#twoColE #contentSecondary {
	width: 340px;
	float: right;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
}


#twoColE #contentTertiary {
	display: none; 
	
} 


/**********************************/

#threeColA #contentPrimary {
	width: 425px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	margin-left: 147px;
	float: left;
}

#threeColA #contentSecondary {
	width: 125px;
	float: left; 
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	margin-left: -593px;
	

}


#threeColA #contentTertiary {
	width: 126px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
} 

/**********************************/

#threeColB #contentPrimary {
	width: 271px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	 
	float: left;
	
}

#threeColB #contentSecondary {
	width: 271px;
	float: left; 
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	 
	

}


#threeColB #contentTertiary {
	width: 135px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;	
} 
 

/* MENU *********************************/

/*
Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
It carries a background image for aesthetics.
*/
#navPrimaryWrapper,#breadcrumbWrapper  {
	height: 1.7em;
	padding: 0px 0px 0px 12px;

}

#navPrimary ul, #breadcrumb ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	 
	font-family: Arial, Helvetica, sans-serif;
	
}

#navPrimary a, #breadcrumb a {
 display: block;
	width: auto;

	
}


#navPrimary li, #breadcrumb li { /* all list items */
		
	float: left;
	position: relative;
	width: auto;
	padding: 0px 1em 0px 0px;
	line-height: 1.7em;
	
 }
#navPrimary li{ /* all list items */
		
	 z-index: 10;
 
}
#breadcrumb li { /* all list items */
		
	 z-index: 5;
 
}


#navPrimary li ul, #breadcrumb li ul { /* second-level lists */
	position: absolute;
	text-indent: .5em;/* a b c add these  */
	top: 1.5em;
	left: -999em;
	 width: 15 em;/* a b c add these  */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	/* background-color:#333333;*/
}
#navPrimary li ul { /* second-level lists */

z-index: 100;
}
#breadcrumb li ul { /* second-level lists */
z-index: 6;
}


#navPrimary  li:hover ul,#navPrimary li a:hover ul, #navPrimary li.sfhover ul { /* lists nested under hovered list items */
		
	left: auto;
	display: block;
	  }
	  
	  
#navPrimary li ul * { /* lists nested under hovered list items */
	width: 14em;/* a b c add these  */
 	 display: block;
	/*  background-color:#666666;*/
	clear: both;
	  
	  }




/**********************************/




#footer {
  padding: 0px 0px 0px 12px;;
}


#footer {
	clear: both;
	height: 1.75em;
} 


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.article {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
#contentSecondary .article, #contentTertiary .article {
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 5px 0px;
}
.profilebox,hr {
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

hr {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}


p .ad img , p .ad   {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px -5px;
}
#contentPrimary img {
	float: left;
	display: inherit;
	padding: 4px;
	margin: 3px 7px 0px 0px;
	border: 1px solid #CCCCCC;
}
#contentPrimary .noborderimage img {
	float: left;
	display: inherit;
	margin: 3px 7px 0px 0px;
	
}
#contentPrimary .imageWithCaption img {
	float: left;
	display: inherit;
	padding: 4px 4px 0px 4px;
	margin: 0px;
	border: 0px solid #CCCCCC;
	
}
#contentPrimary .morebutton{
	float: left;
	display: inherit;
	padding: 0px;
	margin: 0px;
	border: 0px solid #CCCCCC;
	
}

.topspace{
	height:20px;
	 clear:both;
}
.vis {
display:block;
}
.hid{
display:none;
}

.imageWithCaption {
width:auto;
float: left;
border: 1px solid #CCCCCC;
margin: 3px 7px 0px 0px;

}

#contentPrimary .article .right {
	float: right;
	margin-left: 10px;
}
