/* --------------------------------------------------------------------------
   layout.css, Control Main Layout of Page           Written By Martin McCann
   16/10/2008, Version 1.0                                   martin@bedev.net 
   --------------------------------------------------------------------------
   CSS to control the main layout of the page. 

   Tested in ie7, firefox 2 and Opera 9. 
   ----------------------------------------------------------------------- */

/* ----- Standard html tags ---------- */ 

html, body { 
	margin: 0; 
	padding: 0;
	background: url('../images/background.gif'); 
	font-family: arial; 
	font-size: 10pt; 
	min-width: 620px; 

}

h1 { 
	text-align: center; 
	font-size: 13.5pt; 
	font-weight: normal; 
	margin-top: 14px; 
	padding-top: 6px; 
}

p { 
	padding: 2px 0px 2px 30px; 
}

/* ----- Layout --------------------- */

#Margins { /* Render the margins */ 
	margin-left: 24px;   /* 24 */
	width: 775px; 
	float: left; 
	border-left: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	min-height: 100%;
	overflow: hidden; 
}

#ShadowContainer { /* Contains the main page and the margins */ 
	width: 810px; 
	overflow: hidden; 
	height: 100%; 
}

#PageShadow { /* The Shadows */ 
	background: url('../images/RightShadow.gif') repeat-y; 
	width: 10px; 
	float: right; 
	height: 100%; 
	/* The following settings are a gludge to ensure all columns are the same length - together with the 
	   overflow setting set to hidden of the containing div, this will ensure it stretches to the entire 
	   containing div */ 
  	padding-bottom: 20000px;  
    margin-bottom: -20000px;


} 

/* ----- Top section ---------------- */ 

#Banner { /* Contains all of the top section */ 
	Background: url('../images/BannerBg.gif'); 
	height: 103px; 

}

#BannerTitle {
	font-size: 24pt;
	font-width: 700; 
	height: 103px; 
	color: #FFFFFF; 
	padding-left: 40px; 
	padding-top: 70px; 
}

#BannerRight { 
	/*background: url('../images/BannerRight.gif') no-repeat;*/
	/*z-index:5*/
	float: right;
	height: 103px; 
}

#BannerLeft { 
		background: url('../images/BannerLeft.gif') no-repeat; 
		height: 103px; 
}

/* ----- The main column section ---- */ 


.BannerShadow { /* Displays the shadow under the banner */ 
	background: #e7ebe6 url('../images/shadow.gif'); 
	height: 13px; 
	font-size: 1pt; 
}

#Container { /* Holds the three columns, used to stretch columns to uniform size */ 
	background: #dcd9d4; 
}

#MenuPane { /* Right hand menu Pane for the buttons */ 

	float: right; 
	background: #e7ebe6; 
	width: 166px; 
	margin: 0px; 
	height: 100%; 

	/* The following settings are a gludge to ensure all columns are the same length - together with the 
	   overflow setting set to hidden of the containing div, this will ensure it stretches to the entire 
	   containing div */ 

    padding-bottom: 20000px;  
    margin-bottom: -20000px;

}

#SplitterPane { /* The right hand splitter pane */ 
	float: right; 
	background: url('../images/SplitterBg.gif'); 
	width: 129px; 
	margin: 0px; 
	height: 100%; 
	/* The following settings are a gludge to ensure all columns are the same length - together with the 
	   overflow setting set to hidden of the containing div, this will ensure it stretches to the entire 
	   containing div */ 

  	padding-bottom: 20000px;  
    margin-bottom: -20000px;
}

#MainPane { /* --- For the main content of the site */ 

	background: #dcd9d4;
	margin: 0px; 
	height: 100%; 
	width: 480px; 

	/* The following settings are a gludge to ensure all columns are the same length - together with the 
	   overflow setting set to hidden of the containing div, this will ensure it stretches to the entire 
	   containing div */ 

  	padding-bottom: 20000px;  
    margin-bottom: -20000px;
}


#Content { /* Contains the main content of the page */ 

	padding: 12px; 

}  


/* --- Buttons  ----------------------- */ 


/*------------teddz---------------------- */
.Button { 
	display: block; 
	background: url('../images/button.gif') no-repeat;
	width: 166px;
	height: 13px;
}

.Button:Hover { 
	background-position: -166px 0; 
}

.Button a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration:none;
}

.Button a:hover {
	color: #000000;
	font-size: 10px;
	text-decoration:none;
 
	
}

.Button a:active {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration:none;
	
}
/*------------teddz---------------------- */



/* --- End of page ------------- */ 

#Footer { /* Contains the footer text */ 
	font-family: verdana; 
	font-size: 7.5pt; 
	text-align: center; 
}

#Footer a { 
	color: #000000; 
}