@charset "utf-8";
/* RIAI - Layout 01 CSS Document */

/* TOP-BAR Div Area  
------------------------------------------------------------------ */
div.ie6 {width:100%;background:#FF0000; color:#FFFFFF;}
div#top-bar {background:#c3c3bb url(../i/riai-topbar-bg.gif) top left repeat-x;color:#fff; min-height:30px;border-bottom:1px solid #6e6e64;}
div#top-bar p {font-size:10px;color:#FFFFFF;}
div#t-left {float:left;margin-left:20px;width:325px;}	
div#t-right {float:right;margin-right:20px;width:auto;}
div#t-right p {	text-align:right;padding:0;margin:0;}		
div#top-bar h6 {text-indent:-9999px;}
div#top-bar h6.network a {background: url(../i/riai-topbar-logo.gif) no-repeat;float:left;width: 156px;height: 26px;display: block;}
div#top-bar h6.network a:hover {background: url(../i/riai-topbar-logo.gif) 0 -26px no-repeat;}	
/*div#top-bar form {padding-top:5px;margin:0;}
div#top-bar .textfield, div#top-bar select.dropdown {background-color: #f7f7f7;font-size: 9px;color: #333;margin:0;}
div#top-bar input.submit {padding:0px;margin:0;font-size:9px;cursor:pointer;} */
li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }

/* WRAP Div Area  
------------------------------------------------------------------ */	
div#wrap {width:960px;margin:0 auto;background:#fff;clear:both;border: 20px solid #6e6e64;border-top: none;}

/* HEADER Div Area  
------------------------------------------------------------------ */	
#header {background:#fff url(../i/iaa-header-bg.gif) top right no-repeat;width:960px;height:152px;margin:0 auto;}
#header h1.logo {text-indent:-9999px;display: block;}
#header h1.logo a {background: url(../i/riai-logo.gif) no-repeat;float:left;width: 150px;height: 150px;}
#header h1.logo a:hover {background: url(../i/riai-logo.gif) 0 -150px no-repeat;}

/* nav + sub nav
----------------------------------------------------- */
#nav {clear:both;background: #9c9c8f url(../i/nav-bg.gif) top left repeat-x;border-top:1px solid #dedede;border-bottom:1px solid #dedede;width:960px; margin:0 auto;padding:0;}
#nav ul {font: bold 11px Verdana;text-transform:uppercase;color: white;margin: 0;padding: 5px;margin-left:10px;}
#nav ul li{display: inline;margin-left: -4px; }
#nav ul li a {padding: 5px 11px 5px 12px;color: white;text-decoration: none;border-right: 1px solid #dedede;}
#nav ul li a.current, div#nav ul li a:hover {background-color: #fff;color: black;}

/* HOMEPAGE BOXES Below Banner Div Area  
------------------------------------------------------------------ */
#hp-news {clear:both;width:370px;margin:10px 0 10px 15px;background:url(../i/homepage-bg-300.gif) bottom left repeat-x;float:left;height:100%;border:1px solid #c5c5c0;}
#hp-news h3.title1 {background:transparent;padding:10px 0 0 10px;}	
#hp-news .gutter {padding:0 2px 15px 15px;}
#hp-news .gutter div.scroll {height:310px;overflow:auto;}	

#hp-events {width:276px;margin:10px 0 10px 10px;background:url(../i/homepage-bg-300.gif) bottom left repeat-x;float:left;height:100%;border:1px solid #c5c5c0;}
#hp-events h3.title1 {background:transparent;padding:10px 0 0 10px;}	
#hp-events .gutter {padding:0 2px 15px 10px;}
#hp-events .gutter div.scroll {height:310px;padding-left:2px;overflow:auto;}

#hp-third {width:260px;margin:10px 0 10px 10px;background:url(../i/homepage-bg-300.gif) bottom left repeat-x;float:left;height:365px;border:1px solid #c5c5c0;}
#hp-third h3 {background:transparent;padding:10px 0 0 10px;}	
#hp-third .gutter {padding:0 2px 15px 15px;}
#hp-third .gutter div.scroll {height:310px;overflow:auto;}

#hp-fourth {width:100%; clear:both;}
#hp-fourth h5 {text-indent:-9999px;}
#hp-fourth h5 a {display: block;float:left;margin: 0 0 15px 14px;}

#hp-fourth h5.working a {background: url(../i/riai-index-bg-working.gif) no-repeat;width: 370px;height: 155px;	}
#hp-fourth h5.working a:hover {float:left;background: url(../i/riai-index-bg-working.gif) 0 -155px no-repeat;}	

#hp-fourth h5.registered a {background: url(../i/riai-index-bg-registered.gif) no-repeat;width: 275px;height: 155px;}
#hp-fourth h5.registered a:hover {float:left;background: url(../i/riai-index-bg-registered.gif) 0 -155px no-repeat;}	

#hp-fourth h5.becoming a {background: url(../i/riai-index-bg-becoming.gif) no-repeat;width: 263px;height: 155px;}
#hp-fourth h5.becoming a:hover {float:left;background: url(../i/riai-index-bg-becoming.gif) 0 -155px no-repeat;}	

#hp-fourth h5.practice a {background: url(../i/riai-index-bg-practice-jobs.gif) no-repeat;width: 275px;height: 155px;}
#hp-fourth h5.practice a:hover {float:left;background: url(../i/riai-index-bg-practice-jobs.gif) 0 -155px no-repeat;}

#hp-fourth h5.working1 a {background: url(../i/working1.gif) no-repeat;width: 201px;height: 101px;}
#hp-fourth h5.working1 a:hover {float:left;background: url(../i/working1.gif) 0 -101px no-repeat;}	

#hp-fourth h5.registered1 a {background: url(../i/registered1.gif) no-repeat;;width: 201px;height: 101px;}
#hp-fourth h5.registered1 a:hover {float:left;background: url(../i/registered1.gif) 0 -101px no-repeat;}	

#hp-fourth h5.becoming1 a {background: url(../i/becoming1.gif) no-repeat;width: 201px;height: 101px;}
#hp-fourth h5.becoming1 a:hover {float:left;background: url(../i/becoming1.gif) 0 -101px no-repeat;}	


h5.working1 {background:#002f65;margin-top:20px;padding:0;text-indent:-9999px;}
h5.working1 a {background: url(../i/working1.gif) no-repeat;float:left;width: 201px;height: 101px;	display: block;text-decoration: none;}
h5.working1 a:hover {float:left;background: url(../i/working1.gif) 0 -101px no-repeat;}	

h5.registered1 {background:#6c6d62;margin:0 10px 0 0;padding:0;text-indent:-9999px;}
h5.registered1 a {background: url(../i/registered1.gif) no-repeat;float:left;width: 201px;height: 101px;display: block;text-decoration: none;}
h5.registered1 a:hover {float:left;background: url(../i/registered1.gif) 0 -101px no-repeat;}	

h5.becoming1 {background:#7594b9;margin:0 10px 0 0;padding:0;text-indent:-9999px;}
h5.becoming1 a {background: url(../i/becoming1.gif) no-repeat;float:left;width: 201px;height: 101px;display: block;text-decoration: none;}
h5.becoming1 a:hover {float:left;background: url(../i/becoming1.gif) 0 -101px no-repeat;}	

h5.practice1 {background:#7594b9;margin:0 10px 0 0;padding:0;text-indent:-9999px;}
h5.practice1 a {background: url(../i/practice1.gif) no-repeat;float:left;width: 201px;height: 101px;display: block;text-decoration: none;}
h5.practice1 a:hover {float:left;background: url(../i/practice1.gif) 0 -101px no-repeat;}

h6.media-monitor {background:#7594b9;margin:20px 10px 90px 0px;padding:0;text-indent:-9999px;}
h6.media-monitor a {background: url(../i/riai-simon-in-the-news.gif) no-repeat;float:left;width: 230px;height: 43px;display: block;text-decoration: none;}
h6.media-monitor a:hover {float:left;background: url(../i/riai-simon-in-the-news.gif) 0 -43px no-repeat;}

h6.action-plan {background:#7594b9;margin:20px 10px 0 0px;padding:0;text-indent:-9999px;}
h6.action-plan a {background: url(../i/api.gif) no-repeat;float:left;width: 230px;height: 100px;display: block;text-decoration: none;}


/* MAIN 2 COLUMN PAGE  
------------------------------------------------------------------ */
#enclose {width:100%;height:100%;margin-bottom:15px;}

#enclose #content {width:700px;float:right;}
#enclose #content .gutter {padding: 10px 80px 20px 20px;}

body#events-page #enclose #content {width:960px;margin:0 auto;}
body#events-page #enclose #content .gutter {padding: 10px 20px 20px 20px;}

#enclose #left-column {width:230px;float:left;}
#enclose #left-column .gutter {padding: 10px 20px 20px 15px;}


/* FOOTER Div Area  
------------------------------------------------------------------ */	
#footer {color:#fff; width:100%;text-align:center;padding:1em 0 1em 0; margin:0;}	
#footer p {text-align:center;padding:5px 0 5px 0;font-size:0.9em;line-height:1.1em;}


/* ---------------------------------------- Events Calendar Styles ------------------------------ */

#event_calendar {
	width: 100%;
	border: none;
	}


.calendarBlank { 
	background-color: #6e6e64;
	width: 14%;
	text-align: center;
	color:#999;
	}

.calendarHeader { 
	color:#EA7A2E; 
	font-weight:bold; 
	font-size:1.3em; 
	padding-bottom:1px; 
	line-height:2.2em; 
	margin: 0px 0px 12px 0px;
	text-transform: uppercase;
}

.calendarMonthLinks {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	color: #FA6E32;
	}

	.calendarMonthLinks a {
		color: #FFFFFF;
		text-decoration: none;
		}

		.calendarMonthLinks a:hover {
			color: #ffffff;
			text-decoration: underline;
			background:none;
			}

.calendarDayHeading {
	font-weight: bold; 
	font-size:	11px;
	color: #fff; 
	background-color: #3871b0;
	text-align:  center;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	}

.calendarToday { 
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #002f65;
	background-color: #aaaa9d;
	}

.calendarCell {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #002f65;
	background: #e6e5df url(../i/calender-cell-bg.gif) bottom left repeat-x;
	width: 14%;
	height: 100px;
	border-left:1px solid #fff;
	}

.event_link {
	padding: 5px 0px 5px 0px;
	}

	.event_link  a {
		color: #002f65;
		text-decoration: none;
		}

	.event_link a:hover {
		text-decoration: underline;
		background:none;
		}


	

.event_details {
	padding:10px; 
	margin: 0px 0px 0px 0px
	}

	.event_details h3 {
		border: none;
		text-transform: none;
		padding: 0px 0px 0px 0px;
		margin: -5px 0px -15px 0px;
		font-size: 1em;
		}	

	.event_details p {
		line-height: 1.5em;
		}