@charset "UTF-8";
/* CSS Document */

/*  */
	/* General styles */
	body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	
	}
	
	a {
		color:#003333;
	}
	
	a:hover {
		text-decoration:underline; color:#033333
	}
	
	h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	text-align: left;
	color:#303030;
	}
	
	h1.h-center, h2.h-center, h3.h-center {
	margin:.8em 0 .2em 0;
	padding:0;
	text-align: center;
	}

	
	p {
	margin:.4em 0 .8em 0;
	padding:0;
	text-align: left;
	}
	
	p.center {
	margin:.4em 0 .8em 0;
	padding:0;
	text-align: center;
	}
	
		
	p.sm-italic {
	margin:.4em 0 .8em 0;
	padding:0;
	text-align: center;	
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size: 75%;
	}
	
	p.sm-italic-left {
	margin:.4em 0 .4em 0;
	padding:0;
	text-align: left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size: 95%;
	line-height: 22px;
	}


	
	img {
		margin:0px 0px 0 0px;
	}
	
	img.floatLeft { 
    float: left; 
    margin: 4px;
     
    }
	img.center-img {
		margin:0px 0px 0 0px;
		display:block;
		margin-left:auto;
		margin-right:auto; 
	}
	
	
	img.icon {
		float:left;
		margin: 0px;
		border:none
	}
	
    img.floatRight { 
    float: right; 
    margin: 4px; 
    }
    
    .picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

	
	

	/* Header styles */
	
	#tabsJ {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;
	  border-bottom:2px solid #666;
	  min-width:1000px;
      }
      
      
    #tabsJ ul {
	margin:0;
	padding:2px 10px 0 10px;
	list-style:none;
      }
    
   

    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }



 
     #tabsJ a.active,
     #tabsJ a {
      float:left;
      background:url("images/tableftJ-3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }

#tabsJ a.active {
      text-decoration:underline;
      }


    #tabsJ a.active span {
    text-decoration:underline;
    }
    
    #tabsJ a span {
	float:left;
	display:block;
	background:url("images/tabrightJ-3.gif") no-repeat right top;
	padding:3px 15px 2px 6px;
	color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    



    #tabsJ a:hover span {
      color:#000;
      }
    



    #tabsJ a:hover {
      background-position:0% -42px;
      }
    



    #tabsJ a:hover span {
      background-position:100% -42px;
      }


	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	#layoutdims2 {
	clear:both;
	background:#eee;
	border-top:0px solid #333;
	margin:0;
	padding:0px 15px !important;
	text-align:center;
	color: #996;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:28%;			/* width of the right column */
		background:#fff;		/* center column background colour */
		
	}
	.threecol .colleft {
	right:44%;	/* left column background colour */
	background-color: #eee;
	}
	.threecol .col1 {
		width:40%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:24%;			/* Width of left column content (column width minus padding on either side) */
		left:34%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
	width:24%;			/* Width of right column content (column width minus padding on either side) */
	left:82%;
	
	}
	
	

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
	padding:10px;
	margin:0;
	text-align: center;
	}
	
	#footer a:hover {
		text-decoration:none;
	}
	
	#footer img { 
	border: none;
	}
	
	/*  */
	.FooterTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
}
    #apDiv1 {
	position:absolute;
	width:1005px;
	height:39px;
	z-index:1;
	left: 94px;
	top: 309px;
}
    #apDiv2 {
	position:absolute;
	width:100%;
	height:46px;
	z-index:1;
	background-color: #EEE;
	left: 1px;
	top: 305px;
}
.coltop    
    {
	background-color: #F4F4F4;
	height: auto;
	width: 100%;
	font-size: 85%;
	border-bottom-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-color: #000;
    }
    
    .coltop table tr td {
	text-align: center;
	padding-top:3px;
	padding-bottom:3px;
	line-height:105%;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
    .col31 {		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
}

/* Corners Styles */

.roundedcornr_box_913366 {
	background: url(images/corner-images/roundedcornr_913366_tl.png) no-repeat top left;
}
.roundedcornr_top_913366 {
	background: url(images/corner-images/roundedcornr_913366_tr.png) no-repeat top right;
}
.roundedcornr_bottom_913366 {
	background: url(images/corner-images/roundedcornr_913366_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_913366 div {
	background: url(images/corner-images/roundedcornr_913366_br.png) no-repeat bottom right;
}
.roundedcornr_content_913366 {
	background: url(images/corner-images/roundedcornr_913366_r.png) top right repeat-y;
}

.roundedcornr_top_913366 div,.roundedcornr_top_913366,
.roundedcornr_bottom_913366 div, .roundedcornr_bottom_913366 {
	width: 100%;
	height: 16px;
	
}
.roundedcornr_content_913366, .roundedcornr_bottom_913366 {
	margin-top: -8px;
	font-size:small;
}
.roundedcornr_content_913366 { padding: 0 10px; }

div.ex
{

width:92%;
height:auto;
padding:5px;
border:2px solid #030;
-moz-border-radius: 1em;
border-radius: 1em;
background-color:#FFF;
margin:0px;
}