body { color: black; background-color: white; }

p {}

td {}

a:link { color: blue }

a:visited { color: purple }

a:hover { color: purple }

a:active { color: red }

#Main { height: 1000px;

width: 1000px;
left: 0;
top: 0;
position: absolute;
z-index: 1;
visibility: visible; } 

#NavBar { height: 445px;
width: 200px;
left: -20px;
top: 200px;
z-index: 2;
position: absolute;
visibility: visible; }

#MAIN { 

	position: relative;
    
    width: 863px;
    height: 742px;

	}




#SidePicsFade{
position: absolute;
top: 0px;
left: 0px;
width: 192px;
height: 176px;
background-image: url(../images/SidePicsFade_SO.gif); height: 176px; width: 192px; border: 0px;
}




#DesignII_HeaderFade{
position: absolute;
top: 0px;
left: 192px;
width: 448px;
height: 176px;
background-image: url(../images/DesignII_HeaderFade_SO.gif); height: 176px; width: 448px; border: 0px;
}

#DesignII_BlocksBlue{
position: absolute;
top: 176px;
left: 0px;
width: 32px;
height: 32px;
background-image: url(../images/DesignII_BlocksBlue_SO.gif); height: 32px; width: 32px; border: 0px;
}

#DesignII_Blocks{
position: absolute;
top: 176px;
left: 800px;
width: 32px;
height: 32px;
background-image: url(../images/DesignII_Blocks_SO2.gif); height: 32px; width: 32px; border: 0px;
}

#DesignII_Greyline {
position: absolute;
z-index: -100;
top: 176px;
left: 0px;
height: 32px;
width: 832px;
background-color: #4890ce;
}


#AboutPic{
position: absolute;
top: 208px;
left: 528px;
width: 304px;
height: 160px;
background-image: url(../images/goldengate1.jpg); height: 160px; width: 304px; border: 0px; 
}


#DesignII_BlocksBlueA{
position: absolute;
top: 368px;
left: 528px;
width: 32px;
height: 32px;
background-image: url(../images/DesignII_BlocksBlue_SO.gif); height: 32px; width: 32px; border: 0px;
}

#EmptyBox{
position: absolute;
top: 368px;
left: 560px;
width: 272px;
height: 32px;
background-color:  	#4890ce;
z-index: -100;
/* background-image: url(../images/EmptyBox_SO.gif); height: 32px; width: 272px; border: 0px; */
}

#AddressBar{
position: absolute;
top: 704px;
left: 176px;
width: 496px;
height: 32px;
background-image: url(../images/AddressBar.gif); height: 32px; width: 496px; border: 0px;
}

#footer {
visibility: hidden;
}

#NEWSBOX_Borders{
position: absolute;
top: 400px;
left: 528px;
width: 304px;
height: 240px;
background-image: url(../images/NEWSBOX_Borders.gif); height: 240px; width: 304px; border: 0px;
z-index: -10;
}

#newsbar{
position: absolute;
top: 420px;
left: 538px;
width: 155px;
height: 14px;
z-index: 10;
background-image: url(../images/latestbar3.png); 
background-repeat: no-repeat;
}

#newsbox{
position: absolute;
top: 440px;
left: 538px;
width: 294px;
height: 240px;
z-index: 10;
font: 80%/1.5  "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
/* font-size:1.2em;
 font-family: arial;
font-size:2; */
}



#DesignII_BlocksA{
position: absolute;
top: 176px;
left: 176px;
width: 352px;
height: 32px;
background-image: url(../images/DesignII_Blocks_SO2.gif); height: 32px; width: 352px; border: 0px;
}

#SidePicsFadeA{
position: absolute;
top: 0px;
left: 640px;
width: 192px;
height: 176px;
background-image: url(../images/SidePicsFade_SO.gif); height: 176px; width: 192px; border: 0px;
}

#LargeNavBar{
position: absolute;
top: 208px;
left: 0px;
width: 176px;
height: 528px;
background-image: url(../images/LargeNavBar_SO.gif); height: 528px; width: 176px; border: 0px;
}

#MainContent {
position: absolute;
top: 208px;
left: 187px;
width: 330px;
height: 528px;

}

#NavBar {
position: relative;
width: 188px;
height: 432px;
}

#nav1 {

    visibility: visible;
	position: absolute;
	top: 220px;
	left: 37px;  /* needed so that vert line from largenavbar shows */
/*	list-style: none;  */
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
/*	overflow: hidden;  stops switch @ distance */
	width: 188px;
	z-index: 5;
	}
	
/* #nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
*/
#nav1 a {
	float: left;
	padding: 26px 16px 0 0;  /* 1st parameter controls vert spacing */
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win */
    
	}
	
	
#nav1 a img {height: 0; width: 0; border-width: 0;} 

#nav1 a:hover img {position: absolute; top: -12px; left: 491px; height: 160px;
width: 304px; border-width 0; }

/* #nav a:hover img {position: absolute;
    top: 208px; left: 528px; height: 160px; width: 304px;}

*/	
	
#nav1 a:links {
	background-position: 0 0;
	}

#nav1 a:visited {
	background-position: 0 -52px;
	}
	

/* to assign current page manually-- use modx or php  instead 
if using this need unique body class for each page and entry here*/
body.RSI a#home,
body.About a#about,
body.People a#people,
body.Education a#education,
body.Projects a#projects,
body.Research a#research,
body.Forum a#forum,
body.Join a#join,
body.Journal a#journal,
body.Society a#society,
body.Contact a#contact,
body.Search a#search


  {
	background-position: 0 -26px;
	}

#nav1 a:hover {
	
	background-position: -124px  0px;
	}

#nav1 a:active, #nav1 a.selected {
	background-position: 0 -26px;
	}

	

	

	
/* #about a {
    width: 92px;
	background: url(../images/AboutRSI.gif) top left no-repeat;
	}
*/

#home {
    width: 92px;
	background: url(../images/Home.gif) top left no-repeat;
	} 
	 	
#about {
    width: 92px;
	background: url(../images/AboutRSI.gif) top left no-repeat;
	}  
	
#people {
    width: 92px;
	background: url(../images/people.gif) top left no-repeat;
	} 
	
#education {
    width: 92px;
	background: url(../images/education.gif) top left no-repeat;
	} 
	
#projects {
    width: 92px;
	background: url(../images/projects.gif) top left no-repeat;
	} 
	
#research {
    width: 92px;
	background: url(../images/research.gif) top left no-repeat;
	} 
	
#forum {
    width: 92px;
	background: url(../images/forums.gif) top left no-repeat;
	} 

#join {
    width: 92px;
	background: url(../images/JoinRSI.gif) top left no-repeat;
	} 

#journal {
    width: 92px;
	background: url(../images/journal.gif) top left no-repeat;
	} 
	
#society {
    width: 92px;
	background: url(../images/society.gif) top left no-repeat;
	} 

#support {
    width: 92px;
	background: url(../images/support.gif) top left no-repeat;
	} 

#contact {
    width: 92px;
	background: url(../images/contact.gif) top left no-repeat;
	} 
	
#search {
    width: 92px;
	background: url(../images/search.gif) top left no-repeat;
	} 

/* code fof dynamic searchbox -- to be implemented */
#searchbox {
position: relative;
top: -22px;
left: 120px;
z-index=100;
visibility: hidden;
}



/* modify image locations! */ 

#content a, #sidebar a
{
    color: rgb(97, 130, 0);

}

#content a:hover, #sidebar a:hover
{
    background-color: rgb(97, 130, 0);
    color: rgb(255, 255, 255);
  
}