/* 
Title:		Rave Wireless Style
Firm:       EFX Media - Arlington Virginia
Author: 	Jason Pasch jpasch@efxmedia.com
*/

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: small;
	color: #000018;
	text-align: left;
}

#nav, #nav a, #subnav, #login {display: none}

/* Main Blocks */

#wrap {margin: 0 auto; width: 952px; text-align: left; margin-top: 20px}

#header {width: 952px; background: #fff url(images/divide_repeat.gif) bottom left repeat-x; float: right; margin-bottom: 20px}
#home #header {margin-bottom: 0}

#footer {width: 952px; background: #fff url(images/divide_repeat.gif) top left repeat-x; float: left; margin-top: 20px; padding: 10px 0 50px 0; text-align: right; color: #000018}
#home #footer {margin-top: 0}

#sidenav {width: 223px; float: left; margin-right: 20px; padding: 0; display: inline}
#sidenav li {background-image: none}
#sidenav li a {background-image: url(images/bullet_black.gif); background: #fff url(images/bullet_pink.gif) 0 3px no-repeat; padding-left: 15px}
#sidenav li a:hover {background-image: url(images/bullet_black.gif); color: #000018}
#sidenav li.current a {background-image: url(images/bullet_black.gif); color: #000018; text-decoration: underline}
.current span.trademark {color: #000}
#sidenav li.current ul {margin-top: .5em; padding-bottom: 0}
#sidenav li.current ul li a {font-weight: normal; background-image: none; padding-left: 0}
#sidenav li.current ul li a:hover {text-decoration: none}

#content {float: left; width: 466px}
#content.solutions {float: left; width: 286px}
#content.full {width: 709px}

#promo img {border: 0}

#case_flash {float: left; margin: 0 20px 1.5em 0}

#details {width: 223px; float: left; margin-left: 20px; padding: 0}
#features {width: 219px; float: left; margin-left: 0} 

#login {font-weight: bold; list-style-type: none; float: right}
#login li {float: left; margin-left: 20px}

#portals {background: #fff url(images/divide_repeat.gif) top left repeat-x; float: left; width: 952px; padding: 15px 0 0 0; margin: 0}
#portals div {float: left; width: 223px; margin-right: 20px}

#portals div#students {margin-right: 0}

/* Text */

p {margin: 0; padding: 0 0 1.5em 0; font-size: 95%; line-height: 1.5em}
#home p {line-height: 1.25em}
#sidenav p {color: #000018; line-height: 1.2em; padding-bottom: .5em}
.back {padding-bottom: .5em}

/* Headlines */

h1 {color: #000018; letter-spacing: -.05em; padding: 0 0 .5em 0; margin: 0; font-size: 190%; line-height: .85em}
h2 {color: #000018; font-size: 150%; line-height: .85em; padding: 0 0 .25em 0; margin: 0; line-height: 1.2em}
h3 {color: #6d6e71; padding: 0; margin: .25em 0; font-size: 120%}
h4 {padding: 0 0 .5em 0; margin: 0; font-size: 110%}

#news h2, #sidenav h3 {font-size: 100%; padding: 0; color: #6d6e71; margin: 0}
#news h3 {color: #000018; padding: 0; margin: 0; font-size: 110%}

.news_item h2 {font-size: 190%; line-height: 1em; padding: 0; margin: 0}
.news_item h3 {line-height: 1.2em; padding: 0 0 .75em 0}
#news_events a {font-weight: bold}

.management h2 {padding: 0; font-size: 190%}
.management h4 {padding: 0; color: #6d6e71}

.directors h4 {padding-bottom: 1.5em}

#content.resources h4 {padding-bottom: 0}
#content.resources h2 {padding-bottom: .5em}


/* Links */

a {color: #ec008c}
a:hover {text-decoration: none}

#login a {text-decoration: none; color: #6d6e71}
#login a:hover {color: #ec008c}

/* Lists */

ul {padding: 0 0 .5em 0; margin: 0; list-style: none}
li {padding: 0 0 0 15px; margin: 0 0 1em 0; color: #000018; background: transparent url(images/bullet_black.gif) left 2px no-repeat}

#headlines li {padding-left: 0}

#news_events {margin: 0}
#news_events ul {margin: 0}
#news_events ul li a, #news_events ul li a:hover, #news_events ul li {background-image: none; padding-left: 0}

.c_list {margin-left: 188px; font-weight: bold}
.a_list {margin-left: 190px}
.g_list {margin-left: 243px}

.benefits li {margin-bottom: .5em}

#login li {background: none}

/* Nav */

#header img {float: left}

#navwrap {
	width: 709px;
	text-align: left;
	left: 20px;
	padding: 0;
	margin: 0 0 0 7px;
	float: left;
	position: relative;
}

#nav	{
	width: 709px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 114px 0 40px 0
	}
	
#nav table {border-collapse:collapse; margin:0; padding:0}

#nav ul	{
	width: 709px;
	height: 20px;
	background: url(images/nav.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background-image: none;
	}
	
#nav ul li, #nav ul li a {
	height: 20px;
	display: block;
	}

#nav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
	overflow: hidden
	}
	
#nav ul li:hover ul {visibility: visible}
#nav ul li ul:hover {visibility: visible}
	
#n1 {left: 0; width: 92px}
#n1:hover {left: 0; width: 165px}
#n2 {left: 165px; width: 132px}
#n3 {left: 371px; width: 94px}
#n3:hover {left: 297px; width: 241px}
#n4 {left: 538px; width: 43px}
#n5 {left: 655px; width: 54px}

#n1 a:hover {background: transparent url(images/nav.gif) 0 -20px no-repeat}
#n2 a:hover {background: transparent url(images/nav.gif) -165px -20px no-repeat}
#n3 a:hover {background: transparent url(images/nav.gif) -297px -20px no-repeat}
#n4 a:hover {background: transparent url(images/nav.gif) -538px -20px no-repeat}
#n5 a:hover {background: transparent url(images/nav.gif) -655px -20px no-repeat}

#solutions #n1 {background: transparent url(images/nav.gif) 0 -20px no-repeat}
#contact #n2 {background: transparent url(images/nav.gif) -165px -20px no-repeat}
#company #n3 {background: transparent url(images/nav.gif) -297px -20px no-repeat; left: 297px; width: 241px}
#newsworthy #n5 {background: transparent url(images/nav.gif) -655px -20px no-repeat}

/* Subnav */

#nav ul li ul {
	background: none;
	visibility: hidden;
	padding: 5px 0 10px 0;
	font-size: 120%;
	position: absolute
	}
	
#nav ul li#n3 ul {
	left: -297px
	}
	
#nav ul li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
	}

#nav ul li ul li a {text-indent: 0px; display: inline; font-weight: bold; color: #939598}
#nav ul li ul li {float: left; margin-right: 20px}

#nav ul li#n3 ul li {float: right; margin: 0 0 0 20px}

#n1 ul li a:hover, #n3 ul li a:hover {background: none; color: #ec008c}

/* News */

.news_footer {font-size: 90%; padding-top: 1.5em; background: #fff url(images/divide_repeat.gif) top left repeat-x}
.location {clear: both; display: block}
.intro {padding-bottom: .5em}
.trademark {color: #ec008c}
li:hover span.trademark {color: #000018}
h1.center {background-image: none; text-align: center; padding: 0 0 5px 0; margin: 0}

/* Form */

form {margin-top: 1em}

/* Misc */

#partner_logos img {margin: 0 65px 1.5em 0; padding: 0}
#partner_logos img.third {margin-right: 0}
.current {color: #000018; text-decoration: none; font-weight: bold}
.manage_float {float: right; padding-bottom: 10px}
.f_left {float: left; padding: 0 27px 10px 0}
.f_right {float: right; padding: 0 0 10px 10px}

#pullout {background: transparent url(images/pullout_bg.gif) 0 0 repeat-y; width: 262px; float: right; margin-left: 20px}
#pullout blockquote {background: transparent url(images/pullout_top.gif) 0 0 no-repeat; padding: 20px 15px 0 15px; margin: 0; color: #000018}
#pullout p {background: transparent url(images/pullout_bottom.gif) bottom left no-repeat; padding: 1em 15px 20px 100px; line-height: 1em}

.space {padding-bottom: 1em}

#openings {padding-top: .5em}
#openings li {padding-left: 0; background-image: none}

.next {clear: both; font-size: 120%; font-weight: bold}
.apply, .get {font-size: 120%; font-weight: bold}

#campus_award {width: 234px; float:left; background: #fff url(images/divide_repeat.gif) top left repeat-x; padding: 1.5em 0 0 0; font-weight: bold; line-height: 1.2em; font-size: 85%}
#campus_award img {float: right; margin: 0 0 100px 10px}

#icons p {background: url(images/details/arrow.gif) 425px 0 no-repeat}
#icons img {margin-right: 3px; margin-top: 4px}
#icons img.last {margin-right: 0}

.rule {background: #fff url(images/divide_repeat.gif) bottom left repeat-x; padding-bottom: 1.5em; margin-bottom: 1.5em}
.required {color: #ec008c; padding: 0; font-weight: bold}

/* Forms */

label {display: block}
input, select, textarea {margin-bottom: 1.5em}
input {width: 15em}
input.submit {width: inherit; display: block}
select {width: 33em}
select.role {width: 15em}
textarea {width: 40em}