/*
Halt 
 	  
*/

 * { padding: 0; margin: 0; }	

body {
	font-size:83%;
	margin:0;
	padding:0;
}

p {
 /*padding: 10px;*/
 line-height:140%
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

.clear {
	clear: both;
    text-indent: -9999px;
}	

/* Structure
=========================================================================================== */
#wrapper { 
 margin: 0;
 width: 100%;
 background: url(../img/halt-bg.jpg) #fff repeat-x center top;
}

#top {
  height:340px
}

#bottom-bar { 
 margin: 0;
 width: 100%;
 background: url(../img/bottom-bar.jpg) repeat-x center bottom;
}

#content { 
 margin: 0 auto;
 width: 1000px;
 background-image:url(../img/halt-logo.gif);
 background-repeat:no-repeat;
 background-position:0% 100%;
}

#contentMembers { 
 margin: 0 auto;
 width: 1000px;
 background-repeat:no-repeat;
 background-position:0% 100%;
}

#middle-chunk { 
 margin: 0 auto;
 min-height:500px;
 width: 1000px;
}

#centre { 
 float: left;
 color: #333;
 padding-top:10px;
/* padding:0 15px 15px 15px;
 background: #FFFF00;
 height: 350px;*/
 width: 550px;
 display: inline;
}

#centreMembers { 
 float: left;
 color: #333;
 padding-top:10px;
/* padding:0 15px 15px 15px;
 background: #FFFF00;
 height: 350px;*/
 width: 950px;
 display: inline;
}

.centre-space {
  float:left;
  padding-bottom:10px;
  /*margin-top:*/
}

#leftcolumn { 
 width: 160px;
 margin-right:30px;
 float: left; 
 padding-bottom: 110px;
 /*background-image: url(../img/halt-logo.jpg);
 background-position:bottom;
 background-repeat:no-repeat;

 height:580px*/

}

#leftcolumnMembers { 
 width: 335px;
 /*margin-right:15px;*/
 float: left; 
 border: 2px ridge #FFFFFF;
 height:400px;
 overflow:hidden;
 overflow-y:auto;
 font-family:Arial, Helvetica, sans-serif;
}

#rightcolumn { 
 color: #333;
 margin-left:30px;
 margin-bottom:30px;
/* height: 350px;*/
 width: 210px;
 float: right;
}

.rightcolumn-img {  
  padding-bottom:5px;
}


#divSpinner
{
    display:none;
    position:absolute;
    top:20px;
    left:20px;
}

#divLoading
{
    position:relative;
    top:15px;
    font-weight:bold;
    font-size:125%;
}

/* top
=========================================================================================== */
#header {
   color: #333;
   width: 1000px;
   float: left;
   height: 272px;
}

#header h1 {
   text-indent: -5000px;
}
   
#header h2 {
   text-indent: -5000px;
}

#header p {
    padding:30px 266px 20px 297px;
	color:#246fce;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:120%;
	font-weight:normal;
	font-style:italic
}
  

   
   
 /* Top Nav 
=========================================================================================== */  
#topnav {
   height: 37px;
   padding-right:180px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   /*color:#3f71b6;*/
   text-align:right
}

#topnav a {
   text-decoration:none;
   color:#3f71b6;
}

#topnav a:hover {
	text-decoration:underline;
	color:#5d7b1f
}

 /* Main Nav 
=========================================================================================== */  

#mainNav {
   float: left;
   display:inline;
   width: 1000px;
   height: 22px;
   color: #333;
}

#tabs {
	float:left;
	width:100%;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:normal;
	/*border-bottom:1px solid #666;*/
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:0px 10px 0 100px;
	list-style:none;
	}

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

#tabs a {
	float:left;
	background:url("../img/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	text-decoration:none;
	color:#75a74d;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("../img/right.png") no-repeat right top;
	padding:3px 15px 1px 6px;
	margin-right:2px;

	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -22px;
	}

#tabs a:hover span {
	background-position:100% -22px;
	color:#ffffff;
	}
	
	
#tabs a.active {
	background-position:0% -22px;
	}

#tabs a.active span {
	background-position:100% -22px;
	color:#ffffff;
	}
	
	
/*Left nav===*/	
/*Left nav================================================================================*/

#leftNav {
 	display:block;
	width: 160px; 
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
	#leftNav ul li {
		font-size:100%;
		text-decoration:none;
		list-style:none;
		/*padding:4px 0 14px 0;
		border-bottom:#a3a3a3 1px dotted;*/
	}
		#leftNav ul li a {
			color:#f37042;
			display:block;
			padding:8px 5px 4px 10px;
			text-decoration:none;

		}
			#leftNav ul li a:hover {
				color:#5b90ec;
			    background:url(../img/leftnav-2bg.jpg) 0 3px no-repeat;
				text-decoration:underline;
			}
			#leftNav ul li a.active {
				color:#5b90ec;
				background:url(../img/leftnav-bg.jpg) 0 3px no-repeat;
				text-decoration:none;
			}
			
	#leftNav ol li.indent {
		font-size:90%;
		font-weight:normal;
		text-decoration:none;
		list-style:none;
		padding:none;
		border-bottom:#CCCCCC 1px solid;
	}
		#leftNav ol li a.indent {
		    color:#33FF00;
			display:block;
			/*padding:4px 4px 4px 8px;*/


		}
			#leftNav ol li a:hover {
				color:#5b90ec;
				background:url(../img/leftnav-2bg.jpg) 0 3px no-repeat;
				text-decoration:underline;
			}
			#leftNav ol li a:active {
				color:#5b90ec;
				background-color:#00FF99;
				background:url(../img/leftnav-X2bg.jpg) 0 3px no-repeat;
				font-weight:bold;
				text-decoration:none;
			}

/* bread =========================================================================================*/

.breadcrumb { 
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
 font-size:80%;
 color:#999999;
 padding-left:10px;
}

.breadcrumb a { 
  color:#999999;
}

/* Middle =========================================================================================*/

#centre h2 { 
 font-family:Arial, Helvetica, sans-serif;
 padding-left:10px;
}

#centreMembers h2 { 
 font-family:Arial, Helvetica, sans-serif;
 padding-left:10px;
 padding-bottom:15px;
 color:#666666;
 font-size:105%;
}

.white {color:#fff}

.green {color:#3b8102}
#centre p .green {color:#3b8102}

.orange {color:#f37042}
#centre p .orange {color:#f37042}

.blue {color:#246fce}
#centre p .blue {color:#246fce}

.red {color:#FF0000}
#centre p .red {color:#FF0000}

#centre p { 
 font-family:Arial, Helvetica, sans-serif;
 color:#666666;
 padding-left:10px;
 padding-bottom:20px
}

#centreMembers p { 
 font-family:Arial, Helvetica, sans-serif;
 color:#666666;
 padding-left:10px;
 padding-bottom:20px
}

#centre p a {
 font-weight:bold;
 color:#666666;
 text-decoration:underline
}

#centreMembers p a {
 font-weight:bold;
 color:#666666;
 text-decoration:underline
}

#centre .mission {
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
 font-weight:normal;
 line-height:150%;
 color:#246fce;
}

#centre ul .std { 
 font-family:Arial, Helvetica, sans-serif;
 color:#666666;
 list-style:disc;
 margin-left:20px;
 padding-bottom:20px;
 line-height:140%
}

.std a {
 color:#666666;
 text-decoration:underline
}

.std-indent {  
 font-family:Arial, Helvetica, sans-serif;
 font-style:italic;
 color:#333333;
 margin-left:30px;
 padding-bottom:10px;
 line-height:120%;
 list-style: circle
}



#centre ul .green{ 
 font-family:Arial, Helvetica, sans-serif;
 color:#3b8102;
 font-size:110%;
 margin-left:70px;
 padding-bottom:10px;
 list-style:disc
}

#centre ul li { 
 padding-bottom:20px;
 list-style:disc;
}


.greenBack { 
 background-image:url(../img/txt-bg.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 height:50px;
 padding-left:10px;
 padding-right:20px;
 padding-top:5px
}

.greenBackMembers { 
 background-image:url(../img/txt-bg2.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 height:50px;
 padding-left:10px;
 padding-right:20px;
 padding-top:5px;
 width:900px;
}

.greenBackMembers h1{ 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:150%;
 line-height:100%;
 padding-top:5px;
 padding-left:1px;
 padding-bottom:14px
}

.greenBack h1{ 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:150%;
 line-height:100%;
 padding-top:5px;
 padding-left:1px;
 padding-bottom:14px
}

.hic { 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:150%;
 line-height:100%;
 padding-top:8px;
 padding-left:8px;
 padding-bottom:7px
}

.greenBack h3{ 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 color:#666666;
 font-size:110%;
 line-height:130%;
 padding-top:5px;
 padding-left:10px;
 padding-bottom:10px
}

.greenBack h3 a{ 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#666666;
 font-size:100%;
 line-height:200%;
 text-decoration:none;
 padding-left:40px;
 padding-bottom:13px
}

.greenBack h3 a:hover{
  text-decoration:underline;
}

.inset {
  padding-left:40px
}

.signPanel-top {
    background:url(../img/signPanel-top2.jpg) no-repeat;
    float:left;
    height:150px;
}

    .signPanel-top .content {
        padding:20px 20px 20px 12px;
    }
		
	.signPanel-top a.login 
	{
		display:block; 
		width:232px; 
		height:41px;
		background:url("../img/login-button3.gif") top left no-repeat;
		position:absolute;
		top:500px;
	}
		.signPanel-top a.login:hover {
			background:url("../img/login-button4.gif") top left no-repeat;
		}

#membersAreaContent
{
    float:left;
    padding-left:10px;
    width:540px;
}

/* RIGHT COL================================================================================*/

#rightcolumn p {
  color:#999999;
  font-family:Arial, Helvetica, sans-serif;
  font-size:90%;
  line-height:130%;
  text-align:left;
  padding:10px 10px 20px 15px;
}

#rightcolumn a:link {
    color:#FF0000;
	text-decoration:underline;
}
#rightcolumn a:hover {
	text-decoration:underline;
}
#rightcolumn a:active {
	text-decoration:underline;
}


/* Images
=========================================================================================== */
.left {
  float:left;
  padding:0px 10px 0px 10px;
}

.right {
  float:right;
  padding:0 10px 0 10px;
}
.bottom-logo {
  padding:10px 0 0  0;
  background-position:bottom no-repeat;
  background-image:url(file:../img/halt-logo.jpg);
}

/* Bottom
=========================================================================================== */

#footer { 
   width: 1000px;
   margin-top:30px;
   clear: both;
}

#footer p {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	text-align:center;
	color:#999999;
	padding-top:0px;
}

#footer p.numedia{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	text-align:center;
	color:#CCCCCC;
	padding-top:0px;
}
#footer p.numedia a{color:#CCCCCC; text-decoration:none }
#footer p.numedia a:hover{color:#CCCCCC; text-decoration:underline }

#links p {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:center;
	line-height:120%;
	padding-bottom: 8px	
}
#links a {
	color:#999999;
	text-decoration:none
}
#links a:hover {
	color:#999999;
	text-decoration:underline
}


/*===================================*/