/* Lets begin with the link stuff style , This is the MAIN link style used for the navigation and main body*/

a:link { color: black; text-decoration: none; font-weight:bold;}
a:visited { color: black; text-decoration: none; font-weight:bold;} 
a:hover { color: black; text-decoration:underline;} 


a.ImageLink:link { 
					color: black; 
					text-decoration: none; 					
					opacity:.6;
				}
a.ImageLink:visited { 
						color: black; 
						text-decoration: none; 
						opacity:.7;
					} 
a.ImageLink:hover { 
					color: black; 
					text-decoration:underline; 
					opacity:1.0;					
				  }

a.img_afil {
			line-height: 50px;
			margin-left: 200px;
			margin-right: 200px;
			}
/* Common properties*/
body{ 
		background-color: white;		
		font-family: sans-serif;
		/*color: #ffffcc;		*/		
}

/*for the main box of content We are going to split it into div and p*/
div.main { 	
		background-color: #ededed;
		border-style: solid;
		border-width: 1px;
		border-color: black;		
		padding: 3%;
		width: 70%;
		position: relative;
		top: -500px;
		left: 200px;		
		z-index: 1;		
		\-moz-border-radius: 0.5em;
	  }
	  
p.main {
		text-indent: 20px;
		text-align: left;
		z-index: 1;		
	  }

p.title {
			text-align: center;
			z-index: 1;
			font-size: 35;	
			border-bottom-style: dashed;
			border-bottom-width: 1px;
		}	  
/*This is for the title, we need no fancy images yet*/
div.title {	
			font-size: 72px;	
			font-family:Trebuchet MS;
			text-decoration: bold;
			text-align:center;
		}
/*We are going to use this to display the time of a post on the main page in the title thing*/
time{
		font-size: 12px;
		text-align: right;
		position: relative;
		left: 35px;
		top: 5px;
	}
/*Now for the table stuff for the navigation
First up is the top part of the nav bar
*/
div.TopNav {			
			z-index: 3;
			text-align:center;
			font-weight:bold;
			font-family:Trebuchet MS;
			font-size:14px;
			background-color: #ededed; 
			border-style: solid;
			border-width: 1px;
			border-color: black;
			position: relative;
			left: -3px;
			top: 50px;
			width: 228px;

		  }
		
/*Attempt at a shadow (stolen)*/		  
div.img-shadow {
					z-index: 3;
					float:left;
					background: url(shadowAlpha.png) no-repeat bottom right !important;
					background: url(shadow.gif) no-repeat bottom right;
					margin: 10px 0 0 10px !important;
					margin: 10px 0 0 5px;
				}
				
/*Next up is the bottem part of the nav bar*/
div.BotNav {
			z-index: 2;	
			font-family:Trebuchet MS;				
			font-weight:bold;
			font-size: 14px;
			background-color: #f4f4f4; 
			border-style: solid;
			border-width: 1px;
			border-color: black;
			position: relative;
			top: 45px;	
			left: 5px;
			padding-left: 2%;
			width: 188px;
			line-height: 28px;
			text-align: left;
						
		 }

/*We are going to use this style for the town columns on something like the programming page.*/
td.TwoColumn {
				border-right-style: dashed;
				border-right-width: 1px;
				border-left-style: dashed;
				border-left-width: 1px;
				text-align: center;
				width: 500px;
				padding: 2%;	
				line-height: 20px;
			}
td.TwoColumn2 {
				border-right-style: dashed;
				border-right-width: 1px;
				text-align: center;
				width: 500px;
				padding: 2%;	
				line-height: 20px;
			 }
div.copyright{ 	
		text-align:center;
		background-color: #ededed;
		border-style: solid;
		border-width: 1px;
		border-color: black;		
		width: 70%;
		height:25px;
		position: relative;		
		top: -490px;
		left: 225px;
		z-index: 1;		
		\-moz-border-radius: 0.5em;
	  }
	  
h6.copyright{
		position: relative;
		top: -20px !important;
		top: 2px;
		}
		
/*This is for the links on the FIRST programming page*/
div.TextLinkButton{		
					line-height:50px;
					color:black;
					background-color:white;
					border-color:black;
					border-style:solid;
					border-width:2px;
					font-size:22px;					
					padding-top:1%;
					padding-bottom:2%;
					padding-left:10%;
					padding-right:10%;
				}