/* CSS Document -srquinn.com homepage styles */

#outside {
width: 808px;
	\width: 828px;
	w\idth: 808px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	height:600px;
}

/*changed for resume page*/
#left { width: 475px; height:436px;
	position:absolute;
	top: 111px;
	left: 1px;
	z-index:1;
	background-image: url(library/brule-rl.gif); background-position:bottom; background-repeat:no-repeat;
	
}

#left-banner {position:absolute; top:8px; left:10px; z-index:0; width: 418px; height:55px;
	
}


#left h4 { font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left: 18px;
	font-size:0.8em;
	font-style:italic;
	font-weight:500;
	color: rgb(66, 77, 43);
	display:inline;
	
	}
	
/*note: resume banner includes the full rule across the top and the left strip */
	
#banner { width:841px; 
	height:322px;
	position: absolute;
	top: 78px;
	left: 0px;
	background-image:url(library/resume-banner.gif);
	background-repeat:no-repeat;
	background-position:left;
	z-index:0;
}

#banner h1 {visibility:hidden;}


#nav-home {
	width: 322px;
	height: 385px;
	position: absolute;
	left: 486px;
	top: 150px;
}

.homenav {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	list-style-type: none;
	text-align:right;
	line-height: 150%; 
	margin: 0px;
	padding: 0px;
	color: rgb(66, 77, 43)
	}

/*top changed for resume page*/
#footnote {width: 370px; height:27px;
	top:546px; left:472px;
	background-image: url(library/brule-rr.gif); background-repeat:no-repeat; background-position:top; 
	position:absolute;
	z-index:3;
	
}

#footnote h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight:200;
	text-align:right;
	padding:3px 0px;
	margin:0px;
}
a:link {
	color: rgb(142, 149, 116);
	text-decoration: none;
}
a:visited { text-decoration: none; color: rgb(102, 135, 82) }
a:active { text-decoration:none}
a:hover { color: rgb(66, 77, 43); text-decoration:none; }

/*BELOW THIS NOTE ARE THE CSS STYLES for the RESUME TEXT HTML - ACTUAL RESUME*/

h2 { font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-style:italic;
	font-weight:400;
	display:block;
	padding-bottom:5px;
	margin:0px;
	color: rgb(66, 77, 43);
}

.resume {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight:300;
	text-align:left;
	padding: 0px 2px 2px 10px ;
	margin: 0px;
	vertical-align:text-top;
	width: 400px;
}

.t-space { height:8px; display:none;}

.title {font-style:italic; font-weight:400;}
.year {font-weight:400; color:rgb(66, 77, 43); text-align:left; vertical-align:top;}

#scroll {
	position:absolute;
	height:16px;
	vertical-align:middle;
	width: 22px;
	left: 471px;
	top: 374px;
}

/*these are for the arrows/scrolling*/

#up a {display:block; background:url(library/up-arrow.gif) left; width:11px; height:11px; }
#up a:hover { background:url(library/up-arrow.gif) no-repeat right;}
#down a {display:block; background:url(library/down-arrow.gif) left; width:11px; height:11px}
#down a:hover {background:url(library/down-arrow.gif) right no-repeat}