/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #eeeeee;
	border-right: #8f9092 0px solid; 
	border-top: #8f9092 0px solid; 
	border-left: #8f9092 0px solid; 
	border-bottom: #8f9092 1px solid; 
	-moz-border-radius-bottomleft: 0px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-topleft: 0px; 
	-moz-border-radius-topright: 0px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DKGray.jpg); 
	height: 30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;   
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/	
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #aaaaaa; 
}

.main_dnnmenu_itemhover td {  
	background-color: #aaaaaa; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cccccc;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-top: #cccccc 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
   background: #aaaaaa none; 
   color: #ffffff;
   font-family: Verdana, sans-serif; 
   font-size: 11px;
   font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dddddd;
	border-right: #8f9092 1px solid; 
	border-top: #8f9092 1px solid; 
	border-left: #8f9092 1px solid; 
	border-bottom: #8f9092 1px solid; 
	-moz-border-radius-bottomleft: 0px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-topleft: 0px; 
	-moz-border-radius-topright: 0px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtGray.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight:  normal;
   color: #333333;
}


		/*------------------------------------------------ZERO OUT MARGINS/PADDING */
		
		body {
		margin:0;
		}
		div {
		margin:0;
		padding:0;
		}
		p {
		margin:0;
		padding:0;
		}
		h1,h2,h3,h4 {
		margin:0;
		padding:0;
		}
		img {
		margin:0;
		padding:0;
		float:none;
		}
		ul {
		margin:0;
		padding:0;
		list-style-type: none;
		font-size:11px;
		}
		li {
		margin:0;
		padding:0;
		}
		hr {
		margin:0;
		padding:0;
		width:450px;;
		}
		/*------------------------------------------------MAIN PAGE DIVS */
		
		#container {
		position:relative;
		margin:0 auto;
		width:900px;
		} 		
		#masthead {
		float:left;
		width:900px;
		height:91px;
		margin:0;
		}
		#navigation {
		float:left;
	    width:900px;
			}
		#body {
		float:center;
		}
		#footer 
		{
		background-color: #000000;
		clear:both;
		width:828px;
		text-align:center;
		vertical-align:middle;
		height:20px;
		font-family: Arial, Verdana;
		font-size:11px;
		color:#767778;		
		}
		#footer a {
		color:#767778;
		text-decoration:none;
		}
		#footer a:hover {
		color:#C13C27;
		text-decoration:underline;
		}
		
		/*------------------------------------------------NAVIGATION */
		

		#navigation ul {
		list-style-type:none;
		}
		#navigation a {
		color:#c85831;
		text-decoration:none;
		}
		#navigation a:hover {	
		color:#0064b4;
		}
		#navigation .linklist {
		float:left;
		margin:0 0 0 0;
		padding:0 0px 0 0;
		width:160px;
		font-family:Arial, Verdana, Arial;
		font-size:10px;
		color:#ff5900;	
		list-style-type:none;
		}
		#navigation .linklist li {
		list-style-type:none;
		}
		#navigation .linklist .category {
		font-weight:bold;
		font-size:10px;
		color:#000000;
		list-style-type:none;
		}
		#navigation .linklist .category a {
		color:#000000;
		}
		#navigation .linklist .category a:hover {
		color:#0064b4;
		}
		
		/*------------------------------------------------SEARCHBOX  */
		#logo {
		float:left;
		width:406px;
		height:91px;
		}
		#logo img {
		float:none;
		}
		#languagecaf {
		float:left;
		width:152px;
		height:91px;
		margin:0;
		padding:0;
		}
		#languagecaf img {
		float:none;
		width:152px;
		height:91px;
		margin:0;
		padding:0;
		}
		#fund {
		float:left;
		width:163px;
		height:91px;
		margin:0;
		padding:0;
		}
		#fund img {
		float:none;
		margin:0;
		padding:0;
		}
		#search {
		float:left;
		width:168px;
		height:51px;
		background:#0064b4 url(cafamerica_search.gif) bottom right no-repeat;
		}
		#search formarea {
		margin:0;
		padding:0;
		}
		#search #searchbox {
		margin:0 0 0 5px;
		width:125px;
		font-size:10px;
		}
		
		/*--------------------------------------- WEBSITE SEARCHBOX  */
		#websitesearch {
		float:left;
		width:417px;
		height:91px;
		background:url(cafamerica_search_white_b.gif) top no-repeat;
		}
		#websitesearch formareab {
		margin:0;
		padding:0;
		}
		#websitesearch #websitesearchbox {
		margin:.5px 0px 4px 250px;
		vertical-align:top;
		width:125px;
		font-size:10px;
		}
		
		/*------------------------------------------------WHY CAFAMERICA */
		
		#whycafamerica {
		float:left;
		width:280px;
		height:250px; 
		background:#ffffff;
		border-right: 2px solid #F1F1F0;
		}
		#whycafamerica ul {
		margin:0px 0 15px 0;
		padding:10px 0 10px 0;
		width:337px;
		height:;
		list-style-type:square;
		background:#0064b4;
		}
		#whycafamerica li {
		margin:2px 0 0 25px;
		padding:0 5px 0px 0;
		font-size:14px;
		color:#ffffff;
		font-family:Georgia, Arial, Verdana;
		}
		#whycafamerica li a {
		color:#ffffff;
		font-size:14px;
		text-decoration:none;
		}
		#whycafamerica li a:hover {
		text-decoration:none;
		}
		#whycafamerica img {
		border-bottom:1px solid #ffffff;
		}

		/*------------------------------------------------OUR IMPACT */
		
		#ourimpact {
		float:left;
		width:282px;
		background:#ffffff;
		}
		#ourimpact img{
		float:none;
		}
		#ourimpact p {
		padding:5px 5px 5px 5px;
		font-family:Arial, Verdana;
		font-size:11px;
		}
		#ourimpact .indent {
		margin:26px 0 0 0;
		padding:0;
		}
		#ourimpact .image {
		padding:26px 0 0 0;
		}
		#ourimpact .leftindent {
		margin:0;
		padding:0 0 0 5px;
		float:left;
		}
		#ourimpact .rightfloat {
		float:right;
		margin:0;
		padding:0;
		}
		#ourimpact .companylogos {
		float:none;
		margin:0;
		padding:5px;
		}
		
		/*------------------------------------------------NEWS */
		
		#news {
		float:left;
		width:280px;
		background:#ffffff;
		margin-left: 15px;
		}
		#news ul {
		list-style-type:none;
		padding:0 0 0 5px;
		}
		#news li {
		list-style-type:none;
		margin:0;
		padding:5px 0 5px 0;
		font-family:Helvetica, Arial, Verdana;
		font-weight:bold;
		font-size:11px;
		color:#ff5900;
		}
		#news li a {
		font-family:Helvetica, Arial, Verdana;
		font-weight:bold;
		font-size:11px;
		color:#303030;
		text-decoration: none;
		border-bottom: 1px dotted #E95627;
		}
		#news li a:hover {
		color:#E95627;
	    border-bottom: none;
		}
		#news .leftindent {
		margin:0;
		padding:0 0 0 5px;
		}
		#news img {
		padding:0 0 10px 0;
		}

		/*------------------------------------------------LEFT COLUMN */
		
		#leftcol {
		float:left;
		width:212px;
		margin:0 0 10px 0;
		padding:0;
		}
		#leftcol .secondarynav {
		width:212px;
		background:#c85831;
		}
		#leftcol p {
		margin:0 0 0 0;
		padding:0;
		}
		#leftcol .secondarynav h1 {
		width:auto;
		height:auto;
		padding:3px 0 2px 8px;
		margin:0;
		font-family:Arial, Verdana;
		font-weight:normal;
		font-size:18px;
		color:#ffffff;
		background-color:#2f60ac;
		}
		#leftcol .secondarynav h1 a {
		font-size:18px;
		text-decoration:none;
		color:#ffffff;
		}
		#leftcol .secondarynav h1 a:hover {
		text-decoration:underline;
		}
		#leftcol .secondarynav ul {
		margin:0;
		font-weight:normal;
		width:204px;
		height:85px;
		min-height:85px;
		padding:5px 0 10px 8px;
		}
		div[id] #leftcol .secondarynav ul {
		height:auto;
		}
		#leftcol .secondarynav ul li { list-style-type:none; }
		
		#leftcol .secondarynav ul .sub {
		padding-left:10px;
		}
		#leftcol .secondarynav ul .sub a{
		color:#f5e8c1;
		}

		#leftcol .secondarynav ul li a {
		font-family: Arial, Verdana;
		font-size:10px;
		color:#ffffff;
		text-decoration: none;
		}
		#leftcol .secondarynav ul li a:hover {
		text-decoration:underline;
		}
		
		
		
		
		/*------------------------------------------------RIGHT COLUMN */
		
		#rightcol {
		float:left;
		width:687px;
		margin:0;
		padding:0 0 60px 0;
		border-left:1px solid white;
		}
		#rightcol .topbar {
		float:left;
		width:686px;
		height:124px;
		margin:0;
		padding:0;
		font-family:Arial;
		font-size:24px;
		color:#ffffff;
		border-bottom:1px solid #ffffff;
		background:url(sectiontitleimage.jpg) top left no-repeat;
		}
		#rightcol .topbar p {
		margin:0;
		padding:45px 0 0 390px;
		}
		#rightcol .content {
		float:left;
		width:470px;
		margin:0 14px 0 0;
		padding:10px 0 0 30px;
		}
		* html #rightcol .content {
		width:500px;
		}
		#rightcol .subscribe {
		float:left;
		height:30px;
		margin:0;
		}
		#rightcol .content table {
		width:450px;
		font-size:12px;
		font-family:Arial;
		}
		#rightcol .content table td {
		width:225px;
		}
		
		#rightcol .content {
		font-family:Arial, Verdana;
		font-size:12px;
		}
		#rightcol .content h1 {
		padding:20px 0 15px 0;
		font-family: Arial,Verdana;
		font-size:16px;
		font-weight:bold;
		color:#282923;
		}
		#rightcol .content h3 {
		padding:30px 0 0 0;
		font-family: Arial,Verdana;
		font-size:16px;
		font-weight:bold;
		color:#282923;
		}
		#rightcol .content p {
		padding:0 20px 0px 0;
		font-family: Arial, Verdana;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		}
		#rightcol .content blockquote {
		font-family:Arial;
		font-size:12px;
		}
		#rightcol .content hr {
		color:#666666;
		}
		#rightcol .content .floatright {
		float:right;
		padding:5px 1px 5px 5px;	
		}
		#rightcol .content .floatleft {
		float:left;
		padding:5px 10px 5px 0px;	
		}
		#rightcol .content .linklist {
		padding:10px 0 0 10px;
		margin:0;
		font-size:12px;
		color:#d85326;
		list-style-type:none;
		}
		#rightcol .content .linklist li {
		margin:0;
		padding:2px 0 0 0;
		list-style-type:none;
		}
		#rightcol .content .linklist a {
		color:#d85326;
		text-decoration: underline;
		}
		#rightcol .content .linklist a:hover {
		color:#0064b4;
		}
		
		#rightcol .content ul {
		list-style-type:square;
		padding:0 0 5px 30px;
		margin:0;
		font-size:12px;
		color:#333333;
		}
		#rightcol .content ul ul {
		width:400px;
		}

		#rightcol .content ul li {
		margin:0;
		padding:0 0 0 0;
		}	

		#rightcol .content .contentlist {
		list-style-type:square;
		padding:5px 0 10px 30px;
		margin:0;
		font-size:12px;
		color:#c85831;
		}
		#rightcol .content .contentlist li {
		margin:0;
		padding:2px 15px 0 0;
		}
		
		#rightcol .content .contentlist a {
		color:#c85831;
		font-weight:bold;
		text-decoration: underline;
		}
		#rightcol .content .contentlist a:hover {
		color:#0064b4;
		}
		
		#rightcol .content a {
		color:#c85831;
		font-weight:bold;
		text-decoration: underline;
		}
		#rightcol .content a:hover {
		color:#0064b4;
		}
		
		#rightcol .content img {
		float:none;
		}
		
		
		/* ----------------------------------------------  Content Side Column */
		
		#rightcol .sidebar {
		float:left;
		margin:0 0 10px 0px;
		padding:0 0 0 0;
		width:172px;
		background:#f8f8e9;
		}
			#rightcol .sidebar a{
	color:#0064b4;
	font-weight:normal;
	text-decoration:underline;
	}
	#rightcol .sidebar a:hover {
	color:#c85831;
	}
		#rightcol .sidebar .floatnone {
		float:none;
		}
		#rightcol .sidebar .sidebar_content {
		padding:5px 5px 5px 10px;
		}
		#rightcol .sidebar h1 {
		margin:0;
		padding:5px 5px 7px 0px;
		font-family: Arial, Verdana;
		font-size:14px;
		font-weight:bold;
		color:#282923;
		}
		
		#rightcol .sidebar p {
		margin:0;
		padding:0;		
		}

		#rightcol .sidebar ul{
		margin:0;
		padding:5px 10px 10px 20px;
		list-style-type:disc;
		}
		
		#rightcol .sidebar ul li {
		margin:0;
		padding:0 0 5px 0;
		font-family: Arial, Verdana;
		font-size:12px;
		color:#c85831;
		}
		
		#rightcol .secondbox {
		margin:0;
		padding:15px 0 0 0;
		background:#ffffff;
		}
		
		#rightcol .secondbox {
		font-family:Arial, Verdana;
		}
		
		#rightcol .secondbox img {
		padding:0 0 0 5px;
		}
		
		#rightcol .secondbox p {
		padding:5px 10px 0 5px;
		font-family: Arial, Verdana;
		font-size:10px;
		font-weight:normal;
		color:#424847;
		}
		
		#rightcol .secondbox a {
		color:#d85326;
		font-weight:bold;
		text-decoration: underline;
		}
		#rightcol .secondbox a:hover {
		color:#0064b4;
		}
		#rightcol .secondbox h1 {
		margin:0;
		padding:10px 5px 5px 5px;
		font-family: Arial, Verdana;
		font-size:14px;
		font-weight:bold;
		color:#282923;
		}

/*------------------ TABLE STYLE */
.gea_app {
margin:10px 0 0 30px;
padding:0;
font-size:11px;
width:440px;
border:1px solid #d8d8d8;
}
.gea_app tr td {
width:200px;
height:25px;
margin:0;
padding:2px 0 0 10px;
background:#f8f8e9;
text-align: left;
vertical-align: middle;
font-weight: bold;
color:#d85326;
}
.gea_app tr td input {
font-size:11px;
width:250px;
}

/* CMS TABLE ---------------------------- */

#rightcol .content .cms_table {
margin:10px 0 15px 0px;
padding:0;
font-size:11px;
width:440px;
border:1px solid #d8d8d8;
color:#424847;
}
#rightcol .content .cms_table .name {
padding:10px 10px 15px 10px;
width:440px;
background:#efefef;
font-family:Arial;
font-size:16px;
font-weight:bold;
text-decoration: none;
color:#333333;
border-bottom:1px solid #e6e6e6;
}
#rightcol .content .cms_table .name small {
color:#888888;
font-size:12px;
text-decoration:none;
}
#rightcol .content .cms_table tr td {
margin:0;
padding:8px 10px 8px 10px;
background:#ffffff;
border-right:1px solid #efefef;
vertical-align: top;
font-family:Arial;
font-size:12px;
font-weight: normal;
color:#000000;
}
#rightcol .content .cms_table tr td p {
width:440px;
}
#rightcol .content .cms_table tr .image {
width:100px;
margin:0;
padding:10px 0 0 10px;
}

#rightcol .content .cms_table a {
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration: underline;
color:#c85831;
}
#rightcol .content .cms_table a:hover {
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration: underline;
color:#0064b4;
}



/* CMS TABLE v 2 ---------------------------- */

#rightcol .content .cms_table2 {
margin:10px 0 15px 0px;
padding:0;
font-size:11px;
width:440px;
border:1px solid #d8d8d8;
color:#424847;
}
#rightcol .content .cms_table2 .name {
padding:10px 10px 15px 10px;
width:440px;
background:#efefef;
font-family:Arial;
font-size:16px;
font-weight:bold;
text-decoration: none;
color:#333333;
border-bottom:1px solid #e6e6e6;
}
#rightcol .content .cms_table2 .name small {
color:#888888;
font-size:12px;
text-decoration:none;
}
#rightcol .content .cms_table2 tr td {
margin:0;
padding:8px 10px 8px 10px;
background:#ffffff;
border-right:1px solid #efefef;
vertical-align: top;
font-family:Arial;
font-size:12px;
font-weight: normal;
color:#000000;
}

#rightcol .content .cms_table2 tr .image {
width:100px;
margin:0;
padding:10px 0 0 10px;
}

#rightcol .content .cms_table2 a {
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration: underline;
color:#c85831;
}
#rightcol .content .cms_table2 a:hover {
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration: underline;
color:#0064b4;
}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 10;
	width:900px;
	border: 1px #FFFFFF; }

#sddm li
{	display: block;
    margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
    height: 25px;
    width: 166;
    border: 5px #FFFFFF;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background: #E95627;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
    height: 20px;
    border-bottom: 5px #FFFFFF;
}

#sddm li a:hover
{	background: #C13C27;
 	color: #FFFFFF;
 	border: 2px #FFFFFF
 	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 166px;
	height: 25px;
	background: #E95627;
	border-bottom: 3px #FFFFFF;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		text-align: left;
		text-decoration: none;
		background: #F2997D;
		color: #FFFFFF;
		border: 5px #ffffff;
		font: 12px arial}
		FF9966

	#sddm div a:hover
	{	width: auto;
	    background: #C13C27;
		color: #FFFFFF}
		
	#sbar 
	{
	    position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: ;
		text-align: left;
		text-decoration: none;
		background: #F2997D;
		color: #FFFFFF;
		font: 14px arial}
	#sbar li
	{
	     position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 166px;
		text-align: left;
		text-decoration: none;
		background: #F2997D;
		color: #FFFFFF;
		font: 14px arial
		}
	
	/*------------------------------------------------Homebk */
	
	#homebk
	{	  background-color: #F1F1F0;
	  width: 829;
	  height:300;
	}
	#homewt
	{ background-color: #FFFFFF;
	  width: 800;
	  height: 275;
	  margin-left: 15;
	}
	#homesd
	{ float: left;
	  margin-left:8px;
	  background-color: #3C99CB;
	  width: 250;
	  height:190;

	  }
	 #mainbk
	 { float: left;
	  margin-left:8px;
	  background-color: #3C99CB;
	  width: 250;
	  height:190;
	}
    /*-----------------------------------------------------sidenav */
    #sidenav {font: bold; height: 27px; width:205px;}
#sidenav ul {margin-left:10px; padding:0px;}
#sidenav li {list-style: none;}

ul.top-level {background:#C13C27;}
ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;

}
ul.second-level {background:#F2997D;}
ul.second-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}
ul.selected-level {background:#E95627;}
ul.selected-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}
ul.third-level {background:#EE7752;}
ul.thrid-level li{ border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px}
}
ul.bl-level {background:#037EA3;}
ul.bl-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}
#sidenav a {
 color: #fff;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 10px;                   
 text-decoration:none;
 width:100%;
}
#sidenav a:hover{background:#C13C27;}

