@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/*///////// Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*///////// End hide from IE-mac */

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

BODY {	margin:0px 0 0em 0; 
		padding:0px; 			
		text-align:center;
		background:#CFE5F0;		
		}
		
body, div, p, li, h1, h2, h3, textarea{
font-family: arial, Sans-Serif;
color:#333;		
}

p, li{
font-size:80%;	
}
		

		
a {color:#000000;
text-decoration:underline;}
a:hover {color:#FFFFFF; text-decoration:underline;}

img { border: none; }



h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}


h1 {
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:26px;
	font-weight:normal;
	}

	
h2{		
	padding:0 30px 0 20px;
	margin:0 0 .4em 0px;
	font-size:24px;	
	font-weight:normal;
	}
	
	.right h1, .right h2{		
	padding:0 14px;	
	}
	
	
h3{	
	font-size:14px;
	margin:0 0 .6em 0px;	
	padding:0 30px 0 20px;
	border:0;
	
	}
	

h4{	
	font-size:13px;
	margin:0 0 .4em 0px;	
	padding:0 30px 0 20px;
	
	font-weight:normal;	
	}
	
p{
	line-height:1.3em;
	margin:0 0 1em 0;
	padding:0;
	
	}
	
	
form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	ul{padding-left:20px;}
	
	li {margin:0 10px .5em 15px}
	
	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%;}
	
	td, th {vertical-align:top; width:auto; padding:5px; }
	
.hidden {display:none;}

/*/////////   main layout  ///////////*/

	


		
#wrap{position:relative;
		width:940px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0;
		background:url(../../../../images/bg.gif) repeat-y;		
		}	
		
.home .content { width:940px; background:url(../../../../images/bg_illus_home.png) no-repeat 0 34px; position:relative; padding-top:34px;  z-index:100;}	
.standard .content { width:940px; background:url(../../../../images/bg_illus_home.png) no-repeat 0 34px; position:relative; padding-top:34px;  z-index:100;}	
.standard1 .content { width:940px; background:url(../../../../images/bg_illus_1.png) no-repeat 0 34px; position:relative; padding-top:34px; z-index:100;}	
.standard2 .content { width:940px; background:url(../../../../images/bg_illus_2.png) no-repeat 0 34px; position:relative; padding-top:34px; z-index:100;}	

.main {width:700px; padding-left:240px; min-height:1300px; }
*html .main {height:1300px}
div.left {position:absolute; top:230px; left:0; z-index:100;}




.illus_footer {display:hidden}	
.footer { background:url(../../../../images/bg_footer.gif) no-repeat; width:940px; height:392px; clear:both}


	
/*/////////      header     ///////////*/



/*/////////      end header     ///////////*/
		

/*/////////      float left nav     ///////////*/


#navigation { background:url(../../../../images/bg_box-n-top_blue.gif) no-repeat; width:220px; margin-bottom:15px; padding-top:5px}

#navigation ul {
	margin:0 0 0 0px;	
	padding:10px 0 30px 0;
	background:url(../../../../images/bg_box-n-footer_blue.gif) left bottom no-repeat;
	}
	
	#navigation ul ul {background:none; padding:0 0 10px 0 ;}
	
	#navigation  li {	
	list-style-type:none;
	margin:0 0 0px  0;
	padding:0;
	border:1px solid #66CCFF;
	text-align:left;
	}
		
	#navigation li a, #navigation li a:visited{color:#FFFFFF; font-size:18px; text-decoration:none; padding:5px 0 5px 30px; display:block; line-height:1.3em;}
	#navigation li a:hover{ text-decoration:underline;}
	
	#navigation li a.L0hcsel, #navigation li a.L0hcsel:visited, #navigation li a.L0h, #navigation li a.L0hc:visited{/*background:url(../../../../images/i_aro_purple.gif) no-repeat 30px 6px; padding:0 0 5px 50px;*/}
	#navigation li.current a, #navigation li.current a:visited { }
	
	/*#navigation li li a, #navigation li li a:visited, #navigation li.current li a, #navigation li.current li a:visited{color:#000033; font-size:14px; background:none; padding:0 0 5px 30px;  }*/
	
	#navigation li a.L1hc, #navigation li a.L1hc:visited {color:#000033; font-size:14px; background: url(../../../../images/rtArwLtBlue.gif) no-repeat 27px 2px; padding:0 0 5px 40px;  line-height:1em;}
	#navigation li a.L1nc, #navigation li a.L1nc:visited {color:#000033; font-size:14px; background: url(../../../../images/rtArwLtBlue.gif) no-repeat 27px 2px; padding:0 0 5px 40px;  line-height:1.1em;}
	#navigation li a.L1ncsel, #navigation li a.L1ncsel:visited,  #navigation li a.L1hcsel, #navigation li a.L1hcsel:visited {color:#000033; font-size:14px; background: url(../../../../images/rtArwLtBlue.gif) no-repeat 27px 2px; padding:0 0 5px 40px;  line-height:1.1em; font-weight:bold} 
	
	#navigation li a.L2nc, #navigation li a.L2nc:visited {color:#000033; font-size:13px; background: url(../../../../images/rtArwWhite.gif) no-repeat 40px 2px; padding:0 0 5px 55px;  line-height:1em;}
	#navigation li a.L2ncsel, #navigation li a.L2ncsel:visited {color:#000033; font-size:13px; background: url(../../../../images/rtArwWhite.gif) no-repeat 40px 2px;  line-height:1.1em;padding:0 0 5px 55px; font-weight:bold}

	#navigation li a.L2hc, #navigation li a.L2hc:visited,  #navigation li a.L2hc, #navigation li a.L2hc:visited {color:#000033; font-size:14px; background: url(../../../../images/rtArwLtBlue.gif) no-repeat 27px 2px; padding:0 0 5px 40px;  line-height:1.1em; font-weight:bold} 

/*///////// end float left nav  */




/*///////// main col  */ 
.home div.main {padding-top:300px }
.standard div.main, .standard1 div.main, .standard2 div.main {padding-top:195px }

.toplinks { background:url(../../../../images/bg_top.gif) no-repeat; height:44px;
left:0;
padding:35px 0 0 270px;
position:absolute;
top:0;
width:670px;z-index:101;}
.toplinks a,  .toplinks a:visited{color:#FF6600; padding-right:5px; text-decoration:underline}

.toplinks #searchBox { position:absolute;top:35px; left:410px; font-size:13px; width:285px !important; margin:0; border:0px solid red!important}
.toplinks table#searchBox { position:absolute;top:35px; left:410px; font-size:13px; width:285px !important; margin:0; border:0px solid red!important}
.toplinks table#searchBox td, .toplinks #searchBox{ font-size:13px;}
.toplinks #searchBox label{  display:none;}

.toplinks #searchBox input { border:none; background:#CFE5F0; width:140px!important; padding:3px; margin-left:19px; font-size:13px; position:absolute; top:-3px; left:82px;}
.toplinks table#searchBox input { border:none; background:#CFE5F0; width:140px; padding:3px; margin-left:15px; font-size:13px;  position:absolute; top:32px; left:490px;}
.toplinks #searchBox a.Button { border:none; width:33px; height:19px; font-size:0;position:absolute; top:34pxpx; left:250px; padding:0; margin-left:0}
.toplinks table#searchBox a.Button { border:none; width:33px; height:19px; font-size:0;position:absolute; top:34pxpx; left:660px; padding:0; margin-left:0; top:34px;}

.toplinks a.members , .toplinks a.members:visited {color:#333333; text-decoration:none; position:absolute; right:45px; top:35px; padding-right:0;font-size:16px; font-weight:bold}
.toplinks a.members:hover {text-decoration:underline; }

.become {background:url(../../../../images/bg_becomebar.gif) no-repeat; width:680px; height:106px; margin-bottom:5px; padding:10px 20px 10px 20px; position:relative }
.become p {font-size:15px; padding:0 270px 0 0}
.become h1 { font-size:20px; margin:0 0 .2em 0; padding:0}
.become a.join, .become a.join:visited {position:absolute; left:480px; top:19px; font-size:34px; text-decoration:none; display:block; width:185px; text-align:center; color:#333333; line-height:1em}


.blue-box{background:url(../../../../images/bg_boxfooter_blue.gif) no-repeat #66CCFF left bottom; width:700px; margin-bottom:5px; padding:0 0 20px 0; position:relative}
h2.video { background:url(../../../../images/t_videobg.gif) no-repeat; height:48px; padding:22px 0 0 100px; color:#FFFFFF; font-size:20px; margin:0}
div.video {padding:20px;}

div.copy {padding-bottom:10px}
div.copy h1{ background:url(../../../../images/t_blue.gif) no-repeat; height:48px; padding:22px 0 0 20px; color:#FFFFFF; font-size:20px; margin:0}
div.copy p, div.copy div{padding:0.5em 30px 0.5em 20px; font-size:14px; color:#003}
 div.copy li {font-size:14px; color:#003}
div.copy table {background-color:#66CCFF !important; /*border-collapse:separate !important; */margin:20px 0 0.5em 20px; width:660px !important;}
div.copy table table{ margin:10px 0 0 0; width:100% !important;}

/*div.copy img {border:1px solid #006699}*/

div.copy ul.ArticleIndex img {border:0}

div.copy div.searchtop{ margin:0px 0; font-size:16px; font-weight:bold; color:#FFFFFF; padding:0 20px}
.searchhi0 {bacground-color:#FFCC33!important;  font-weight:bold; padding:3px}

.copy a b {display:block;

padding-left:20px;
text-decoration:none;}


.blue-box .illus { position:absolute; top:90px; right:10px}

.yello-box{background:url(../../../../images/bg_boxfooter_yello.gif) no-repeat #FFCC33 left bottom; width:700px; margin-bottom:5px; padding:0 0 20px 0; position:relative}
h2.news { background:url(../../../../images/t_newsbg.gif) no-repeat; height:48px; color:#333; padding:22px 0 0 100px; margin:0; font-size:20px; }
.home a.more, .home a.more:visited { position:absolute; top:18px; right:20px; color:#FFFFCC; background:url(../../../../images/i-aro_white.gif) top right no-repeat; padding:5px 35px 4px 0; text-decoration:none}
.home a.more:hover {text-decoration:underline}

.yello-box .divNewsArticle { width:678px; background:#FFFFCC url(../../../../images/bg_newspanel_bot.gif) left bottom no-repeat; padding:0 0 11px 0; position:relative;  min-height:157px; margin:10px }
*html .yello-box .divNewsArticle { height:157px;}
.yello-box .divNewsArticle img{ position:absolute; top:15px; right:20px }	
.yello-box .divNewsArticle .date { background:url(../../../../images/bg_date.gif) no-repeat; width:660px; height:40px; display:block; font-size:20px; font-weight:bold; padding:10px 0 0 18px; text-transform:uppercase; color:#333 }	
 .yello-box .divNewsArticle p{ color:#FE6500; font-size:24px; padding:0 250px 0 20px; margin:0;}	
 
 
 .yello-box .bubble { width:678px; background:#FFFFCC url(../../../../images/bg_newspanel_bot.gif) left bottom no-repeat; padding:0 0 11px 0; position:relative;  /*min-height:157px;*/ margin:10px }
/**html .yello-box .bubble { height:157px;}*/
.yello-box .bubble img{float:right;margin-left:15px; margin-right:10px  }	
.yello-box .bubble .date { background:url(../../../../images/bg_date.gif) no-repeat; width:660px; height:40px; display:block; font-size:20px; font-weight:bold; padding:10px 0 0 18px; text-transform:uppercase; color:#333 }	
 .yello-box .bubble p{font-size:16px; padding:0 20px 0 20px; margin:0;}	
  .yello-box .bubble h3 a,   .yello-box .bubble h3 a:visited {TEXT-DECORATION: none; color:#FE6500; font-size:18px; padding:0 20px 0 0px; margin:0;}	
.yello-box .bubble h3 a:hover {TEXT-DECORATION: underline;}
  
  .sitemap div img {border:0}
    .sitemap div a,  .sitemap div a:visited{text-decoration:none;}

/*///////// end main col  */ 
		
/*///////// col on the left */ 
		
.talk	 { background:url(../../../../images/bg_needtalk.gif) no-repeat; width:220px; height:104px; text-indent:-3303em; margin-bottom:15px;}
.talk a {display:block;  width:220px; height:104px;}

.yncbni	 { background:url(../../../../images/ni_fp.gif) no-repeat; width:220px; height:104px; text-indent:-3303em; margin-bottom:15px;}
.yncbni a {display:block;  width:220px; height:104px;}
 
.yoursay h3 {background:url(../../../../images/t_haveyoursay.gif) no-repeat; width:220px; height:62px; padding:0; margin:0; text-indent:-3300em}
.yoursay {margin-bottom:15px; background:url(../../../../images/bg_box-n-footer_yello.gif) no-repeat left bottom #FFCC33; width:220px; padding-bottom:35px }
.quote  {background:url(../../../../images/bg_quote_top.gif) no-repeat top left; width:220px; }

.quotefoot {width:220px; height:28px; background-image:url(../../../../images/bg_quote_foot.gif)}
.quote p {text-align:center; color:#000033; line-height:1.2em; margin:0; padding:10px 15px 0  15px;}

.yoursay p {padding:0 0px 0 0px; margin:0px 0; }
.yoursay .question p {padding:0 10px 0 30px; margin:5px 0; font-size:15px; color:#333333}
.yoursay .bubble { background:url(../../../../images/bg_say_bubble_top.gif) no-repeat #FFFFCC; width:163px; margin-left:10px; padding:8px 19px 0 19px; }
.yoursay .bubblefoot{ background:url(../../../../images/bg_say_bubble_bot.gif) no-repeat #FFFFCC; width:201px; height:30px; margin-left:10px;}
.yoursay .bubble  p{margin:0px; padding:0 ; font-size:12px; }
.yoursay .bubble strong, .yoursay .bubble strong p{color:#CC6600}
.yoursay .bubble strong p {padding:0; margin:0}
.yoursay a.comment, .yoursay a.comment:visited {display:block; color:#CC6600; background:url(../../../../images/i_bubble_blue.gif) no-repeat 10px 2px; padding:5px 0 3px 42px; text-decoration:none; font-size:15px;}
.yoursay a.topic, .yoursay a.topic:visited {display:block; color:#CC6600; background:url(../../../../images/i_bubble_purple.gif) no-repeat 10px 2px; padding:5px 0 0 42px; text-decoration:none;font-size:15px;}
.yoursay a:hover {text-decoration:underline}

 ul.ArticleIndex {
padding:20px 0 0;
}

ul.ArticleIndex li {
margin-left:0;
padding-bottom:1em;
padding-left:0;
clear:both;
padding-right:20px;
}

ul.ArticleIndex li img{
float:right;
margin-left:20px;
}

ul.ArticleIndex .ArticleTitle {
font-size:130%!important;
font-weight:bold;
padding-bottom:0;
}

ul.ArticleIndex .ArticleTitle a {
font-size:130%!important;
color:#000000;
text-decoration:none;
}

ul.ArticleIndex .ArticleTitle a:visited {
font-size:130%!important;
color:#000000;
text-decoration:none;
}

ul.ArticleIndex .ArticleTitle a:hover {
font-size:130%!important;
color:#000000;
text-decoration: underline;
}

	
/*///////// end col on the left */


/*/////////      footer     ///////////*/
	
		

	
	
	#footer p{	
	padding:0 0px .6em 0;
	margin:0;		
	color:#666666
	}
	
	
	#footer a, #footer a:visited {color:#fff; text-decoration:underline}
	#footer a:hover { text-decoration:none}
	

	
	/*/////////    end   footer     ///////////*/ 
		
