/***********************************************/
/* UW-Richland Main CSS                       */
/***********************************************/

/* In addition to the other 'thank yous' listed below, big thanks go to
   http://www.positioniseverything.net/explorer/doubled-margin.html
   for instructions on how to fix the IE double-margin float bug. */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html{
	margin:0px;
	padding:0px;
}

body{
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #c3c3c3;
}

/************** top navigation *****************/

/* dropdown menu tag styles
   muchas gracias to http://www.htmldog.com/articles/suckerfish/dropdowns/  */

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height:1.0;
	background-color: #eeeeee;
}

#nav a {
	display: block;
	color: #000000;
	text-decoration: none;
}

#nav a:hover {
	color: #f5f5f5;
}

#nav li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0px;
	text-align: center;
	display:inline;
}

#nav li li a {
	width: 15em;
	padding:7px 0px;
	margin: 0px;
	border-bottom: dotted #c3c3c3 1px;
	background-color: #f8f8f8;
}

#nav li li a:hover {
	width: 15em;
	background-color: #cc0000;
	padding:7px 0px;
	margin: 0px;
}

#nav li ul { /* second-level lists */
	width: 15em;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	background: #eeeeee;
	padding: 0px;
	border-right: solid #dedede 1px;
	border-left: solid #dedede 1px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li.sfclear ul {
	left: -999em;	
}

#nav h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:inherit;
}

.navSubhead a{
	display: inline;
	margin: 0px;
	padding: 8px 6px;
	height: auto;
	border-left: 1px dotted #c3c3c3;
	border-right: 1px dotted #c3c3c3;
	background-color: #eeeeee;
}

.navSubhead a:hover{
	background-color: #cc0000;
}

.navSubhead a:active{
	background-color: #cc0000;
}

.navSubfirst a{
	display: inline;
	margin-left: 11px;
	padding: 8px 6px;
	height: auto;
	border-left: 1px dotted #c3c3c3;
	border-right: 1px dotted #c3c3c3;
	background-color: #eeeeee;
}

.navSubfirst a:hover{
	background-color: #cc0000;
}

.navSubfirst a:active{
	background-color: #cc0000;
}

/* end dropdowns */

#topNav form{
	float: right;
	margin: 3px 15px 0px 0px;
	padding:0;
	top:0;
	display: inline; /* IE double-margin float bug fix */
}

#topNav input{
	padding: 0px;
	font-size: .8em;
}

#topNav .navSearch{
	color: #333333;
	background-color: #dedede;
	padding:1px;
}

#topNav a:hover.navSearch{
	color: #f5f5f5;
	background-color: #cc0000;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	margin:15px auto;
	padding:0px;
	width:800px;
	max-width:800px;
	border: solid 1px #999999;
	background-color: #ffffff;
}

#header{
	position:relative;
	padding:0px;
	margin:0px;
	top:0;
	right:0;
	height:169px;
	width:800px;
}

#topNav {
	float: left;
	padding: 0px;
	margin-top: 0px;
	height: auto;
	min-height: 28px;
	width: 800px;
	font: .7em Verdana, Arial, sans-serif;
	background: #f5f5f5 url(../images/topnav_background.gif) repeat top left;
}

#sideNav{
	float:left;
	width:168px;
	top:0;
	left:0;
	padding:0px;
	margin: 10px 10px 10px 10px;
	font: .7em Verdana, Arial, sans-serif;
	background: #f8f8f8 url(../images/sidenav_bottom.gif) no-repeat bottom;
	display: inline; /* IE double-margin float bug fix */
}

#content{
	float:left;
	width:599px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	font: .8em Verdana, Arial, sans-serif;
	line-height: 1.45;
	background: #f8f8f8;
	border: solid 1px #eeeeee;
	display: inline; /* IE double-margin float bug fix */
}

#mainContent{
	float:left;
	top:0px;
	left:0px;
	width:432px;
	margin: 3px 2px 10px 7px;
	padding-right: 7px;
	border-right: dotted 1px #dedede;
	display: inline; /* IE double-margin float bug fix */
}

#callouts{
	float:right;
	width:150px;
	margin:0px;
	display: inline; /* IE double-margin float bug fix */
}


/***********************************************/
/* Component Divs                              */
/***********************************************/

/* image replace styles
   thanks to http://levin.grundeis.net/files/20030809/alternatefir.html */

.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}


/************** header styles ****************/

#header a {
	border:0;
}

#uwcHeader, #uwcHeader span{
      height:17px;
      width:800px;
      background-image: url(../images/uwc_header.gif);
}

#rlnLogo, #rlnLogo span{
      height:152px;
      width:472px;
	  float:left;
      background-image: url(../images/header_image.gif);
	  background-repeat:no-repeat;
}

#rlnHeader, #rlnHeader span{
      height:152px;
      width:188px;
	  float:left;
}

#rlnApply, #rlnApply span, #rlnVisit, #rlnVisit span, #rlnTranscript, #rlnTranscript span, #rlnRegister, #rlnRegister span, #rlnFoundation, #rlnFoundation span, #rlnLibrary, #rlnLibrary span, #rlnSymons, #rlnSymons span{
      height:152px;
      width:140px;
	  float:right;
	  background-repeat:no-repeat;
}

#rlnApply, #rlnApply span{
      background-image: url(../images/header_promo_apply.gif);
}

#rlnVisit, #rlnVisit span{
      background-image: url(../images/header_promo_visit.gif);
}

#rlnTranscript, #rlnTranscript span{
      background-image: url(../images/header_promo_transcript.gif);
}

#rlnRegister, #rlnRegister span{
      background-image: url(../images/header_promo_register.gif);
}

#rlnFoundation, #rlnFoundation span{
      background-image: url(../images/header_promo_foundation.gif);
}

#rlnLibrary, #rlnLibrary span{
      background-image: url(../images/header_promo_library.gif);
}

#rlnSymons, #rlnSymons span{
      background-image: url(../images/header_promo_symons.gif);
}


/************ sectionLinks styles for sideNav section **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-right: solid 1px #c3c3c3;
	border-left: solid 1px #c3c3c3;
}

#sectionLinks a{
	display:block;
	text-decoration:none;
}

#sectionLinks ul{
	list-style: none;
	padding: 0;
	margin: 0;
	line-height:1.1;
	text-align: left;
}

#sectionLinks li{
	text-align: left;
}

#sectionLinks li a:link, #sectionLinks li a:visited {
	text-decoration: none;
	color: #000000;
}

#sectionLinks li a:hover{
	text-decoration: none;
	color: #CC0000;
}

#sectionLinks li a:active{
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}

#sectionLinks li li{
	padding-left: 6px;
	padding-bottom: 7px;
}

#sectionLinks li ul li ul{
	background-color:#eeeeee;
	padding: 4px 0px 0px 6px;
	margin-left:-6px;
}

#sectionLinks li li li a:link, #sectionLinks li li li a:visited {
	text-decoration: none;
	color: #000000;
}

#sectionLinks li li li a:hover {
	text-decoration: none;
	color: #CC0000;
}

#sectionLinks li ul li ul li ul{
	padding: 5px 0px 0px 8px;
	margin-bottom: -6px;
	font-size:.95em;
}

#sectionLinks li li li li a:link, #sectionLinks li li li li a:visited {
	text-decoration: none;
	color:#333333;
}

#sectionLinks li li li li a:hover {
	text-decoration: none;
	color: #CC0000;
}

#sectionLinks h2 {
	margin: 0px 0px 5px 0px;
	padding: 3px 6px;
	font: 1em Verdana, Arial, sans-serif;
	color: #f5f5f5;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	background-color: #333333;
}

#sectionLinks h3 {
	margin: 0px 6px 5px 0px;
	padding: 0px;
	font: .9em Verdana, Arial, sans-serif;
	font-weight:bold;
	background-image:url(../images/sidenav_active_arrow.gif);
	background-repeat:no-repeat;
	background-position: top right;
}

#sectionLinks h3 a:link, #sectionLinks h3 a:visited {
	color:#cc0000;
}

.sideNavlast {
	margin-bottom: 7px;
}


/************** html styles for content section *****************/

#content ul{
	line-height: 1.25;
	padding-left: 30px;
}

#content ol{
	line-height: 1.3;
	padding-left: 30px;
}

#content input{
	margin: 0px;
	padding: 0px;
}

#content table{
	display: table;
	table-layout:auto;
	border-collapse: collapse;
	border-color: #999999;
	background-color: #f8f8f8;
	margin: 20px 0px;
}

#content td{
	padding:4px 3px;
	vertical-align: middle;
}

#content td h3{
	font: bold 1em Verdana, Arial, sans-serif;
	color: #cc0000;
	margin:5px 3px;
}

.tableHead{
	background-color: #dedede;
}


/************** feature styles for content section *****************/

.feature{
	padding: 0px 10px 10px 8px;
	color: #000000;
}

.feature a{
	color: #CC0000;
}

.feature a:visited{
	color: #660000;
}

.feature a:hover{
	color: #990000;
	text-decoration: none;
}

.feature h2{
	font-size: 1.2em;
	font-weight: normal;
	color: #cc0000;
	margin-top:0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	background-image:url(../images/arrows.jpg);
	background-repeat:no-repeat;
	background-position: top left;
}

.feature h3{
	font: bold 1.5em Verdana, Arial, sans-serif;
	color: #333333;
	margin-bottom:-3px;
}

.feature h4{
	font: bold 1.3em Verdana, Arial, sans-serif;
	color: #333333;
	margin-bottom:-9px;
	padding-bottom:0px;
}

.feature h5{
	font: bold 1.1em Verdana, Arial, sans-serif;
	color: #333333;
	margin-bottom:-10px;
	padding-bottom:0px;
}

.feature img{
	margin:0px;
	padding: 0px;
}

.sectionhead{
	top:0;
	margin:0px;
	padding:0px;
}

.imageleft{
	float:left;
	margin: 0px 15px 10px 0px;
	display:inline;
}

.imageright{
	float:right;
	margin: 0px 0px 10px 15px;
	display:inline;
}


/************** homefeature styles for mainContent section on home page *****************/

.homefeature{
	padding: 5px 0px 0px 0px;
	color: #000000;	
}

.homefeature a{
	color: #CC0000;
}

.homefeature a:visited{
	color: #660000;
}

.homefeature a:hover{
	color: #990000;
	text-decoration: none;
}

.homefeature h1{
	font: bold 1.6em Verdana, Arial, sans-serif;
	color: #cc0000;
	margin-top: 5px;
	margin-bottom: 12px;
}

.homefeature h2{
	font: bold oblique 1.3em Verdana, Arial, sans-serif;
	color: #333333;
	margin-bottom: 0px;
}

.homefeature h3{
	font: bold 1.2em Verdana, Arial, sans-serif;
	color: #333333;
	margin-bottom: -12px;
	padding-bottom: 0px;
}

.homefeature h4{
	font: bold 1em Verdana, Arial, sans-serif;
	color: #333333;
	margin-bottom: -9px;
	padding-bottom: 0px;
}

.homefeature img{
	float: left;
	margin:0px;
	padding: 5px 9px 10px 0px;
}


/************** image button styles for callouts section *****************/

#callouts img{
	margin:0px;
	padding:0px;
	border:0px;
}

#calloutWords{
	margin: 0px;
	font: .85em Verdana, Arial, sans-serif;
	line-height: 1.45;
	text-align: right;
	border-bottom: dotted #dedede 1px;
}

#calloutWords a{
	display:block;
	padding: 12px;
	text-decoration:none;
	color: #f5f5f5;
	letter-spacing: .1em;
	background-color: #CC0000;
}

#calloutWords a:hover{
	background-color: #333333;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	font-size: xx-small;
	line-height: 1.25;
	color: #333333;
	text-align: center;
	padding: 6px 0px 7px 0px;
	margin:0px;
	background-color: #dedede;
	border-top: solid 1px #999999;
}

#siteInfo a{
	text-decoration:none;
	color: #CC0000;
	font-weight: bold;
}

#siteInfo a:hover{
	color: #333333;
}

/* these styles will only show if css doesn't apply
   thanks to http://css-discuss.incutio.com/?page=ScreenreaderVisibility  */

.off-left, .hideLinks, .hideLogo {
	position: absolute;
	left: -999em;
	width: 990px;
}


/********************* end **********************/