/* CSS Document */

body {
	background-color:#F5F5F9;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
	margin-bottom:100px;
}

#pagewrap, #workpagewrap {
	position:relative;
	width:850px;
	margin:0 auto;
}

a:link, a:visited {
	text-decoration:underline;
	color: #333;
}

a:hover, a:active {
	text-decoration:none;
	color:#999933;
}



h1 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:30px;
	/* font-weight:bold; */
}

#workpagewrap h1, #lecturearea h1 {
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	/* font-weight:bold; */
}

h2 {
	font-size:12px;
	text-transform:uppercase;
	font-weight:normal;
	margin-top:50px;
}

p {
	margin-bottom: 30px;
}



/* HEADER STYLE */

#header {
	position:absolute;
	left:0;
	top:0;
	width:850px;
	height:200px;
	z-index:100;
}

#logo a {
    position:absolute;
	top:30px;
	left:0;
	margin:0;
	padding: 20px 0 0 0;
    overflow: hidden;
    background-image: url("/img_base/Antonio_Serna.gif"); 
    background-repeat: no-repeat;
	width:200px;
    height: 0px !important; /* for most browsers */
    height /**/:20px; /* for IE5.5's bad box model */
	font-style:normal;
	text-transform:uppercase;
}   

#topmenu {
	position:absolute;
	left:200px;
	top:31px;
	width:650px;
	height:20px;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	border-bottom:#333 1px solid;
}


#topmenu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#topmenu a {
	float: left;
	display:inline;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#topmenu a:hover {
	background-position: 0 -20px;
	}

#topmenu a:active, #topmenu a.selected {
	background-position: 0 -20px;
	}
	

/* HEADER navtop image replacement */

#navwork a {
	width:200px;
	background:url(/img_base/b-works.gif) top left no-repeat;
}

#navinfo a {
	width:200px;
	background:url(/img_base/b-info.gif) top left no-repeat;
}

#navteach a {
	width:170px;
	background:url(/img_base/b-teaching.gif) top left no-repeat;
}



/* SUB NAV STYLE */

#work, #info, #teach {
	position:absolute;
	top:52px;
	left:0;
	width:850px;
	height:150px;
	background-color:#F5F5F9;
}

#xwork, #xinfo, #xteach {
	position:absolute;
	top:125px;
	left:15px;
	width:50px;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win */
}

#xwork:hover, #xwork:active, #xwork.selected, #xinfo:hover, #xinfo:active, #xinfo.selected, #xteach:hover, #xteach:active, #xteach.selected {
	background-position: 0 -15px;
}


#xwork {
	background: url(/img_base/b-x-work.gif) no-repeat 0 0;
}

#xinfo {
	background: url(/img_base/b-x-info.gif) no-repeat 0 0;
}

#xteach {
	background: url(/img_base/b-x-teach.gif) no-repeat 0 0;
}




.navlistgroup {
	width:200px;
	float:left;
	display:inline;
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
}

.navlistgroup li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#work li a, #info li a, #teach li a {
	text-decoration:none;
}

#work li a:hover {
	color:#333;
	background-color:#ffff99;
}

#info li a:hover {
	color:#333;
	background-color:#99ffff;
	text-decoration:none;
}

#teach li a:hover {
	color:#333;
	background-color:#99ff99;
	text-decoration:none;
}


/* BROWSE ASSISTANCE */

#prevtop {
	position:absolute;
	left:770px;
	top:30px;
	z-index:200;
}
	
#nexttop {
	position:absolute;
	right:0px;
	top:30px;
	text-align:right;
	z-index:200;
}

#workpagewrap #prevbot {
	position:absolute;
	left:770px;
	top:560px;
	z-index:200;
}
	
#workpagewrap #nextbot {
	position:absolute;
	right:0px;
	top:560px;
	text-align:right;
	z-index:200;
}

#workpagewrap #noinfo {
	position:absolute;
	left:0;
	top:560px;
	white-space:pre;
	font-size:10px;
}

#prevbot {
	position:absolute;
	left:770px;
	top:260px;
	z-index:200;
}

	
#nextbot {
	position:absolute;
	right:0px;
	top:260px;
	text-align:right;
	z-index:200;
}

#noinfo {
	position:absolute;
	left:0;
	top:260px;
	white-space:pre;
	font-size:10px;
}

#prevtop a, #nexttop a, #prevbot a, #nextbot a {
	text-decoration:none;
}


/* FOR PHP WORK PAGES */

#workimg #prevtop {
	position:absolute;
	left:770px;
	top:-22px;
	z-index:200;
}
	
#workimg #nexttop {
	position:absolute;
	right:0px;
	top:-22px;
	text-align:right;
	z-index:200;
}

#workimg #prevbot {
	position:absolute;
	left:770px;
	top:508px;
	z-index:200;
}
	
#workimg #nextbot {
	position:absolute;
	right:0px;
	top:508px;
	text-align:right;
	z-index:200;
}

#workimg #noinfo {
	position:absolute;
	left:0;
	top:508px;
	white-space:pre;
	font-size:10px;
}


/* CONTENT AREA STYLE */

#workimg {
	position:absolute;
	top:52px;
	left:0;
}

#workinfo {
	position:relative;
	left:200px;
	top:560px;
	width:650px;
	padding-bottom:100px;
}

#infoarea {
	position:relative;
	left:400px;
	top:260px;
	width:450px;
	padding-bottom:100px;
}


.cv {
	width:450px;
	margin:0;
	padding:0;
	list-style:none;
}

.cv li {
	padding:0;
	list-style-type:none;
	white-space:pre;
}


#lecturearea {
	position:relative;
	left:200px;
	top:260px;
	width:380px;
	padding-bottom:100px;
}

#linkroll {
	position:absolute;
	top:310px;
	left:600px;
	width:250px;
	margin:0;
	padding:0;
}

#linkroll ul {
	margin:0;
	padding:0;
	list-style:none;
}

#linkroll li {
	margin:0;
	padding:0;
	margin-bottom:20px;
	list-style-type:none;
}

/* NEWS STYLE */

#newsarea {
	position:relative;
	left:200px;
	top:260px;
	width:650px;
	padding-bottom:100px;
}

#newsarea h1 {
	margin-left:200px;
}

.newswrap {
	position:relative;
	width:650px;
	margin-bottom:60px;
	clear:both;
}

.newswrap img, .newsdate {
	float:left;
	display:inline;
}

.newswrap img {
	margin-bottom:60px;
}

.newsdate {
	margin-left:20px;
}

.newswrap p {
	padding-left:200px;
}