/*============================================================================================*\
	|				 CSS by Matt Harper @ Site of Hand Web Design (c)2009 					|
	\*============================================================================================*/

	@import "menu_top.css";
	@import "menu_side.css";	
	@import "resizable_div.css";
	@import "mod_web_portfolio.css";

	
	
	
	
	/* Zero default margin & padding around common elements */
	body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
	{
		margin: 0;
		border: 0 none transparent;
		padding: 0;
	}

	body.MainSite
	{

		/* set default Font size here */
		font-size: 0.8em; 

	}
	
	.HiddenHeading
	{
		position: absolute;
		left: -999em;
	}
	
	/*---------------------------------------------------------------------------------------------*\
	|				Screen Layout Divs					   |
	\*----------------------------------------------------------------------------------------------*/

/* 	for maxium width display in IE subtract 28 px to allow for sroll-bar 	*/

/*	Remove the following div to create a "liquid" layout 	*/

	.Container 
	{		
        width: 780px;
		
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;		
		margin-left: auto;

		padding: 10px;
/* 		
		border-top: solid #eeeeee 6px;
		border-right: solid #777777 6px;
		border-bottom: solid #000000 6px;
		border-left: solid #cccccc 6px; 
 */
		background-color:transparent;
		font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
		color: #eeeeee;		
	} 

	.Shutdown
	{
		text-align: center;
	}

	.Header 
	{
		width: 100%;
		height: 160px;

		margin-left: auto;
		margin-right: auto;
		padding-top: 0px;
		padding-bottom: 0px;
		
		background-image: url('banner_logo.jpg');
		background-repeat: no-repeat;
		background-position:left;
		background-color: transparent;

		text-align: center;	
		font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
		font-size: 0.9em; 
		color: #eeeeee;
	}
	
	.Wrapper1
	{
		/* border: solid 1px #000000; */		  
	}
	

	.Wrapper2
	{
		clear: left;

		/* border: solid 1px #000000; */		
	}
	
	
	.Wrapper3
	{
		clear: left;

		text-align: center;
	}	
	
	
	.Side1Column
	{
		float:left;

		/* border: solid 1px red; */
	}
	
	.Side2Column
	{
		/* border: solid 1px green; */
	}
	
	.CentreColumn
	{
		/* float:left; */
	    width: 700px;
		
		height: 440px;		
		overflow:auto;

		margin: 10px;
		padding: 10px 20px 10px 20px;	
			
		background-color:transparent;		
		background-color: #c0ef5c;
		
		background-color:  #ffffff;
		
		border-top: solid #eeeeee 4px;
		border-right: solid #eeeeee 4px;
		border-bottom: solid #eeeeee 4px;
		border-left: solid #eeeeee 4px; 
		overflow: hidden;
	}

	
	.BreadCrumbDiv
	{
		clear: left;
		
		padding: 0.5em;

		background-color: transparent;	
				
		border: solid 1px #eeeeee;
		text-align: left;	
	
		font-size: 0.9em; 
		font-style: italic;
		color: #eeeeee;			
	}
	
	.Footer
	{
		clear:both;

		width:750px;
		height:40px;
		padding-top: 0.5em;
		margin: 5px;

		background-color: transparent;	

		text-align: center;	
	
		font-size: 0.8em; 
		color: #eeeeee;	
				
	}	

	.NewWindow
	{		
		height: 100%;
		padding: 0.5em;	
		text-align: center;
	}
	
	.NewWindow img
	{
		border: ridge 4px #eeeeee;
		margin: 0.5em;			
	}
	
	.NewWinText
	{
		height: 100%;

		margin: 1em;
		padding: 1em;
		border: none;
		background-color: #eeeeee;
		
		font-size: 1.1em;
		text-align: justify;
	}	
	
	
	/*==============================================================*\
	|				Styles unique to MODULEs				   |
	\*==============================================================*/

/*	==========	 All Areas	==============	*/
	
 input, textarea, select.WebPortfolioSelectBox
 {
     opacity:.25;
    filter: alpha(opacity=20);
}
	
.Text_1
{
	text-align: justify;
}
	
ul.ListItems
{
	margin: 1em 5em 1em; 
	text-align: left;
	list-style-type: disc;
}	


/*	==========	Header	=============	*/	

/*	Flash Logo */
div.FlashLogo
{
	float: left;
	margin-top: 8px;
	width: 240px;
	height: 150px;
	background: transparant;
}

 /* 	SearchBox 	*/
div.SearchBoxHead
{
	float: right;
	width: 520px;
	height: 30px;	
	margin: 0 auto;	
	opacity:.25;
    filter: alpha(opacity=20);		
}	

/*	Header List items - location and number	*/
.PhoneAddress
{	
	float: right;
	margin-top: 10px;
	width: 520px;	
}

.PhoneAddress div.ListItems
{

	font-size: 1.1em;
	font-weight: bold; 
	color: #eeeeee;
	background-color: transparent;
}	
	
.PhoneAddress div.ListItems ul
{
	text-align: center;
	list-style-type: none;
}

.PhoneAddress div.ListItems li
{
	margin: 0.4em;
}	

	
/* Text to image (for Email) 	*/
div.EmailHead
{	 
	float: right;
	width: 520px;
	margin: 5px;
}

 #Text2Image_71
,#Text2Image_72
,#Text2Image_73
,#Text2Image_74
,#Text2Image_75
,#Text2Image_76
,.Text2Image
{	
	text-align: center;
	background-color: transparent;
	font-family: verdana;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	color: #eeeeee;	
	border: none;
}

/*=======================================================================*/
/*=======================================================================*/

div.ThemeSelector
{		 

	position: absolute;
	top: 250px;
	left: 20%;
	right: 20%;

	margin-right: auto;	
	margin-left: auto;	
	
	width: 440px;
	height: auto;

	padding: 1em;	
	background-color: #ededf4;
	background-image: url('BG_theme_changer_text.gif');
	background-repeat: no-repeat;

	border-top: solid #eeeeee 2px;
	border-right: solid #777777 2px;
	border-bottom: solid #000000 2px;
	border-left: solid #cccccc 2px; 
}

div.ThemeSelector p
{
	color: #000000;
	font-weight: bold;	

	margin-top: 80px;
}

div.ThemeSelector select
{
	background-color: #fffff4;
}

div.ThemeSelector input
{
	background-color: #000000;
	color: #ffffff;
}
/*=======================================================================*/
/*=======================================================================*/




/*	========	center column	=========	*/

.SubMenuMod
{
	margin: 10px 20px 10px 20px;

	list-style-type: none;
	text-align: left;
	font-size: 1.4em; 
}	
		
.SiteCredit
{
	margin: 10px;
}

div.ValidateLinks
{	
	opacity:.25;
    filter: alpha(opacity=20);	
	text-align: center;
	margin: 10px;
}

 
 div.ValidateLinksXHTML
,div.ValidateLinksCSS
{
	display: inline;
	margin: 10px;
/* 	border: 1px solid pink; */

}

	/*---------------------------------------------------------------------------------------------*\
	|			CONTACT FORM Styles						   |
	\*----------------------------------------------------------------------------------------------*/

.ContactForm
{
	font-weight: bold;
}

.ContactForm fieldset
{
	position: relative;

	border: solid 3px #eeeeee;
	background-color: #ffffff;

}

 .ContactForm fieldset legend
 {
/* 		
	position:absolute;
	top: -.5em;
	left: .5em;
 */	
	font-size: 1.4em;
 }

ul.ContactForm
{
	margin: 1em 5em 1em;
	text-align: left;
	list-style-type: none;
}

ul.ContactForm li
{
	margin: 0.5em;
}

img.ContactFormImageLink 
{
	border: none;
}

ul.ContactFormConfirmMSG
{
	margin: 1em 5em 1em;
	text-align: left;
	list-style-type: disc;
}

ul.ContactFormConfirmMSG li span.Left
{
	font-weight: bold;
	margin-right: 2em;
}

ul.ContactFormConfirmMSG li span.Right
{
	font-style: italic;
}

 .RequiredFormElement input
,.RequiredFormElement textarea
,.RequiredFormElement p
{
	background-color: #ffffff;
}

img.ImageCaptcha
{
	margin: 0.2em;
	border: 2px solid #eeeeee;
}


div.CaptchaDivContainer
{
	padding: 0.5em;
	border: solid #eeeeee 1px;
}

 div.CaptchaDivImage
,div.CaptchaDivLinks
{
    opacity:.25;
    filter: alpha(opacity=20);	
	display: inline;
	float: left;
	padding: 0.2em;
}

 div.CaptchaDivImage a
,div.CaptchaDivLinks a
{
	cursor: help;
}

 div.CaptchaDivInput
,div.CaptchaDivErrorMSG
{
	display: block;
	clear: both;
	/* padding: 0.2em; */
}

div.CaptchaDivLinks ul
{

	text-align: justify;
	list-style-type: none;	
}

 .CaptchaExplain ul li
{
	position: absolute;	
	left: -999em;
	
}

 .CaptchaExplain li:hover ul li
{
	left: 40em;
	width: 40em;
	padding: 1em;
	
	border-top: solid #eeeeee 3px;
	border-right: solid #dddddd 3px;
	border-bottom: solid #dddddd 3px;
	border-left: solid #eeeeee 3px; 
	
	background-color: #ffffff;
}

#CaptchaButton_5
{
	font-size: 0.8em;
	background-color: #eeeeee;
}

#ContactFormElement_9_96
{
	text-align: center;
}


	/* ========================end Contact Form styles=================================================== */

	/*---------------------------------------------------------------------------------------------*\
	|			SEARCH PAGE Styles						   |
	\*----------------------------------------------------------------------------------------------*/
 /* 	SearchBox 	*/
div.SearchBox
{
	position: relative;
	margin: 0 auto;	
	top: 5px;	
	
	width: 180px;
	height: 30px;
	opacity:.25;
    filter: alpha(opacity=20);		
}	

div#SearchBox_10
{
	height: 55px;
	font-size: 0.8em;
}
/*===============================================*/
ul.SearchResults
{
	margin: 1em 5em 1em;
	text-align: left;
	list-style-type: none;
}

li.SearchResults
{	
	font-weight: bold;
}

 ul.SearchResults ol
,ul.SearchResults ol li
{
	margin-top: 0.2em;
	margin-left: 2em;
	text-align: left;
	font-weight: normal;
}

li.SearchResults
{	
	margin: 1em;
	border-bottom: solid #eeeeee 2px;
	padding-bottom: 1em;	
}

.SearchResults p 
{	
	margin: 0.2em;
}

.SearchLink
{
	font-style: italic;
	margin: 1em;
}

a.SearchPageHeading

{
	font-size: 1.2em;
}


 a.SearchLink:link
,a.SearchLink:visited
,a.SearchLink:active
,a.SearchPageHeading:link
,a.SearchPageHeading:visited
,a.SearchPageHeading:focus
,a.SearchPageHeading:active
{
	color: #eeeeee;
}

.HighlightLiteBlue
{
	background-color: #ccccff;
}

 a.RemoveHiliteLink:link
,a.RemoveHiliteLink:visited
,a.RemoveHiliteLink:active	
{
	color: #ffffff;
	background-color: #aaaaff;
	padding: 0.3em;
}
	
 a.RemoveHiliteLink:hover
,a.RemoveHiliteLink:focus
{
	color: #aaaaff;
	background-color: #ffffff;
}

li.SearchResultsNav
{
	display: inline;
	margin: 0.3em;
	list-style-type: none;
}

div.SearchResultsNav
{
	padding: 0.8em;
}

 a.SearchResultsNav:link
,a.SearchResultsNav:visited
,a.SearchResultsNav:active
{
	padding: 0.2em;
	border: solid #333333 1px;
	background-color: #eeeeee;
}

 a.SearchResultsNav:hover
,a.SearchResultsNav:focus
{
	background-color: #ffffff;
	text-decoration: none;
}

 span.SearchResultsNav
{
	font-weight: bold;
	padding: 0.2em;
	border: solid #eeeeee 1px;
}



	/*---------------------------------------------------------------------------------------------*\
	|					FONTS						   |
	\*----------------------------------------------------------------------------------------------*/
/* 	 */
h1	
{
	font-size: 1.4em;
	margin: 0.7em;
}	
	
h2	
{
	font-size: 1.3em;
	margin: 0.7em;	
}		

h3	
{
	font-size: 1.2em;
	margin: 0.6em;
}
	
h4	
{
	font-size: 1.1em;
	margin: 0.5em;
}
		
p	
{
	font-size: 1em;
	margin: 0.4em;
}	
	
.Small
{
	font-size: 0.7em;
	margin: 0.3em;
}

.Notice	
{
	font-size: 1.1em;
	font-style: italic;
	margin: 0.5em;
}

.RedHeading 
{	
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color:#ffeeee;
}
	
.WarningMSG	
{
	font-size: 1.1em;
	color: #ffeeee;
	margin: 0.5em;
}	

.WarningMSGSmall	
{
	font-size: 0.8em;
	color: #ffeeee;
	margin: 0.5em;
}	

	
	/*---------------------------------------------------------------------------------------------*\
	|					LINKS						   |
	\*----------------------------------------------------------------------------------------------*/	

	/*	Global Links	*/
	
	a:link
	{
		color: #eeeeee;
		text-decoration: none;		
		font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	}
	
	a:visited 
	{				
		color: #eeeeee;	
		text-decoration: none;		
	}
	
	a:focus
	{				
		text-decoration: underline;
		color: #dddddd; 	
	}
	
	a:active
	{					
		color: #eeeeee;					
	}
	
	a:hover 
	{					
		text-decoration: underline;
		color: #dddddd; 
	}
	
.NoClass
{
/*	Default Class - no properties need assigning for this class	*/
}

	
	/*	================	BreadCrumb Links	==============	*/
 .BreadCrumb a:visited
,.BreadCrumb a:active
,span.BreadCrumb
{
	color: #0000ff;	
}

 span.BreadCrumbSelected	
{
	color:#cc0000;

	
}
	/*	==================	Footer Links	=======================	*/
	
div.MenuFooter
{
	margin: 5px 5px 5px 5px;
}
	
ul.MenuFooter
{	
	list-style-type: none;
}
	
li.MenuFooter 	
{	
	display: inline;
}

	/*	==================	Misc Button Style Links	=======================	*/

 a:link.ButtonLink
,a:active.ButtonLink
,a:visited.ButtonLink
,a:link.ButtonLinkSelected
,a:active.ButtonLinkSelected
,a:visited.ButtonLinkSelected		
{
	margin: 0.5em;
	padding: 0.5em;			
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 0.7em;				
}	
	
	
 a:link.ButtonLink
,a:active.ButtonLink
,a:visited.ButtonLink	
{

	border-top: solid #eeeeee 2px;
	border-right: solid #777777 2px;
	border-bottom: solid #000000 2px;
	border-left: solid #cccccc 2px; 
			
	color: #0000aa;
	background-color: #ededed;			
}
	
a:hover.ButtonLink
{
	background: #ffffff;
	color: #558811;
}

 a:link.ButtonLinkSelected
,a:active.ButtonLinkSelected
,a:visited.ButtonLinkSelected		
{	
	border-top: solid #eeeeee 1px;
	border-right: solid #777777 1px;
	border-bottom: solid #000000 1px;
	border-left: solid #cccccc 1px; 
	
	color: #dd0000;
	background-color: #cccccc;			
}



	/*	==================	Login Page	=======================	*/

ul.LoginForm
{	
	list-style-type: none;
}
	
	/*---------------------------------------------------------------------------------------------*\
	|				    IMAGES							   |
	\*----------------------------------------------------------------------------------------------*/
	
.Thumbnail	
{
	height: 64px; 
	border: none;				
}

.NavIcon	
{
	width: 52px;
	height: 48px; 
	border: none;				
}
	
	/*---------------------------------------------------------------------------------------------*\
	|				   TABLES							   |
	\*----------------------------------------------------------------------------------------------*/
	

		
	/*---------------------------------------------------------------------------------------------*\
	|				   MISC.							   |
	\*----------------------------------------------------------------------------------------------*/
	
.NoBorder 
{
	margin-left: auto;
	margin-right: auto;
	border: none;			
}
	
.Padded5px 
{
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 5px;		
}