/* expansestyles.css */
/* Expanse Technology Solutions 
   Cascading Stylesheet
   
   You can use this file to learn CSS, but don't copy it
   verbatim in your design. If you do, however, make sure to
   include something about "Steve Loftis | graphic designer"
   in the top of your doc. Thanks!
   
   (c) 2006 Expanse Technology Solutions,
   			Steve Loftis | graphic designer 

*/
			

body 	
	{
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;

		
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}


		

#container
	{
	position: relative;
	width: 750px;
	height: 638px;
	margin: 0 auto;
	
	text-align: left;
	}
		
#navigation
	{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 210px;
	height: 638px;
	
	background-image: url(graphic process/navbg2.gif);
	background-repeat: no-repeat;
	background-color: #990000;
	background-position: 0px 81px;	
	border: 1px solid;
	border-color: #999999;
	}


#logo
	{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 210px;
	height: 81px;
	text-align: left;
	}
			
	
#listofLinks
	{
	position: absolute;
	top: 111px;
	left: 0px;
	
	width: 210px;
	margin: 0px auto;
}

#listofLinks ul
	{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 0px 67px;
	}
	
#listofLinks li
	{

	font-size: 12px;
	font-weight: 200px;
	color: #FFFFFF;

	
	background: url(white_ellipse1.gif) no-repeat;
	list-style: none;
	background-position: left center;
	padding-left: 20px;


	}
	
#listofLinks a
	{
	text-decoration: none;
	color: #FFFFFF;
	}
#listofLinks a:hover
	{
	text-decoration: underline;
	}


/* start the cloning here */
#copyright
	{
	position: absolute;
	top: 268px;
	left: 0px;
	
	width: 210px;
	margin: 0px auto;
}

#copyright ul
	{
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 67px;
	}
	
#copyright li
	{

	font-size: 9px;
	font-weight: 200px;
	color: #FFFFFF;

	
	background: url(white_ellipse1.gif) no-repeat;
	list-style: none;
	background-position: left top;
	padding-left: 20px;
	}
	
#copyright a
	{
	text-decoration: none;
	color: #FFFFFF;
	}
#copyright a:hover
	{
	text-decoration: underline;
	}
	
/* end the cloning */
	
		
#content
	{
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 534px;
	height: 638px;
	background-color: #FFFFFF;
	
	border: solid 1px #999999;
	}	
	
#topgraphic
	{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 317;
	height: 80;
	}	
	
#main
	{
	position: absolute;
	top: 81px;
	left: 0px;
	margin: 0px auto;
	padding: 5px 10px 5px 20px;
	width: 280px;
	height: 557px;
	}	
	
#main p, #main li
	{
	font-size: 11px;
	}
	
#main ul
	{
	padding: 0px 0px 0px 20px;
	}	
	
#main h1
	{
	font-size: 14px;
	font-weight: 200;
	color: #0060a4;
	}
	
#main h3
	{
	font-size: 12px;
	font-weight: bold;
	color: #0060a4;
	}
	
#right
	{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px auto;
	
	width: 217px;
	height: 638px;
		
	}	

#right ul
	{
	padding: 0px 0px 0px 20px;
	}
	
#right p, #right li
	{
	font-size: 11px;
	}

#right h3
	{
	font-size: 11px;
	font-weight: bold;
	}

	
	
/* Subsequent pages use the following modified identifiers */
#subs_container
	{
	position: relative;
	width: 730px;
	height: 1000px;
	margin: 0 auto;
	
	text-align: left;
	}
	
#subs_navigation
	{
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 210px;
	height: 1000px;

	
	background-color: #990000;
	background-image: url('expanse_graphics/navigationbg3.gif');
	background-repeat: no-repeat;	

	border-left: 1px solid #990000;
	border-right: 1px solid #990000;

	}
	
#subs_content
	{
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 520px;
	height: 1000px;
	background-color: #FFFFFF;	
	
	border-right: 2px solid;
	border-right-color: #999999;	
	
	}
	
#subs_leftColumn
	{
	position: absolute;
	top: 82px;
	left: 0px;
		
	width: 240px;
	height: 919px;
		
	margin: 0px auto;
	padding: 5px 20px 0px 20px;
	
	}
	
#subs_leftColumn p, #subs_leftColumn li
	{
	font-size: 11px;
	}
	
#subs_leftColumn ul
	{
	padding: 0px 0px 0px 20px;
	}	
	
#subs_leftColumn h1
	{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
	
#subs_leftColumn h3
	{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
	
#subs_topgraphic
	{
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 480px;
	height: 81px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url('the makings/graphics/topgraphic3.gif');
	}
	
#bottomgraphic
	{
	width: 480px;
	height: 65px;
	
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
#bottomgraphic p
	{
	font-size: 10px;
	text-align: bottom;
	}	
	
#logoline
	{
	width: 480px;
	height: 65px;
	
	position: absolute;
	bottom: 300px;
	right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	
	}
	
	
#subs_rightColumn
	{
	position: absolute;
	top: 82px;
	right: 0px;
		
	width: 200px;
	height: 912px;
		
	margin: 0px auto;
	padding: 5px 20px 0px 20px;
	background-color: #ebebeb;
	
	}
	
#subs_rightColumn p, #subs_rightColumn li
	{
	font-size: 11px;
	}
	
#subs_rightColumn ul
	{
	padding: 0px 0px 0px 20px;
	}	
	
#subs_rightColumn h1
	{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
	
#subs_rightColumn h3
	{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
	
hr {border: 1px;
    border-style: solid;
	border-color: #999999;
	}

h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	}
	
h2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
	
.subs_h1
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	}

a {color: #990000;
   text-decoration: underline;
   }
   
a:hover
	{
	text-decoration: none;
	}