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/MainPicture.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;
}


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



#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;
}

#TemplateBorderA{
position: absolute;
top: 208px;
left: 826px;
width: 6px;
height: 394px;
background-image: url(../images/TemplateBorder_SO.gif);
}

#TemplateBorderB{
position: absolute;
top: 880px;
left: 170px;
width: 6px;
height: 220px;
background-image: url(../images/TemplateBorder_SO.gif);
}

#TemplateBorderC{
position: absolute;
top: 1100px;
left: 170px;
width: 240px;
height: 6px;
background-image: url(../images/TemplateBorder_SO.gif);
}



#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: 177px;
height: 1088px;
width: 632px;
margin: 0px 8px 0px  8px;
overflow: visible;
font-family: Arial, Helvetica, Verdana, Geneva, Sans-Serif;
text-align: justify;
z-index: 100;
}


#footer{
position: absolute;
top: 1090px;
left: 170px;
visibility: hidden;
}


#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: 493px; height: 160px;
width: 304px; }

/* #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.home a#home,
body.AboutRSI a#about,
body.People a#people,
body.Education a#education,
body.Projects a#projects,
body.Research a#research,
body.Forums a#forum,
body.Join a#join,
body.Journal a#journal,
body.Society a#society,
body.Support a#support,
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;
	} 
/* 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);
}