/* Globals */
.right { float: right; } 
.left {	float: left; }
.center { display: block; text-align: center; margin: 0 auto; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.clear { clear: both; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.left { float: left; margin: 0 10px 0 0; }
img.alignright, img.right { float: right; margin: 0 0 0 10px; }
img.alignmiddle, img.middle { vertical-align: middle; }
.show {	display: block; }
.hide {	display: none; }
/* Note: Make HTML5 elements block-level for consistent styling */
abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video { display: block; }
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =============================================================================
   Primary Styles
   Author: Steve Ambielli
   Last modified: 05-15-15
   ========================================================================== */

html {
	min-height: 100%;
	height: auto;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* font-size 1em = 10px */
	line-height: 1.2em;	
	color: #1a1a1a;
}

input, select, button {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	
    border-radius: 0;
	border: 1px solid #ccc;
}

hr {
	border: 0;
	border-top: 1px solid #bdbdbd;
	height: 1px;
	display: block;	
}

a {
	color: #61116a;
	text-decoration: none;	
}

	a:hover {
		text-decoration: underline;	
	}
	
a.orange-button {
	display: block;
	background: url(../images/btn-orange.jpg) repeat-x;
	border: 1px solid #f47516;
	height: 34px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;	
	padding: 0 30px;
	color: #fff;
}

	a.orange-button:hover {
		text-decoration: none;	
	}
	
a.purple-arrow {
	background: url(../images/ico-arrow-purple.png) 100% 60% no-repeat;	
	padding-right: 20px;
}

a.white-arrow {
	background: url(../images/ico-arrow-white.png) 100% 60% no-repeat;	
	padding-right: 20px;
}

a.black-arrow {
	background: url(../images/ico-arrow-black.png) 100% 60% no-repeat;	
	padding-right: 20px;
}

h2.crossout {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}

	h2.crossout:before {
		content: "";
		display: block;
		border-top: solid 1px #181818;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 50%;
		z-index: 1;
	}
	
	h2.crossout span {
		background: url(../images/bg-grey.jpg) repeat;
		padding: 0 15px;
		position: relative;
		z-index: 5;	
		font-size: 2.9em;
		line-height: 1.1em;
		font-weight: normal;
		color: #181818;			
	}
	
figure.responsive {
	margin: 0;
	padding: 0;	
}	

/* =============================================================================
   Meta Nav
   ========================================================================== */

#meta-nav {
	width: 100%;
	height: 35px;
	background: #2a2a2a;
	font-size: 1.1em;
	line-height: 35px;
	color: #fff;	
}

	#meta-nav a {
		color: #fff;	
	}

	#meta-nav .wedge {
		background: url(../images/wedge.png) no-repeat;	
		width: 22px;
		height: 22px;
		position: absolute;
		top: 34px;
		right: 0;
	}

.meta-content {
	width: 980px;
	margin: 0 auto;	
}

	#meta-nav #meta-links {
		float: left;
		width: 65%;
		overflow: hidden;	
	}
	
		#meta-nav #meta-links ul {
			margin-top: 10px;	
		}
	
			#meta-nav #meta-links ul li {
				display: block;
				float: left;
				border-right: 1px solid #fff;
				padding: 0 10px;
				line-height: 15px;	
			}
			
				#meta-nav #meta-links ul li:last-child {
					border-right: 0;	
				}
	
	#meta-nav #sign-in {
		float: right;
		width: 35%;
		text-align: right;
		position: relative;
		z-index: 9;
	}
	
		#sign-in .login {
			position: absolute;
			top: -999999px;
			right: 0;
			z-index: 1;
			background: #2a2a2a;
			width: auto;
			padding: 10px;
		}
		
			#sign-in .login input[type=text], #sign-in .login input[type=password] {
				border: 1px solid #bdbdbd;
				width: 120px;
				height: 20px;
			}
			
			#sign-in .login .button {
				background: url(../images/bg-login.jpg) repeat-x;
				height: 26px;
				border: 1px solid #560959;
				color: #fff;
				font-weight: 700;	
				padding: 0 8px 2px 8px;
				cursor: pointer;
			}
	
		.sso-sign-in,
		.sso-login { display: none; }

.container {
	width: 980px;
	margin: 0 auto;
}

/* =============================================================================
   Header
   ========================================================================== */
header {}

	header img#logo-ras {
		float: left;
		margin: 15px 0;
	}
	
	header img#logo-ieee {
		float: right;
		margin: 20px 0;	
	}
	
	nav {
		clear: both;
		width: 978px;
		height: 45px;
		border: 1px solid #bdbdbd;	
		background: url(../images/bg-nav.jpg) repeat-x;
		margin: 0 0 10px 0;
	}
	
		nav ul li {
			position: relative;	
			float: left;
		}
	
		nav ul li a {
			float: left;
			display: block;
			font-size: 1.3em;
			line-height: 43px;
			font-weight: 600;
			text-align: center;
			width: 100px;
			height: 45px;
			border-right: 1px solid #bdbdbd;
			color: #1a1a1a;	
		}
		
			nav ul li:first-child {
				display: none;
			}
		
			nav ul li:last-child a {
				border-right: 0;	
			}
			
			/* set widths for main nav */
			nav ul li.item-140 a {
				width: 124px;
				line-height: 15px;	
				padding-top: 7px;
				height: 38px;
			}
			
			nav ul li.item-141 a {
				width: 130px;
				line-height: 15px;	
				padding-top: 7px;
				height: 38px;
			}
			
			nav ul li.item-142 a {
				width: 136px;
			}
			
			nav ul li.item-143 a {
				width: 116px;
				line-height: 15px;	
				padding-top: 7px;
				height: 38px;
			}
			
			nav ul li.item-144 a {
				width: 160px;
				line-height: 15px;	
				padding-top: 7px;
				height: 38px;
			}
			
			nav ul li.item-145 a {
				width: 107px;
				line-height: 15px;	
				padding-top: 7px;
				height: 38px;
			}
			
			nav ul li.item-146 a {
				width: 98px;
				line-height: 15px;	
				padding-top: 7px;
				height: 38px;
			}
	
		nav ul li a:hover, nav ul li.active a:hover {
			background: #470841;
			text-decoration: none;
			color: #fff;
		}
		
		nav ul li.active a {
			/*background: #99022f;*/
			text-decoration: none;
			color: #99022f;
		}
		
			nav ul li ul {
				position: absolute;
				top: 45px;
				left: -999999px;
				z-index: 9;
				border: 1px solid #bdbdbd;
				border-bottom: 0;
				background: #470841;
			}
			
			nav ul li:hover > ul {
				left: -1px;
			}
			
				nav ul li.item-145:hover > ul, nav ul li:last-child:hover > ul {
					left: -123px;					
				}
			
			nav li:hover a, nav li.active:hover a {
				background: #470841;
				color: #fff;
			}
			
				nav ul li ul li:first-child {
					display: block;
				}				
			
				nav ul li ul li a, nav ul li.item-140 ul li a, nav ul li.item-141 ul li a, nav ul li.item-142 ul li a,
				nav ul li.item-143 ul li a, nav ul li.item-144 ul li a, nav ul li.item-145 ul li a, nav ul li.item-146 ul li a {
					width: 200px !important;
					text-align: left;
					padding: 10px !important;
					border-right: 0;
					border-bottom: 1px solid #bdbdbd;
					color: #fff;
					height: auto;
					line-height: normal;
				}	
				
				nav ul li.item-145 ul li a {
					width: 209px !important;	
				}
				
					nav ul li ul li a:hover, nav ul li.active ul li a:hover {
						background: #99022f;
					}
					
					nav ul li.active ul li a {
						background: #470841;
					}
					
				nav ul li ul li {
					position: relative;	
				}
				
					nav ul li ul li ul {
						position: absolute;
						top: -1px;
						left: -99999px !important;
					}
					
					nav ul li ul li:hover ul {
						left: 220px !important;	
					}
					
						nav ul li ul li ul li a, nav ul li.item-140 ul li ul li a, nav ul li.item-141 ul li ul li a, nav ul li.item-142 ul li ul li a,
						nav ul li.item-143 ul li ul li a, nav ul li.item-144 ul li ul li a, nav ul li.item-145 ul li ul li a, nav ul li.item-146 ul li ul li a {
							padding: 10px !important;
							line-height: 25px !important;
							
						}

/* =============================================================================
   Search & Social
   ========================================================================== */
   		
#search {
	float: left;
	width: 277px;
	margin-bottom: 10px;	
}

	#search .search {
		border: 1px solid #bdbdbd;
		height: 35px;
	}
	
		.search input[type=text] {
			border: 0;	
			width: 240px;
			padding: 6px 5px 0 5px;
			font-size: 1.4em;
			font-style: italic;
		}
		
		.search input.button {
			margin-bottom: -2px;	
			cursor: pointer;
			border: none;
		}
		
#social {
	float: right;
	width: 680px;
	margin-bottom: 10px;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 600;	
	clear: right;
}

.ie8 #social {
	width: 692px;	
}

	#social .social {
		float: left;
		width: 550px;
		text-align: right;
	}
	
	.ie8 #social .social {
		width: 540px;	
	}

	#social .social span {
		margin-left: 15px;	
	}
	
	#social iframe {
		margin-left: 10px;	
	}

	#social img {
		margin: 0 0 0 4px;	
	}
	
	#social .custom {
		float: right;
		margin: -2px 0 0 0;
		width: 120px;
	}
	
	
		
#mobile-login, #mobile-menu { display: none; }

/* =============================================================================
   Home page
   ========================================================================== */

#featured {
	float: left;
	width: 645px;
	height: 405px;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;	
}

	#featured img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */	
	}

	#featured .desc {
		width: 605px;
		padding: 10px 20px;	
		position: absolute;
		left: 0;
		bottom: 0;
		background: url(../images/bg-trans.png) repeat;
	}
	
		#featured .desc h3 {
			color: #fff;
			font-size: 2.2em;
			line-height: 1.3em;	
		}
		
		#featured .desc p {
			padding: 8px 0;
		}
		
			#featured .desc a {
				font-size: 1.4em;
				color: #ca426a;
			}

#e-news {
	float: right;
	width: 320px;
	height: 405px;	
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}

	#e-news h3 {
		background: url(../images/bg-e-news.jpg) repeat-x;
		height: 43px;
		font-size: 1.8em;
		line-height: 43px;
		font-weight: 700;
		color: #fff;
		padding: 0 10px;	
	}
	
	#e-news ul {
		border: 1px solid #bdbdbd;
		border-top: 0;
		height: 361px;	
	}
	
		#e-news ul li {
			padding: 15px 10px 0 10px;	
		}
	
		#e-news .date, .latest-box .date {
			color: #757575;
			font-size: 1.2em;
			line-height: 1.2em;
			font-style: italic;	
		}
		
		#e-news h4, .latest-box h4 {
			color: #1a1a1a;
			font-size: 1.7em;
			line-height: 1.2em;
			font-weight: 700;
			padding-bottom: 4px;
		}
		
			#e-news h4 a, .latest-box h4 a {
				color: #1a1a1a;	
			}
			
			#e-news h4 a:hover, .latest-box h4 a:hover {
				color: #61116a;
			}
		
		#e-news .introtext, .latest-box p {
			color: #1a1a1a;
			font-size: 1.4em;
			line-height: 1.2em;
			font-weight: normal;
		}
	
	#e-news .view-all {
		position: absolute;
		top: 14px;
		right: 20px;
		font-size: 1.2em;
		line-height: 1.1em;	
		font-weight: 700;
	}
	
		#e-news .view-all a {
			color: #fff;	
		}

#latest {}

	#latest .latest-box {
		float: left;
		width: 310px;
		margin: 0 25px 25px 0;
		position: relative;	
	}
	
		#latest .latest-box h3 {
			font-size: 1.8em;
			font-weight: 600;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 12px;
			text-transform: uppercase;	
			margin-top: 38px;
		}
	
		#latest #box-1 .view-all {
			position: absolute;
			top: -30px;	
			right: 0;
			font-size: 1.2em;
			line-height: 1.1em;
			font-weight: 700;
		}
		
			#latest .latest-box .view-all a {
				color: #1a1a1a;
			}

	#latest #box-1 {}
	
		#latest #box-1 ul li {
			padding: 15px 0 0 0;
			clear: both;	
		}
		
		#latest #box-1 .feed {
			position: absolute;
			top: 68px;
			left: 0;
			height: 300px;	
			background: url(../images/bg-grey.jpg) repeat;
		}
		
		#latest #box-1 h4 {
			margin-bottom: 0;	
		}
		
		#latest #box-1 ul img {
			float: left;
			margin: 25px 10px 20px 0;	
			width: 160px;
		}		
	
	#latest #box-2 {}
	
	#latest #box-3 {
		margin-right: 0;
	}
	
		.moduletable .latest-events {
			position: relative;	
		}
		
			#latest #box-3 .latest-events .view-all {
				position: absolute;
				top: -36px;
				right: 0;
				font-size: 1.2em;
				line-height: 1.1em;
				font-weight: 700;
				display: block;
			}
	
		.latest-events ul {
			margin-top: 12px;
			list-style-type: none;	
		}
		
			.latest-events ul li {
				font-size: 1.4em;
				line-height: 1.1em;	
				padding-bottom: 12px;
				height: 75px;
				list-style-type: none;	
			}
			
				.latest-events ul li a {
					color: #000;	
				}
				
				.latest-events ul li .event-date {
					float: left;
					width: 57px;
					height: 72px;	
				}
				
					.latest-events ul li .month-01 {
						background: url(../images/cal/month-01.jpg) no-repeat;
					}
					.latest-events ul li .month-02 {
						background: url(../images/cal/month-02.jpg) no-repeat;
					}
					.latest-events ul li .month-03 {
						background: url(../images/cal/month-03.jpg) no-repeat;
					}
					.latest-events ul li .month-04 {
						background: url(../images/cal/month-04.jpg) no-repeat;
					}
					.latest-events ul li .month-05 {
						background: url(../images/cal/month-05.jpg) no-repeat;
					}
					.latest-events ul li .month-06 {
						background: url(../images/cal/month-06.jpg) no-repeat;
					}
					.latest-events ul li .month-07 {
						background: url(../images/cal/month-07.jpg) no-repeat;
					}
					.latest-events ul li .month-08 {
						background: url(../images/cal/month-08.jpg) no-repeat;
					}
					.latest-events ul li .month-09 {
						background: url(../images/cal/month-09.jpg) no-repeat;
					}
					.latest-events ul li .month-10 {
						background: url(../images/cal/month-10.jpg) no-repeat;
					}
					.latest-events ul li .month-11 {
						background: url(../images/cal/month-11.jpg) no-repeat;
					}
					.latest-events ul li .month-12 {
						background: url(../images/cal/month-12.jpg) no-repeat;
					}
					
					.latest-events ul li .event-date .month {
						text-align: center;
						font-weight: 600;
						margin-top: 10px;
					}
					
					.latest-events ul li .event-date .day {
						text-align: center;
						font-weight: 600;
						font-size: 2.7em;
						line-height: 1em;
						color: #fff;
						margin-top: 4px;
					}
				
				.latest-events ul li .event-info {
					float: right;
					width: 245px;	
				}
				
					.latest-events ul li .event-info .small {
						font-size: .8em;
						line-height: 1em;
						color: #757575;
						padding-bottom: 2px;
					}
	
	/*tab content*/
	ul.nav-tabs {}
	
		ul.nav-tabs li {
			width: 76px;
			height: 45px;
			float: left;
			font-size: 2em;
			line-height: 45px;
			font-weight: 700;
			border-bottom: 1px solid #bdbdbd;
			text-align: center;
			border-right: 1px solid #bdbdbd;
			background: #ededed;
		}
		ul.nav-tabs li:last-child {
			width: 77px;
		}		
			ul.nav-tabs li.active {
				background: #fff;
				border-bottom: 1px solid #fff;	
			}
		
			ul.nav-tabs li:first-child {
				border-left: 1px solid #bdbdbd;	
			}
			
				ul.nav-tabs li.active:first-child {
					background: #fff;	
				}
		
			ul.nav-tabs li a {
				color: #1a1a1a;
				display: block;	
			}			
			
				ul.nav-tabs li:nth-child(3n+2) {
					background: #ededed url(../images/bg-tab-shadow-right.png) -1px 0 no-repeat;	
				}
				
				ul.nav-tabs li.active:nth-child(3n+2) {
					background: #fff;	
				}

		
	.tab-content {
		clear: both;
		border: 1px solid #bdbdbd;
		border-top: 0;
		background: #fff;	
	}
	
		.tab-content ul {
			margin: 0 18px;	
		}
		
			.tab-content ul li {
				padding: 20px 0;
				font-size: 1.4em;
				line-height: 1.2em;
				font-weight: 600;
				border-bottom: 1px solid #bdbdbd;	
			}
			
				.tab-content ul li:last-child {
					border-bottom: 0;	
				}
				
			.tab-content ul li a {
				color: #1a1a1a;	
			}
			
	.ie7 #home #easy-links {
		clear: both;	
		margin-bottom: 40px;
		height: 250px; 
	}

/* =============================================================================
   Sub page
   ========================================================================== */
   
#banner {
	width: 980px;
	height: 215px;
	margin-bottom: 15px;
	position: relative;	
}
	
	#banner .intro {
		position: absolute;
		top: 60px;
		left: 660px;
		font-size: 1.6em;
		line-height: 1.2em;
		font-style: italic;
		color: #98012e;	
	}
	
	#banner h3 {
		position: absolute;
		top: 78px;
		left: 660px;
		font-size: 4em;
		line-height: 1.2em;
		font-style: italic;
		font-weight: 700;
		color: #fff;	
	}

#breadcrumbs {
	padding-bottom: 15px;
	border-bottom: 1px solid #bdbdbd;
	font-size: 1.3em;
	font-weight: 600;
	text-transform: uppercase;	
}

	#breadcrumbs a {
		color: #1a1a1a;	
	}
	
#container { overflow: hidden; margin-bottom: 20px; }

#left-col {
	float: left;
	width: 196px;
	padding-top: 20px;
	margin-bottom: 20px;		
	/*margin-bottom: -99999px;
	padding-bottom: 99999px;*/
}

	#left-col ul.menu li {
		font-size: 1.6em;
		line-height: 1.1em;
		font-weight: 600;
		padding-bottom: 10px;
		padding-right: 10px;
	}
	
	#left-col ul.menu li a {
		color: #1a1a1a;	
	}
	
		#left-col ul.menu li a:hover, #left-col ul.menu li.current a {
			/*color: #99022f;*/
			color: #61116a;
		}
	
		#left-col ul.menu li ul {
			margin: 10px 0 0 15px;	
		}
	
			#left-col ul.menu li ul li {
				font-size: .9em;
				line-height: 1.1em;
				font-weight: 600;
				padding-bottom: 8px;
			}
			
				#left-col ul.menu li ul li a, #left-col ul.menu li.current ul li a {
					color: #1a1a1a;	
				}
				
				#left-col ul.menu li ul li.current a {
					color: #99022f;
				}

#main-col {
	float: right;
	width: 762px;	
	padding-top: 20px;
	padding-left: 20px;
	border-left: 1px solid #bdbdbd;
	/*margin-bottom: -99999px;
	padding-bottom: 99999px;*/
}

	.full {
		float: none;
		width: 960px;	
		padding: 0 10px;
	}
	article h1 {
		font-size: 2.2em;
		line-height: 1.2em;
		font-weight: 600;
		color: #98012e;
		margin-bottom: 15px;
	}
	
	article h2 {
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: 600;
		/*color: #98012e;*/
		color: #1a1a1a;
	}
	
	article h3 {
		font-size: 1.5em;
		line-height: 1.2em;
		font-weight: 600;
		/*color: #98012e;*/
		color: #1a1a1a;
	}
	
	article p, article .search {
		font-size: 1.4em;
		line-height: 1.6em;
		padding: 0 0 20px 0;	
	}
	
	article ul {
		margin-left: 30px;
		padding: 0 0 20px 0;
	}
	
	article ul.actions { display: none; }
	
		article ul li {
			font-size: 1.4em;
			line-height: 1.6em;	
			list-style-type: disc;
		}
		
			article ul ul {
				padding-bottom: 10px;
			}
		
				article ul ul li {
					font-size: 1em;
					line-height: 1.4em;	
				}
				
	article .article-info .article-info-term {
		display: none;	
	}
		
	article ol {
		margin-left: 35px;
		padding: 0 0 20px 0;	
	}
	
		article ol li {
			font-size: 1.4em;
			line-height: 1.6em;	
			list-style-type: decimal;
		}
	article .item-page img{
		display: inline-block;
		max-width:100%;
		height:auto;
	}	
	article table {
		border: 1px solid #bcbcbc;
		font-size: 1.4em;
		line-height: 1.6em;
		width: 100%;
	}
	
		article table th {
			background: #2a2a2a;
			color: #fff;
			text-align: left;
			padding: 15px 10px;		
		}
	
		article table td {
			padding: 15px 10px;	
		}
		
			article table tr:nth-child(even) {
				background: #fafafa;	
			}
			
	article #search-searchword {
		border: 1px solid #bdbdbd;
		padding: 4px 2px;
		font-size: 14px;	
	}
			
	article dt.result-title {
		margin-bottom: 5px;	
	}
			
	article dt.result-text {
		margin-bottom: 10px;	
	}
	
	/* Pagination */
	article .pagination ul {
		margin-left: 0;
	}
	
	article .pagination ul li {
		list-style-type: none;
		float: left;
		padding: 0 10px 0 0;
		font-size: 14px;
	}
	
	article .pagination ul li.pagination-prev {
		display: block;
	}
	
	article .pagination ul li.pagination-next {
		float: left;
		display: block;
	}
	
	article .pagination ul li.pagination-start,
	article .pagination ul li.pagination-end { display: none; }
	
	.pageslinks ul li {
		display: inline;
		padding: 0 5px;
		font-size: 1em;
	}
	
	.moduletable .latest-events .view-all {
		position: absolute;
		top: -35px;
		right: 0;	
	}
	
		.moduletable .latest-events .view-all a {
			font-size: 12px;	
			color: #000;
			font-weight: 700;
		}
	
	article .moduletable h3 {
		border-bottom: 1px solid #BDBDBD;	
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	
	article .moduletable.sac-news {
		position: relative;	
	}
	
		article .moduletable.sac-news .view-all {
			position: absolute;
			top: 0;
			right: 0;	
		}
		
			article .moduletable.sac-news .view-all a {
				font-size: 12px;	
				color: #000;
				font-weight: 700;
			}

/* Main Column for ras-meetings */
body#itemid-362 #main-col {
	width: 980px;
}
	
#bot-grey {
	width: 100%;
	background: url(../images/bg-grey.jpg) repeat;	
}

	#bot-grey .shadow {
		background: url(../images/bg-dropshadow.png) no-repeat;
		width: 1008px;
		height: 25px;
		margin: 0 auto;	
	}

#easy-links {}

	#easy-links .box {
		float: left;
		width: 153px;
		height: 223px;
		margin: 0 10px 30px 0;
		background: #fbfbfb;
		border: 1px solid #bdbdbd;
		position: relative;
	}
	
		#easy-links .box:last-child {
			margin-right: 0;	
		}
		
		#easy-links .box .title {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			width: 153px;
			height:	62px;
			font-size: 1.6em;
			font-weight: normal;
			line-height: 48px;
			text-align: center;			
			background: url(../images/bg-easy-link.png) center bottom no-repeat;
			cursor: pointer;
			overflow: hidden;
		}
		
		.ie7 #easy-links .box .title {
			background: #fcfcfc;
			border-bottom: 1px solid #bdbdbd;	
		}
		
			#easy-links .box .double {
				line-height: 1.4em;	
			}
			
				#easy-links .box .title .title-content {
					position: absolute;
					top: 60px;
					left: -999999px;
					/*left: 10px;*/
					text-align: left;
					cursor: default;	
				}
				
					#easy-links .box .title .title-content p {
						font-size: 14px;
						font-weight: normal;
						line-height: 1.3em;
						padding: 0 10px 10px 0;
						width: 120px;
					}
		
			#easy-links .box .title .arrow {
				position: absolute;
				bottom: -12px;
				left: 67px;
				width: 20px;
				height: 12px;
				background: url(../images/bg-easy-link-arrow.png) no-repeat;
				z-index: 999;
			}
			
		#easy-links .box img {
			position: absolute;
			top: 49px;
			left: 0;	
			z-index: 1;
		}
	
/* =============================================================================
   Footer
   ========================================================================== */

footer {
	width: 100%;
	background: #2a2a2a;
	color: #fff;
	padding: 20px 0;
}

	#footer {
		width: 980px;
		margin: 0 auto;
		text-align: center;
	}
	
		#footer img.logo-ieee-white {
			display: none;	
			margin-bottom: 10px;
		}
	
		#footer ul.menu {
			display: block;
			text-align: center;
			margin: 0 auto 10px auto;	
		}
	
			#footer ul.menu li {
				color: #fff;
				display: inline;				
				border-right: 1px solid #fff;	
				padding: 0 10px;
				font-size: 1.1em;
				line-height: 1.2em;
			}
			
				#footer ul.menu li a {
					color: #fff;	
				}
				
				#footer ul.menu li:last-child {
					border-right: 0;	
				}
				
/* Error Messages */
#system-message dd ul {
	margin-left: 0;
	background-position: 4px 5px;
}

#system-message dd ul li {
	list-style-type: none;
	padding: 0 16px;
}

.login-fields {
	padding: 0 0 10px 0;
}

/* =============================================================================
   Calendar
   ========================================================================== */
   
article form#adminForm h3 {
	margin-bottom: 20px;
}

article .rs_edit_inp_small, article .rs_edit_txt {
	background: none !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;	
}

article .rs_button_control {
	font-size: 14px;
	margin-bottom: 10px;
	background: #fafafa;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;		
}

article .rs_events_container .rs_event_detail {
	background: #fff !important;	
	box-shadow: none;
	border-bottom: 1px solid #c8c8c8;
	padding: 20px 0 !important;
	border-radius: 0;
}

article table.rs_table {
	border: none;	
}

article .rs_calendar_events {
	height: 80px;	
}

article .rs_rating_text, article #rs_rating { display: none; }

article p.rsep_date {
	background-image: url(../images/calendar-small.png);
	padding-bottom: 0;
}

article .rsep_contact_block p {
	padding-bottom: 0;
}

article form#adminForm {
	padding-bottom: 60px;
}

article a#rs_calendar_arrow_left, article a#rs_calendar_arrow_right  {
	padding: 5px 10px 7px 10px;
	font-size: 12px;
	font-weight: 700;
	color: #000;
	border: 1px solid #bdbdbd;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 54%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* W3C */
}

article div.fancy-select {
	padding: 5px 10px;
	border: 1px solid #bdbdbd;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 54%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 54%,#eeeeee 100%); /* W3C */
}

article .fancy-select .textSelected {
	padding: 0;
	height: 20px;
	line-height: 20px;	
}

div.fancy-select .arrow {
	padding: 0;
	height: 20px;
	line-height: 20px;
	margin: 2px 0 0 4px;	
}

.fancy-select .colorSelected {
	display: none;
}

ul.fancy-select {
	border: 1px solid #bdbdbd;
	border-bottom: 0;
	border-left: 0;
	width: 215px;
	margin-top: -1px;
}

	ul.fancy-select li, ul.fancy-select li.hasElement {
		float: none;
		background: #fff;
		border: 1px solid #bdbdbd;
		border-top: 0;
		width: 215px;
	}
	
	ul.fancy-select li:hover, ul.fancy-select li.hasElement:hover {
		background: #f4f4f4;
	}
	
	ul.fancy-select li .color, ul.fancy-select li.hasElement span.color {
		width: 15px;
		height: 15px;
		margin: 8px;
	}
	
	select#month ul.fancy-select li span.color, select#month ul.fancy-select li.hasElement span.color,
	select#year ul.fancy-select li span.color, select#year ul.fancy-select li.hasElement span.color {
		display: none;
	}
	
.fancy-select .text {
	width: 70%;
}

/* =============================================================================
   RSComments
   ========================================================================== */

#rscommentsForm {
	width: auto !important;	
}

.rscEditorButtons li {
	list-style-type: none !important;	
}

.rsc_comments_count { margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #BDBDBD; }

/* =============================================================================
   Media Queries
   ========================================================================== */
   
/* Tablets (portrait) ----------- */
@media (min-width: 768px) and (max-width: 979px) {	
	img#logo-ieee, #sign-in, nav, #search, #social, #mobile-login {
		display: none;	
	}
	
	.meta-content, .container, #footer {
		width: 646px;
		margin: 0 auto;
	}
	
		#meta-nav #meta-links {
			width: 100%;	
		}
		
	header {
		width: 646px;
		overflow: hidden;	
	}
	
	#mobile-menu {
		float: right;
		margin-top: 40px;
		display: block;
		width: 40%;
		text-align: right;
	}
	
		#mobile-menu a {
			margin-left: 20px;
			color: #575757;
			font-size: 1.4em;	
			line-height: 1.1em;
			font-weight: 700;
		}
		
		#mobile-menu a.active {
			color: #3b0b3f;	
		}
	
	nav {
		position: relative;
		top: 0;
		left: 0;		
		background: none;
		border: none;
	}
	
	nav ul li a {
		background: #470841;
		width: 616px;
		display: block;
		color: #fff;
		text-align: left;
		padding: 0 15px;
		border-top: 1px solid #fff;
	}
	
		nav ul li:last-child a {
			margin-bottom: 10px;	
		}
	
		nav ul li.active a, nav ul li a:hover {
			background: #99022f;
			color: #fff;	
		}
	
			nav ul li.active ul { 
				position: static;				
				width: 626px !important;
				margin-bottom: -20px !important;
				display: none;
			}
			
				nav ul li.active ul li a {
					width: 626px !important;
					background: #888;
					line-height: 45px;
				}
				
					nav ul li.active ul li a:hover {
						background: #888;	
					}
	
	/* turn off set widths for main nav */
	nav ul li:nth-child(3) a, nav ul li:nth-child(4) a, nav ul li:nth-child(6) a, nav ul li:nth-child(7) a, nav ul li:nth-child(8) a, nav ul li:nth-child(9) a {
		width: 616px;
		line-height: 30px;	
	}
	
	nav ul li:nth-child(5) a {
		width: 616px;
		line-height: 43px;	
	}
	
	nav ul li:hover > ul {
		left: -999999px;
		display: none;
	}
	
	nav ul li a:hover, nav ul li.active a:hover {
		background: #99022f;
		text-decoration: none;
		color: #fff;
	}

	#search {
		position: relative;
		top: 0;
		left: 0;
		width: 646px;
	}
	
		.search input[type=text] {
			width: 606px;
		}
		
	#social {
		float: none;
		width: 646px;
		text-align: center;
		clear: both;
	}
	
		#social .social  {
			width: 460px;	
		}
		
		#social img {
			margin: 0;	
		}
	
		#social .custom {
			margin: 0 0 10px 5px;	
		}
			
		#mobile-login input[type=text], #mobile-login input[type=password] {
			border: 1px solid #bdbdbd;
			width: 260px;
			height: 32px;
			line-height: 32px;
			padding: 0 5px;
			margin: 0 10px 10px 0;	
		}
		
		#mobile-login .button {
			background: url(../images/bg-login.jpg) repeat-x;
			height: 34px;
			border: 1px solid #560959;
			color: #fff;
			font-weight: 700;
			padding: 0 12px 2px 12px;
			cursor: pointer;
		}
		
	#featured {
		float: left;
		overflow: hidden;
	}
	
	#e-news {
		width: 646px;
	}
	
	#bot-grey .shadow {
		background: url(../images/tablet/bg-dropshadow.png) no-repeat;
		width: 768px;
		height: 18px;
		margin: 0 auto;	
	}
	
	#latest #box-2 {
		margin-right: 0;	
	}
	
	#banner {
		width: 646px;
		height: 140px;	
	}
	
		#banner img {
			width: 646px;
			height: 140px;	
		}
		
		#banner .intro {
			top: 20px;
			left: 432px;	
		}
		
		 #banner h3 {
			top: 38px;
			left: 432px;
			font-size: 2em;	
		 }

	#main-col {
		float: right;
		width: 420px;	
		margin-bottom: -99999px;
		padding-bottom: 99999px;
	}
	
		.full {
			float: none;
			width: 748px;	
			padding: 0 10px;
		}
	article .item-page img{
	}	
		
	#easy-links .box {
		margin-right: 90px;	
	}
	
		#easy-links .box:nth-child(3n+3) {
			margin-right: 0;	
		}
		
	#footer img.logo-ieee-white {
		display: block;	
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 767px) {
	#meta-nav, img#logo-ieee, nav, #search, #social, #mobile-login {
		display: none;	
	}
	
	img#logo-ras {
		width: 140px;
		height: 53px;
		padding-left: 10px;
	}
	
	.container, #footer {
		width: 320px;
		margin: 0 auto;
	}
	
	#mobile-menu {
		float: right;
		margin-top: 40px;
		margin-right: 10px;
		display: block;
		width: 50%;
		text-align: right;
	}
	
		#mobile-menu a {
			margin-left: 20px;
			color: #575757;
			font-size: 1.4em;	
			line-height: 1.1em;
			font-weight: 700;
			text-decoration: none;
		}
		
		#mobile-menu a.active {
			color: #3b0b3f;
		}
		
			#mobile-menu a.text-links {
				float: right;
				margin-top: -8px;	
			}
	
	nav {
		width: 320px;
		position: relative;
		top: 0;
		left: 0;		
		background: none;
		border: none;
	}
	
		nav ul li a {
			background: #470841;
			width: 290px;
			display: block;
			color: #fff;
			text-align: left;
			padding: 0 15px;
			border-top: 1px solid #fff;
		}
		
			nav ul li:last-child a {
				margin-bottom: 10px;	
			}
	
		nav ul li.active a, nav ul li a:hover {
			background: #99022f;	
			color: #fff;
		}
		
			nav ul li.active ul { 
				position: static;
				width: 300px !important;
				margin-bottom: -20px !important;
			}
			
				nav ul li.active ul li a {
					width: 300px !important;
					background: #888;
				}
				
					nav ul li.active ul li a:hover {
						background: #888;	
					}
	
	/* turn off set widths for main nav */
	nav ul li:nth-child(3) a, nav ul li:nth-child(4) a, nav ul li:nth-child(6) a, nav ul li:nth-child(7) a, nav ul li:nth-child(8) a, nav ul li:nth-child(9) a {
		width: 290px;
		line-height: 30px;	
	}
	
	nav ul li:nth-child(5) a {
		width: 290px;
		line-height: 43px;	
	}
	
	nav ul li:hover > ul {
		left: -999999px !important;
	}
	
	nav ul li a:hover, nav ul li.active a:hover {
		background: #99022f;
		text-decoration: none;
		color: #fff;
	}
		
	#search {
		position: relative;
		top: 0;
		left: 5px;
		width: 310px;
	}
	
		.search input[type=text] {
			width: 275px;
		}
		
	#social {
		float: none;
		width: 320px;
		text-align: center;
		line-height: 3em;
		clear: both;
	}
	
		#social .social {
			width: 320px;
			float: none;
			text-align: center;	
		}
	
		#social img {
			margin: 0;	
		}
	
		#social a.mobile-clear {
			margin-left: 40px;
			clear: left;	
		}
		
		#social .custom {
			float: left;
			width: 320px;
			text-align: center;
			margin: 10px auto;
		}
		
		#social .custom a.orange-button {
			width: 80px;
			text-align: center;
			margin: 10px auto;
		}
		
	#mobile-login {
		margin-left: 10px;	
	}
			
		#mobile-login input[type=text], #mobile-login input[type=password] {
			border: 1px solid #bdbdbd;
			width: 95px;
			height: 35px;
			line-height: 35px;
			padding: 0 5px;
			margin: 0 9px 10px 0;	
		}
		
		#mobile-login .button {
			background: url(../images/bg-login.jpg) repeat-x;
			height: 34px;
			border: 1px solid #560959;
			color: #fff;
			font-weight: 700;
			padding: 0 8px 2px 8px;
			cursor: pointer;
		}
		
	#featured {
		float: none;
		overflow: hidden;
		width: 320px;
		height: 196px;
	}
	
		#featured .desc h3 {
			width: 280px;
		}
		
	#e-news {
		width: 310px;
		margin-right: 5px;
	}
		
	#bot-grey .shadow {
		background: url(../images/mobile/bg-dropshadow.png) no-repeat;
		width: 320px;
		height: 18px;
		margin: 0 auto;	
	}
	
	#latest .latest-box {
		margin-left: 5px;	
	}
	
	#latest #box-1 {
		height: 780px;	
	}
	
	#banner {
		width: 320px;
		height: 100px;
		background: #3b0b3f;	
	}
	
		#banner img {
			display: none;
		}
		
		#banner .intro {
			top: 6px;
			left: 20px;	
		}
		
		#banner h3 {
			top: 20px;
			left: 20px;	
		}	
			
	#breadcrumbs { display: none; }
	
	#left-col {
		display: block;	
		width: 100%;
		float: none;
	}
	
		#left-col .moduletable {
			display: none;
		}
		
		#left-col .moduletable.show-mobile {
			display: block !important;
		}
		
	#main-col {
		float: none;
		width: 300px;	
		padding: 0;
		margin-bottom: 20px;
		border: 0;
	}
	article .item-page img{
		width:inherit;
		display:block;
	}	
	#easy-links .box {
		margin-right: 1px;
		margin-left: 3px;	
	}
	
		#easy-links .box:nth-child(2n+2) {
			margin-right: 0;	
		}
		
	#footer img.logo-ieee-white {
		display: block;	
	}
}


/* Retina displays ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	a.purple-arrow {
		background: url(../images/ico-arrow-purple-2x.png) 100% 60% no-repeat;	
		background-size: 14px 11px;
	}
	
	a.white-arrow {
		background: url(../images/ico-arrow-white-2x.png) 100% 60% no-repeat;	
		background-size: 13px 10px;
	}
	
	a.black-arrow {
		background: url(../images/ico-arrow-black-2x.png) 100% 60% no-repeat;	
		background-size: 13px 10px;
	}
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/*.clearfix { *zoom: 1; }*/

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}