/* 	RCI-Online main stylesheet
	written by Chris Furniss
	for portentinteractive.com
	
	
	1. Global Fixes
	2. Global Items
		2.1 Main divs
		2.2 Right Side Nav Items
			2.2.1 Nav Form Elements
	3. Global Text
	4. Header Items
		4.1 Nav items
	5. Homepage Specific Items
	6. Internal Page Items
	7. Footer Items
	
	
 */

/* global fixes */
@import "reset.css";
@import "core.css";

@import "cmxform.css";

body, form {margin:0;padding:0;}
a img {border:0;}


/* global items */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff url(images/main-bg.gif) top left repeat-x;
	font-size:12px;
	}

p {
	color:#262626;
	font-size:12px;
	line-height:17px;
	margin-bottom:10px;
	}
	


a {
	color:#262626;
	text-decoration:underline;
	}
	
	a:hover {
		color:#000000;
		}

h1 {}

h2 { 
	font-size:14px;
	color:#ff9600;
	font-weight:bold;
	margin:3px 0;
	}
h3 { 
	font-size:12px;
	color:#ff9600;
	font-weight:bold;
	margin:3px 0;
	}

.underline {text-decoration:underline;}

.clear {clear:both;} /* generic clearing element */
.hide {display:none;} /* generic hiding class */

.image {border:1px solid #cccccc;margin:10px;} /* for images */

.left {float:left;}
.right {float:right;}


code { font-family:"Courier New", Courier, monospace;font-size:12px;background-color:#FFFF99;}

ul {
	list-style-image:url(images/bullet.png);
	list-style-position:inherit;
	list-style-type:circle;
	}

li {margin-bottom:10px;}

a.button-go {
	background-image:url(images/button-go.jpg);
	width:49px;
	height:27px;
	background-position:0 27px;
	display:block;
	}
	
	a.button-go span {
		display:none;
		}

	a.button-go:hover {
		background-position:0 54px;
		}

	/* main divs */
	
	#wrapper {
		width:810px;
		margin:0 auto;
		text-align:left;
		}
		
	#alpha {
		width:577px;
		float:left;
		}
		
	#beta {
		width:227px;
		float:left;
		}

	/* right side navigation items */

	#beta h1 {
		font-size:14px;
		font-weight:bold;
		letter-spacing:-1px;
		text-align:left;
		color:#ffffff;
		padding-left:10px;
		padding-top:9px;
		height:22px;
		width:215px;
		margin:0;
		background:url(images/beta-header-bg.jpg) top left no-repeat;
		text-transform:uppercase;		
		}
		
	#beta div.navbox {
		width:225px;
		margin:0 0 13px 0;
		padding:10px 0 10px 0;
		background:url(images/beta-main-bg.jpg) bottom left no-repeat;
		line-height:18px;
		}
	
	a.nav-button {
		background-image:url(images/beta-nav-button-bg.jpg);
		width:201px;
		height:23px;
		display:block;
		color:#ff9600;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:-1px;
		font-size:14px;
		padding:4px 0 0 5px;
		margin:0 0 10px 10px;
		}
			
		a.nav-button:hover {
			xbackground-position:0 27px;
			text-decoration:underline;
			color:#ff9600;
			}
			
		/* nav form elements */
		
		#beta div.navbox table, #beta div.navbox label {
			color:#ff9600;
			font-size:11px;
			font-weight:bold;			
			}
			
			#beta div.navbox table input.nav-textbox {
				width:120px;
				border:1px solid #cccccc;
				font-size:11px;
				color:#333333;
				}
			
			#beta div.navbox form a {
				text-decoration:none;
				color:#ff9600;
				font-weight:bold;
				font-size:11px;
				}
				
				#beta div.navbox form a:hover {
					text-decoration:underline;
					}
		
		#beta div.navbox #search-box-links {
			float:left;
			clear:left;
			margin-left:10px;
			width:100px;
			}
		
/* global text */

/* header items */

#header {
	width:1001px;
	height:138px;
	background:url(images/header-bg.jpg) top center no-repeat;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
#logo {
	margin:0 0 0 100px;
	padding:0;
	position:relative;
	float:left;
	}
	
	
	/* nav items */	
	
	ul#topnav {
		list-style:none;
		margin:0 105px 0 0;
		top:77px;
		padding:0;
		position:relative;
		float:right;
		text-align:left;
		height:24px;
		width:655px;
		}
		
		* html ul#topnav { /* IE margin fix */
			margin:0 50px 0 0;
			}
	
		ul#topnav li {
			list-style:none;
			margin:0 1px;
			padding:0;
			float:left;
			}
			
			ul#topnav li a {
				display:block;
				width:107px;
				height:24px;
				}
				
				ul#topnav li a span { /*hides text for unstyled content */
					display:none;
					}
				
				ul#topnav li a.about {
					background:url(images/nav-about.jpg);
					background-position:0 24px;
					}
					
					ul#topnav li a.about:hover {
						background-position:0 48px;
						}
						
				ul#topnav li a.news {
					background:url(images/nav-news.jpg);
					background-position:0 24px;
					}
					
					ul#topnav li a.news:hover {
						background-position:0 48px;
						}
					
				ul#topnav li a.events {
					background:url(images/nav-events.jpg);
					background-position:0 24px;
					}
					
					ul#topnav li a.events:hover {
						background-position:0 48px;
						}

				ul#topnav li a.education {
					background:url(images/nav-education.jpg);
					background-position:0 24px;
					}
					
					ul#topnav li a.education:hover {
						background-position:0 48px;
						}

				ul#topnav li a.join {
					background:url(images/nav-join.jpg);
					background-position:0 24px;
					}
					
					ul#topnav li a.join:hover {
						background-position:0 48px;
						}

				ul#topnav li a.contact {
					background:url(images/nav-contact.jpg);
					background-position:0 24px;
					}
					
					ul#topnav li a.contact:hover {
						background-position:0 48px;
						}
						
						
						
/* homepage specific items */
div.wideboxcap {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	padding-left:10px;
	padding-top:9px;
	height:22px;
	width:558px;
	margin:0;
	background:url(images/wideboxcap-bg.jpg) top left no-repeat;
	text-transform:uppercase;
	position:relative;
}
div.wideboxcap h1 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	margin:0;
	text-transform:uppercase;
	display:inline;
}
div.wideboxcap .addthis_button {
	display:inline-block;
	position:absolute;
	right:10px;
	top:9px;
	padding:0;
}
h1.wideboxcap {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:left;
	color:#ffffff;
	padding-left:10px;
	padding-top:9px;
	height:22px;
	width:558px;
	margin:0;
	background:url(images/wideboxcap-bg.jpg) top left no-repeat;
	text-transform:uppercase;
	}
	
div.widebox	.redtext {
	color:#ff0000 !important;
	}
	
div.widebox {
	width:538px;
	margin:0;
	padding:5px 15px 20px 15px;
	background:url(images/widebox-bg-repeat.jpg) bottom left repeat-y;
	line-height:18px;
	}
	
	div.widebox-bottom {
			background:url(images/widebox-bg-bottom.jpg) bottom left no-repeat;
			width:568px;
			height:15px;
			clear:both;
			margin:0 0 10px 0;
	}
	
	div.widebox .column {
		width:260px;
		float:left;
		}
		
		div.widebox .column-right {
width:50%;
float:right;
}
div.widebox .column-left {
width:45%;
float:left;
}
div.widebox .indent {
margin-left:5%;
}
h1.halfboxcap {
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:left;
	color:#ffffff;
	padding-left:10px;
	padding-top:9px;
	height:22px;
	width:261px;
	margin:0;
	background:url(images/halfboxcap-bg.jpg) top left no-repeat;
	text-transform:uppercase;
	}
	
div.halfbox-wrap {
	float:left;
	width:271px;
	}	
	
div.halfbox {
	width:246px;
	margin:0 0 10px 0;
	padding:5px 10px 10px 15px;
	background:url(images/halfbox-bg.jpg) bottom left no-repeat;
	line-height:18px;
	}

a.button-readall {
	background-image:url(images/button-readall.jpg);
	width:95px;
	height:27px;
	background-position:0 27px;
	display:block;
	}
	
	a.button-readall span {
		display:none;
		}

	a.button-readall:hover {
		background-position:0 54px;
		}
.index-banner {
	margin:0px 0 0 0;
}
#infobox {
	/*background:url(images/07CTS-banner-3-index.jpg) top left no-repeat;*/
	width:363px;
	height:178px;
	float:right;
	margin-top:5px;
	clear:none;
	position:relative;
	}
	
	#infobox ul {
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		bottom:1px;
		right:0;
		}
		
		#infobox ul li {
			margin:4px;
			padding:0;
			list-style:none;
			}
			
			#infobox ul li a {
				display:block;
				width:240px;
				height:27px;
				}
				
				#infobox ul li a span {
					display:none;
					}
				
				#infobox ul li a.benefits {
					background:url(images/infobox-benefits.jpg);
					}

					#infobox ul li a.benefits:hover {
						background-position:0 27px;
						}
						
				#infobox ul li a.learnmore {
					background:url(images/infobox-learnmore.jpg);
					}

					#infobox ul li a.learnmore:hover {
						background-position:0 27px;
						}
						
				#infobox ul li a.member {
					background:url(images/infobox-member.jpg);
					}

					#infobox ul li a.member:hover {
						background-position:0 27px;
						}
						
						
						
/* internal page items */



/* footer items */

#footer-wrap {
	width:auto;
	background:url(images/footer-bg.jpg) #0000FF repeat-x;
	clear:both;
	}
	
#footer {
	margin:0 auto;
	width:800px;
	height:123px;
	padding:5px 0 5px 0;
	}
	
	#footer a {
		color:#ffffff;
		text-decoration:none;
		}
		
		#footer a:hover {
			text-decoration:underline;
			}
			
	#footer #signup {
		width:200px;
		float:left;
		}
		
		#footer #signup h1 {
			color:#ffffff;
			font-size:14px;
			font-weight:bold;
			letter-spacing:-1px;
			text-transform:uppercase;
			}
			
			#footer #signup h1 { /* IE margin fix */
				margin:10px 0 0 0;
				}
			
		#footer #signup input.textbox {
			font-size:14px;
			font-weight:bold;
			color:#cccccc;
			border:1px solid #cccccc;
			width:150px;
			height:20px;
			margin:0 5px 0 0;
			}
			
	#footer #footerlinks {
		float:right;
		width:500px;
		height:50px;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:right;
		margin:10px 0 0 0;
		}
		
	#footer #slug {
		font-size:12px;
		width:260px;
		color:#ffffff;
		text-decoration:none;
		margin:50px 0 0 0;
		float: right;
		clear: right;
		}
		

div.widebox table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-collapse: collapse;
	width: 535px;
	}

div.widebox th {
	padding: 0 0.5em;
	text-align: left;
	}

div.widebox tr.blue td {
	background: #dce5f8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	}

	
div.widebox td {
	
	border: 1px solid #d9d9d9;
	padding:2px 2px 2px 10px;
	}

div.widebox td.width {
	width: 190px;
	}

div.widebox td.adjacent {
	border-left: 1px solid #d9d9d9;
	text-align: center;
	}
	
fieldset.memberclass label,
label.memberclass {
	display: inline;
}

.clickDescrip { font-style:italic;vertical-align:baseline; }