/*This is the core style sheet for my site*/

body{background-color:#696969;font-family:arial;color: #666666;font-size:1em;background-image:url(images/gradient.jpg);background-repeat:repeat;background-position:left;margin:0;}/*background-color was #95b7cd*/




p{font-size:0.8em;text-align:justify;line-height:1.5em;}
h1{text-align:center;font-style: italic;letter-spacing: 5px;color:#000000;}
h2{font-size:1.5em;text-decoration: none;text-align: left;letter-spacing: 5px;font-style:italic;font-variant:small-caps;}
p.footer{font-size:0.6em;text-align: center;font-weight: bold;background-image: url(images/footer-image.jpg);background-position:left center;background-repeat:repeat-x;}
p.footer a:hover{font-size:1.6em;font-weight:bolder;}
h1.center{text-align:center;font-style: italic;letter-spacing: 5px}
.highlight{background-color:yellow;}
.highlight-code{background-color:#f0ffff;}
p.border{border-left:2px inset;border-top:2px inset;display:block;padding:10px;background-color:;}
.line-through{text-decoration:line-through;}
.image-larger a:hover img{width:500px;height:500px}
.screenshot-border{border:2px outset;padding:4px;margin:15px;background-color:aliceblue}




a:link{background-color:;color:#DEB887;text-decoration:none;font-weight: bold;font-style: none;font-size:0.8em;}/*background color was #DEB887*/

a:visited{background-color:;color:#DEB887;text-decoration:none;font-weight: bold;font-style: none;}/*background color was #DEB887*/

a:hover{background-color:none;border-right:0px solid darkcyan;/*bg color was#aaddee*/}

a:active{background-color:none/*was: background-color:#3cc7f0*/}




#header{
background-color:#beige;
border-bottom:none;
border-right:2px inset darkbrown;
border-left:none;
background-image:url(images/headerthree900pxwidth.jpg);
background-position:left center;
padding-bottom:5px; 
padding-top:0px;
background-repeat:repeat-y;
height:150px;/*default 150px*/
width:900px;



}/*note that the only reason the header is(or looks) flush inline with the main-text is because i have removed the bottom-border property and set the colour to that of the bodys color, and the image is sized exatly @ the width of #content(779px)*/




#content{
position:relative;
width:1000px;
/*border:solid red 2px*/
/*margin:auto*/
}/*width for #content was at 779px*/




#navbar{
	position:absolute;
	top:10px;
	left:0px;/*left was -25px*/
	width:140px;
	padding-top:50px;
	padding-bottom:none;
	border:/*2px dotted black*/;
/*width for navbar 22.03.08 135px*/
/*width for navbar most recent @ 180px*/	
}/*width for #navbar was at 198px*/

#navbar ul li{list-style-type:none;margin-left:-25px;margin-bottom:5px;border-bottom:none;
/*border-bottom:2px solid white*/
/*WAS:list-style-type:none;margin:5px;border:4px outset*/
}
#navbar ul li a:link, #navbar ul li a:visited{display:block;color:black;background-color:} /*a:visited & a:link are in a "group selector*/

#navbar ul li a:hover{background-color:none;border-right:0px;font-weight:;padding-bottom:2px;/*background-color was #aaddee*/}

#navbar ul li a:active {background-color:none;/*WAS::background-color:#aaddee;*/}


#navbar ul li a:hover image {width:105px;height:35px;}


#sub-navbar-links ul li {list-style-type:none;border-bottom:none;border-left:1px solid white;margin-left:2px}

#right-nav {position:absolute;
	top:0px;
	padding-top:50px;
	padding-left:0px;
	padding-bottom:50px;
	font-size:0.8em;
	right:0px;
	border-right:1px groove;
	border-left:1px groove;
	/*border-top:1px outset black;*/
	border-bottom:1px groove;
	width:100px;
	font-family:hobo std,arial;
	color:black;
	background-color:white;
}
#right-nav a:link, #right-nav a:visited {
display:block;
margin-bottom:10px;
background-color:aliceblue;
color:black;
font-size:0.8em;
font-weight:normal;
border:1px solid black;
border-left:none;
border-right:none;
}


#right-nav a:hover{
background-color:#aaddee;
font-weight:bold;
color:black
}
	

#main-text{
background-color:white;
border-top:none;
border-left:none;
border-right:/*1px solid black;*/
border-bottom:4px solid black;
margin-left:160px;
margin-right:100px;
padding: 10px;
}/*Note that the margin-left property was set at 198px for #main-text*/

#main-text a:link, #main-text a:visited{background-color:white;text-decoration:underline;}

#main-text a:hover {background-color;none}/* bgcolorwas:#aaddee*/

#main-text ul li {font-family:arial;font-size:0.8em}
#main-text ol li{font-family:arial;font-size:0.8em}
#main-text table td{font-family:arial;font-size:0.8em}



#topic-links ul li {font-family:hobo std,arial;font-size:1em;display:inline;list-style-type:none;padding-right:5px;margin-left:20px;}

#topic-links ul li a:link, #topic-links a:visited{text-decoration:none;color:black;background-color:aliceblue;border:1px outset;padding:10px;border-top: 2px black solid;font-weight:lighter}

#topic-links ul li a:hover{background-color:#aaddee;font-weight:none;color:black}




#horizontal-bar a:link, #horizontal-bar a:visited{font-family:hobo std,arial;display:inline;padding-right:0px;margin-left:-5px;text-decoration:none;background-color:aliceblue;color:black;border:1px outset;padding:10px;padding-left:20px;padding-top:28px;border-top: 2px black solid;font-weight:lighter;}


#horizontal-bar a:hover{background-color:#aaddee;}


#image-one{}/*properties for #image-one were height:134px;width:180px;background-image: url(images/imageone.jpg);background-repeat:no-repeat*/
#image-two{}