/* CEJ CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#534741;
	}
.container {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:150%;
	}
.ucb {
	background-color:#6e7f61;
	width:100%;
	text-align:center;
	}

/* MAIN NAVIGATION */

.navcontainer {
	width:100%;
	height:38px;
	background-image:url(../images/navBG.gif);
	}
ul.nav {
	margin:0px auto; 
	padding:0px;
	width:760px;
	list-style:none;
	}
ul.nav li {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	}
ul.nav li a {
	display:block;
	height:38px;
	text-indent:-9999px;
	}

body#homepage .navcontainer ul.nav {
	
	}
body#homepage .navcontainer ul.nav li a {
	background-repeat:no-repeat;
	}

a#home:link, a#home:visited, a#about:link, a#about:visited, a#masters:link, a#masters:visited, a#scripps:link, a#scripps:visited, a#projects:link, a#projects:visited {
	background-image:url(../images/nav2.gif);
	}
body#homepage a#home:link, body#homepage a#home:visited, body#homepage a#about:link, body#homepage a#about:visited, body#homepage a#masters:link, body#homepage a#masters:visited, body#homepage a#scripps:link, body#homepage a#scripps:visited, body#homepage a#projects:link, body#homepage a#projects:visited {
	background-image:url(../images/nav1.gif);
	}

a#home:link, a#home:visited {
	width:64px;
	
	background-position:-33px 0px;
	margin-left:33px;
	}
a#about:link, a#about:visited {
	width:98px;
	background-position:-97px 0px;
	}
a#masters:link, a#masters:visited {
	width:146px;
	background-position:-195px 0px;
	}
a#scripps:link, a#scripps:visited {
	width:160px;
	background-position:-341px 0px;
	}
a#projects:link, a#projects:visited {
	width:221px;
	background-position:-501px 0px;
	}
a#home:hover, li:hover a#home {
	background-position:-33px -38px;
	margin-left:33px;
	height:39px;
	}
a#about:hover, body#about a#about, li:hover a#about, li.sfhover a#about {
	background-position:-97px -38px;
	height:39px;
	}
a#masters:hover, body#masters a#masters, li:hover a#masters, li.sfhover a#masters {
	background-position:-195px -38px;
	height:39px;
	}
a#scripps:hover, body#scripps a#scripps, li:hover a#scripps, li.sfhover a#scripps {
	background-position:-341px -38px;
	}
a#projects:hover, body#projects a#projects, li:hover a#projects, li.sfhover a#projects {
	width:221px;
	background-position:-501px -38px;
	}

	
/* SUBMENUS */	

.navcontainer ul.nav li ul {
	position:absolute;
	/*left:-9999px;*/
	display:none;
	background-color:#8c3c18;
	background-image:none;
	top:62px;
	}
.navcontainer ul.nav li:hover ul.subnav, .navcontainer ul.nav li.sfhover ul.subnav {
	display:block;
	/*left:auto;*/
	}
	


ul.subnav {
	margin:0px;
	padding:0px;
	width:200px;
	margin-top:2px;
	border-top:1px solid #6A210B;
	border-right:1px solid #6A210B;
	border-left:1px solid #6A210B;
	
	}
ul.subnav li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #6A210B;
	}
ul.subnav li a:link, ul.subnav li a:visited {
	height:auto;
	color:#FFFFFF;
	text-indent:0px;
	display:block;
	padding:4px;
	text-decoration:none;
	
	}	
ul.subnav li a:hover {
	color:#000000;
	background-color:#E4E4E4;
	}

	
/* BANNERS */
	
body#homepage h1 {
	width:100%;
	height:202px;
	background-image:url(../images/bannerBG1.gif);
	background-repeat:repeat-x;
	background-color:#e5dac9;
	margin:0px;
	padding:0px;
	}
body#about h1, body#masters h1, body#scripps h1, body#projects h1 {
	width:100%;
	height:122px;
	background-image:url(../images/bannerBG2.gif);
	background-repeat:repeat-x;
	background-color:#e5dac9;
	margin:0px;
	padding:0px;
	}
body#homepage h1 a {
	background-image:url(../images/banner1.jpg);
	background-repeat:no-repeat;
	display:block;
	width:760px;
	height:202px;
	margin:0px auto;
	text-indent:-9999px;
	}
body#about h1 a, body#masters h1 a, body#scripps h1 a, body#projects h1 a  {
	background-image:url(../images/banner2.jpg);
	background-repeat:no-repeat;
	display:block;
	width:760px;
	height:122px;
	margin:0px auto;
	text-indent:-9999px;
	}
	
	
	
/* MAIN BODY */

.mainbody {
	background-image:url(../images/contentBG.jpg);
	background-repeat:repeat-x;
	width:100%;
	background-color:#d7c7ae;
	}
.contentcontainer {
	width:760px;
	margin:0px auto;
	}
body#homepage .contentcontainer {
	background-image:url(../images/woodcuts/salamander.jpg);
	background-repeat:no-repeat;
	background-position:70px 0px;
	}
body#about .contentcontainer {
	background-image:url(../images/woodcuts/aspenLeaf.jpg);
	background-repeat:no-repeat;
	background-position:70px 0px;
	}
body#masters .contentcontainer {
	background-image:url(../images/woodcuts/turtle.jpg);
	background-repeat:no-repeat;
	background-position:80px 0px;
	}
body#scripps .contentcontainer {
	background-image:url(../images/woodcuts/mapleLeaf.jpg);
	background-repeat:no-repeat;
	background-position:70px 0px;
	}
body#projects .contentcontainer {
	background-image:url(../images/woodcuts/fish.jpg);
	background-repeat:no-repeat;
	background-position:70px -20px;
	}
.content {
	padding:10px 20px;
	overflow:auto;
	}
.content2 {
	padding:10px 20px;
	margin-left:170px;
	}
	
.contentcontainer img {
	float:right;
	background-color:#FFFFFF;
	padding:8px;
	border:1px solid #666666;
	margin:6px;
	}
	
.container .tinytext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	}
	
/* SIDE NAVIGATION */	
	
ul.sidenav {
	/* background-image:url(../images/sidenavBG.jpg); */
	background-color:#F6EDE0;
	margin:20px 0px;
	padding:2px 0px;
	border:1px solid #999999;
	width:165px;
	float:left;
	list-style:none;
	}
ul.sidenav li {
	padding:0px 0px;
	display:block;
	float:none;
	border-bottom:1px solid #d7cebd;
	margin:2px 2px;
	}
ul.sidenav a:link, ul.sidenav a:visited {
	display:block;
	color:#1b4f88;
	text-decoration:none;
	padding:2px 4px;
	
	height:auto;
	
	}
ul.sidenav a:hover {
	color:#8e2e00;
	}


/* FOOTER */


.footer {
	border-top:3px solid #FFFFFF;
	width:100%;
	color:#EEEEEE;
	font-size:80%;
	line-height:130%;
	
	}
.footer a:link, .footer a:visited {
	color:#EEEEEE;
	}
.footer a:hover {
	color:#d7c7ae;
	}
.footercontent {
	position:relative;
	width:760px;
	margin:0px auto;
	padding-top:5px;
	}
a.wordmark:link, a.wordmark:visited {
	background-image:url(../images/wordmark.gif);
	width:168px;
	height:82px;
	display:block;
	text-indent:-9999px;
	float:left;
	}
.footercontent p {
	margin-top:0px;
	padding-top:10px;
	float:left;
	width:351px;
	}
a.sjmc:link, a.sjmc:visited {
	background-image:url(../images/sjmc.gif);
	width:241px;
	height:82px;
	display:block;
	text-indent:-9999px;
	float:left;
	}
	
	
	
/* H Tags */	
h2 {
	color:#8e2e00;
	font-size:140%;
	background-repeat:no-repeat;
	padding-left:42px;
	padding-top:6px;
	height:40px;
	}
	
h3 {
	font-size:125%;
	color:#344422;
	padding:5px 0px;
	background-image:url(../images/dots.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
body#homepage h2 {
	background-image:url(../images/woodcuts/salamanderSmall.gif);
	}
body#about h2 {
	background-image:url(../images/woodcuts/aspenLeafSmall.gif);
	}
body#masters h2 {
	background-image:url(../images/woodcuts/turtleSmall.gif);
	}
body#scripps h2 {
	background-image:url(../images/woodcuts/mapleLeafSmall.gif);
	}
body#projects h2 {
	background-image:url(../images/woodcuts/fishSmall.gif);
	}	


/* FEATURES */

.feature {
	background-image:url(../images/featureBG.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	background-color:#374131;
	border:3px solid #FFFFFF;
	width:33%;
	vertical-align:top;
	font-size:90%;
	}
.feature a:link, .feature a:visited {
	color:#FFFFFF;
	}
.feature a:hover {
	color:#d7c7ae;
	}
.feature p {
	font-size:118%;
	margin: 0;
	padding-bottom: .6em;
	}
.featuretitle a:link, .featuretitle a:visited {
	text-decoration:none;
	}
	
.content2 table td{
	padding:4px 10px;
	}
tr.headRow {
	color:#FFFFFF;
	background-color:#534741;
	}
	
a:link {
	color:#003366;
	}
a:visited {
	color:#663366;
	}
a:hover {
	color:#990000;
	}