body{
	background-image: url(expandable/background.jpg);
	font-family: verdana;
	font-size: 10pt;
	margin: 0px;
}
/*contains all the divs that make up the top portion of the page. contains repeating graphic in order to make horizontal expansion seamless*/
div#Banner{
	position: relative;
	top: 0px;
	height: 240px;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	min-width: 956px;
	background-image: url(expandable/bannerstrip.jpg);
	background-repeat: repeat-x;
	z-index: 0;
}
	/*contain the images that separate in order to make the page horizontally sizable*/
	div#BannerLeft{
		position: absolute;
		top:0px;
		left: 0px;
		width: 513px;
		height: 240px;
		background-image: url(expandable/leftbanner.jpg);
		background-repeat: no-repeat;
		z-index: 2;
	}
	div#BannerRight{
		position: absolute;
		top:0px;
		right: 0px;
		width: 443px;
		height: 240px;
		background-image: url(expandable/rightbanner.jpg);
		background-repeat: no-repeat;
		z-index: 2;
	}
	
	/*contains the image of the mountains... or whatever images will be there in future*/
	div#Graph{
		position: absolute;
		top: 38px;
		right: 185px;
		width: 745px;
		height: 121px;
		background-image: url(expandable/mountain.gif);
		background-repeat: no-repeat;
		z-index: 4;
	}
	/*contains the stylized mountain in the logo*/
	div#ALL{
		position: absolute;
		top: 83px;
		left: 6px;
		width: 520px;
		height: 144px;
		background-image: url(expandable/all.gif);
		background-repeat: no-repeat;
		z-index: 5;
	}
	/*contains the logo lettering*/
	div#Logo{
		position: absolute;
		top: 40px;
		left: 50px;
		width: 356px;
		height: 72px;
		background-image: url(expandable/logo.gif);
		background-repeat: no-repeat;
		z-index: 4;
	}
	
/*container for top navigation links*/
	div#MainNav{
		position: absolute;
		top: 5px;
		left: 140px;
		height: 25px;
		width: 55%;
		z-index: 100;
		text-align: center;
	}
/*container for ALL user-specific links in the top right*/
	div#UserNav{
		position: absolute;
		top: 48px;
		right: 11px;
		height: 20px;
		width: 220px;
		z-index: 101;
		text-align: center;
	}
/*formatting the actual content in the top and user-specific links*/	
		#MainNav ul#primary {
			padding: 0px;
			position: absolute;
			top: 3px;
			left: -30px;
		}
		#UserNav ul#primary {
			padding: 0px;
			position: absolute;
			top: 3px;
			left: -20px;
		}
		#MainNav ul#primary li, #UserNav ul#primary li {
			display: inline;
			list-style: none;
		}
		#MainNav ul#primary a:hover, #UserNav ul#primary a:hover  {
			color: #ffffff;
		}
		#MainNav ul#primary a, #MainNav ul#primary span, #UserNav ul#primary a, #UserNav ul#primary span{
			display: block;
			float: left;
			text-decoration: none;
			font-family: georgia;
			color: #ffff00;
			font-weight: bold;
			border-right: 1px dotted #66ccff;
		}
		#MainNav ul#primary a, #MainNav ul#primary span{ 
			padding-right: 2%;
			padding-left: 2%;
		}
		#UserNav ul#primary a, #UserNav ul#primary span{
			font-size: 8pt;
			padding-right: 4%;
			padding-left: 4%;
		}
		#MainNav ul#primary a.current, #MainNav ul#primary a.current:hover, #UserNav ul#primary a.current, #UserNav ul#primary a.current:hover {
			color: #66ccff;
			font-weight: bold;
		}
		#MainNav ul#primary li.last-child a, #MainNav ul#primary li.last-child span, #UserNav ul#primary li.last-child a, #UserNav ul#primary li.last-child span{ 
			border-right: none;
			padding-right: 0px;
		}
		
/*container for search bar and button*/
	div#Search{
		position: absolute;
		top: 7px;
		right: 11px;
		height: 30px;
		width: 270px;
		z-index: 101;
		text-align: right;
		padding-right: 5px;
	}
	
/*contains breadcrumb navigation*/
	div#Breadcrumb{
		text-align: left;
		position: absolute;
		top: 173px;
		left: 200px;
		height: 20px;
		width: 50%;
		overflow: hidden;
		z-index: 99;
		font-size: 10pt;
		color: #990000;
		padding-top: 3px;
	}
/*formatting the breadcrumb links*/
		#Breadcrumb a{
			font-family: georgia;
			font-style: italic;
			font-size: 10pt;
			color: #990000;
			text-decoration: none;
		}
		#Breadcrumb a.current { font-style: normal; }
		#Breadcrumb a:hover, #Breadcrumb a.current:hover{ text-decoration: underline; }
		
		
		
/*contains all the divs that make up the meat of the page. expands horizontally*/
div#Main{
	text-align: left;
	position: relative;
	top: 0px;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	min-width: 956px;
	min-height: 230px;
	background: #ffffff;
	z-index: 1;
}

/*These are stylistic divs which exist solely to ensure that the repeating images on the right and the left repeat all the way down to the footer. They contain no content on the page.*/
	div#SubNav{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 215px;
		height: 100%;
		background-image: url(expandable/column1.jpg);
		background-repeat: repeat-y;
		z-index: 1;
	}
	div#ExtraNav{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 212px;
		height: 100%;
		background-image: url(expandable/extranav.jpg);
		background-repeat: repeat-y;
		z-index: 1;
	}
	
/*contains the left navigation links*/
	div#Column1{
		display: block;
		position: relative;
		top: 0px;
		float: left;
		min-height: 600px;
		width: 215px;
		background-image: url(expandable/subnav.jpg);
		background-repeat: no-repeat;
		overflow: inherit;
		z-index: 5;
	}
	
/*contains the content of the page*/	
	div#Column2{
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-left: 217px;
	margin-right: 212px;	
	padding-bottom: 100px;
	min-height: 690px;
	min-width: 300px;
	overflow: inherit;
	z-index: 4;
}
	
/*contains the right navigation links*/
	div#Column3{
	position: relative;
	top: 0px;
	right: 0px;
	float: right;
	width: 212px;
	min-height: 600px;
	overflow: inherit;
	z-index: 5;
	/*Added*/
	padding-left: 30px;
	padding-right: 13px;
}

/*NOTE: because of current h1 formatting for the left- and right-hand navigation columns, each ul MUST contain an li, even if it is empty. to change this, you must change the bottom margin of the headers... and find another way to make the dotted border lines match up*/	
/*formatting the content of the left and right navigation links*/
		#Column1 ul, #Column1 td span {
			padding-left: 0px;
			position: relative;
			width: 155px;
			/*left: -15px;*/
			border-left: 1px dotted #ffff00;
			padding-bottom: 5px;
           /* padding-top: 0px;*/
            color: #66ccff;
            /*padding-left: 5px;
            margin: -5px 47px -20px 20px;       */ 
            border-bottom: 1px dotted #ffff00;  
            font-size: x-large;                
		}
		
		#Column1 td span{
			left: -17px;
			
		}
		
		/*#Column1 ul li{
			display: block;
			list-style: none;
			padding-left: 10px;
			margin-top: 8px;
		} */
        /*#Column1 ul li { width: 138px; }*/
        /*#Column1 ul a, #Column1 ul span{*/
       
        #Column1 ul a, #Column1 td a{
		      position: relative;
            font-size: 8pt;
            font-family: verdana;
            font-weight: normal;
            color: #ffffff;
            text-decoration: none; 
				left: -22px;
	
        }
       
        /*    	font-family: verdana;
            font-size: 8pt; 
            float: none;
            display: block;  
            text-decoration: none;
            font-weight: normal;
            left: -50;
              color: #ffff00;
            border-bottom: none;
        */
       
        /*#Column1 ul a, #Column1 ul span { color: #ffffff; } */
        #Column1 ul a:hover, #Column1 td a:hover{
            color: #66ccff;
            text-decoration: underline;
            border-bottom: none;
        }
        #linkhilight a:hover{
            color: #66ccff;
            text-decoration: underline;
        }
        #Column3 ul {
            padding-left: 0px;
            position: relative;
            width: 180px;
            left: -30px;
           /* border-left: 1px dotted #990000; */
            padding-bottom: 10px;
        }
        #Column3 ul li{
            display: block;
            list-style: none;
            padding-left: 10px;
            margin-top: 8px;
        }
		#Column3 ul li { width: 169px; }
		#Column3 ul a, #Column3 ul span{
			display: block;
			float: left;
			font-family: verdana;
			font-size: 8pt;
			text-decoration: none;
			font-weight: normal;
            left: -50;
		}
		#Column3 ul a, #Column3 ul span{ color: #990000; }
		#Column3 ul a:hover{
			color: #990000;
			text-decoration: underline;
		}
        .spacer{
            padding-bottom: 35px;
            font-size: 12pt;
            font-family: verdana;
            text-align: center;
        }

	
	
/*contains all the divs that make up the footer of the page. contains repeating graphic in order to make horizontal expansion seamless*/
div#Footer{
	position: relative;
	clear: both;
	bottom: 0px;
	height: 44px;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	min-width: 956px;
	z-index: 2;
	background-image: url(expandable/footerstrip.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

	/*contain the images that separate in order to make the page horizontally sizable*/
	div#FooterLeft{
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 44px;
		width: 513px;
		z-index: 2;
		background-image: url(expandable/leftfooter.jpg);
		background-repeat: no-repeat;
	}
	div#FooterRight{
		position: absolute;
		bottom: 0px;
		right: 0px;
		height: 44px;
		width: 443px;
		z-index: 2;
		background-image: url(expandable/rightfooter.jpg);
		background-repeat: no-repeat;
	}
	
/*contains the bottom links*/
	div#Copyright{
		position: relative;
		top: 15px;
		height: 20px;
		text-align: center;
		font-size: 8pt;
		color: #66ffcc;
		padding-top: 5px;
		z-index: 3;
	}
		/*formatting the bottom links*/
		#Copyright ul {
			position: relative;
			width: 100%;
			margin: auto;
			top: 0px;
			padding-bottom: 3px;
		}
		#Copyright ul li{
			display: inline;
			list-style: none;
			padding: 0px 4px;
			text-align: center;
			border-right: 1px dotted #66ccff;
		}
		#Copyright ul a, #Copyright ul span{
			display: inline;
			font-family: verdana;
			font-size: 8pt;
			text-decoration: none;
			font-weight: normal;
			color: #ffffff;
		}
		#Copyright ul a:hover{ text-decoration: underline; }

/*most of the site is Verdana font, 10pt*/
p{
	color: black;
	font-family: verdana;
	font-size: 10pt;
}

/*the big text headers are all italic Georgia font*/
h1{
	display: block;
	font-size: 18pt;
	font-family: georgia;
	font-weight: 100;
	font-style: italic;
}
/*NOTE: because of current h1 formatting for the left- and right-hand navigation columns, each ul MUST contain an li, even if it is empty. to change this, you must change the bottom margin of the headers... and find another way to make the dotted border lines match up*/
/*formats the headers in the left navigation column*/
	#Column1 h1{
		color: #66ccff;
		padding-left: 5px;
		margin: -5px 47px -20px 20px;
		border-bottom: 1px dotted #ffff00;
	}
	
/*formats the main header of the main content section*/
	#Column2 h1#PageHeader{
		position: absolute;
		top: -35px;
		left: 40px;
		width: 90%;
		font-size: 20pt;
		border-left: 1px dotted #990000;
		border-bottom: 1px dotted #990000;
		padding-left: 7px;
		margin-bottom: 5px;
		color: #003366;
	}
	
/*formats the top header of the right hand column. The text in this header should probably stay consistent throughout every page and should describe what sorts of links you can find in the right hand navigation*/
	#Column3 h1#Header{
		position: absolute;
		top: -50px;
		right: 5px;
		width: 80%;
		text-align: right;
		color: #66ccff;
		padding-right: 5px;
		margin: -5px 21px -20px 10px;
		border-bottom: 1px dotted #ffff00;
	}
	
/*formats the section headers in the right hand navigation column*/
	#Column3 h1.Column{
		text-align: right;
		color: #003366;
		padding-right: 5px;
		margin: -5px 21px -20px 10px;
		border-bottom: 1px dotted #990000;
	}
	
	
	
/* Link class order matters: link, visited, hover, active */
a:link, a:visited{
	color: #990000;
	text-decoration: underline;
}
a:hover{ text-decoration: none; }


/* input type=button*/
input.btn{
	font-size: 8pt;
	font-family: verdana;
	color: #003366;
	border: 1px solid #003366;
	background: #66ccff;
	padding: 2px 0px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*input type=text*/
input.text{
	color: #000000;
	font-size: 10pt;
	border: 1px solid #003366;
}

img{
	border: 1px solid #003366;
	margin: 5px;
}