/* andreas03.css */

body{
margin:0;
padding:30px 0;
font:76% tahoma,verdana,sans-serif;
background:#047 url(img/bodybg.png) repeat-x fixed;
color:#222;
}

#thetop{
margin:0;
}

/***************************************************************************/
/* The fix that follows is called the Tantek Celik hack. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
#container{
margin:0 auto;
padding:20px 20px 0 20px;
background:#fff url(img/contbg.png) no-repeat;
color:#222;
/* IE5.x hack coming up...
   IE5 needs a width of 728px but
   modern browsers need a width of 
   only 720px */
width:728px;
/* this bit causes IE5 to quit now 'cos it doesn't understand the complex stuff */
voice-family: "\"}\"";
voice-family:inherit;
/* now we give real browsers the actual width so it looks OK in Firefox, Opera, Safari etc.*/
width:720px; /* the correct height */

/* This is usually called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Container {width:720px;}
}
/*****************************************************************************/

a{
text-decoration:none;
background-color:inherit;
color:#26c;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
}

#main p,#sidebar p{
padding:0 0 0 10px;
}

#logo{
float:left;
width:522px;
height: 120px;
margin:0 0 10px 0;
padding:0 0 0 0;
text-align:center;
overflow:auto;
background-image: url('banner.jpg');
background-repeat: no-repeat;
}

#logo h1{
margin:50px 5px 1px 5px;
letter-spacing:-3px;
}

#logo a{
background-color:inherit;
color:#26a;
text-decoration:none;
}

#logo a:hover{
background-color:inherit;
color:#69e;
}

#tagline{
text-align:center;
font-size:1.2em;
}

#intro p{
line-height:1.5em;
}

#main{
float:left;
width:530px;
margin-right:20px;
padding:0;
}

.headerstylefirst{
/* First para header with reduced to margin for 
less space between the header and the menu tabs */
display:block;
margin:10px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

.headerstyle{
/* Normally spaced para header */
display:block;
margin:30px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

.sidebarheader
{
font-family: arial,helvetica,verdana;
font-weight: bold;
font-size: 0.9em; 
width: 145px; 
padding: 3px 0px 3px 8px; 
background-color: #002a5a; 
color: #ffffff;
}
 
#sidebar{
width:155px;
float:right;
margin-top:20px;
font-size:1em;
line-height:1.3em;
}

#sidebar p{
font-size:0.9em;
}

.sidelink{
display:block;
width:140px;
margin:3px 10px 2px 0;
padding:5px 0 5px 8px;
font-size:1.1em;
font-weight:bold;
text-align:left;
background:#eee url(img/gradient1.png) repeat-x;
color:#26c;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink:hover,.menuheader{
background:#fff url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#footer{
margin:0 auto 20px auto;
width:760px;
background:#fff url(img/footerbg.png) bottom left no-repeat;
padding:0 0 5px 0;
font-size:0.9em;
color:#000;
text-align:center;
}

h1,h2,h3,h4{
margin:0 0 10px 0;
font-weight:normal;
}

/* Looks like an H3*/
h3{
font-size:2.8em;
}

h2{
margin:0 0 4px 0;
font-size:1.8em;
}

/* Swapped with H1*/
h1{
margin:20px 0 8px 0;
font-size:1.4em;
}

h4{
margin:10px 0 5px 0;
font-size:1.2em;
}

.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.internallink{
font-size:0.9em;
text-align:center;
}

.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}

.credit{
color:#000;
background-color:inherit;
}

.hide{
display:none;
}

/* start of button code */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.boldbuttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-bottom: 5px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.squarebuttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.sideimage
{
margin: 0 10px 10px 0;
}

/* Miniform */

	.cssform
	{
	width: 140px;
	height: 300px;
	font-family: arial;
	font-size: 0.7em;
	border: 1px solid #c0c0c0;
	padding-left: 8px;
	padding-bottom: 8px;
	background-color: #efefef;
	}
	
	label,input,select,textarea
	{
	display: block;
	width: 126px;
	float: left;
	margin-bottom: 2px;
	font-size: 11px;
	}
	
	label 
	{
	text-align: left;
	width: 98px;
	padding-right: 1px;
	}
	.labelheader
	{
	width: 126px;
	background-color: #002a5a; 
	color: #ffffff;
	border: 1px solid #000000; 
	padding: 2px 2px 2px 6px; 
	margin-top: 3px;
	}
	
/* Large form */

	.cssformlarge
	{
	width: 265px;
	float: right; 
	height: 400px;
	font-family: arial;
	font-size: 0.7em;
	border: 1px solid #c0c0c0;
	padding-left: 8px;
	padding-bottom: 8px;
	background-color: #efefef;
	}

		
	label,input,select,textarea
	{
	display: block;
	width: 126px;
	float: left;
	margin-bottom: 2px;
	font-size: 11px;
	}
	
	label 
	{
	text-align: left;
	width: 98px;
	padding-right: 1px;
	}
	.labelheader
	{
	width: 126px;
	background-color: #002a5a; 
	color: #ffffff;
	border: 1px solid #000000; 
	padding: 2px 2px 2px 6px; 
	margin-top: 3px;
	}
		
	.toolbarlink
	{
	color: #000000;
	margin-left: 50px;
	}	
	
	.toolbarimage
	{
	vertical-align:middle;
	}
			
	br 
	{
	clear: left;
	}

	.jigsawimage
	{
	border:0;
	width:88px;
	height:31px;
	}
	
	.submitbutton
	{
	border: 1px solid #c0c0c0; 
	width: 75px; 
	margin-top: 5px;
	}
	
	.clearbutton
	{
	border: 1px solid #c0c0c0; 
	width: 75px; 
	margin-top: 5px;
	margin-left: 10px;
	}
		
	.centerit
	{
	text-align:center;
	}
	
	.imagegalleryspacer
	{
	margin-bottom: 5px;
	}
	
	.optiontext
	{
	font-size: 1.3em;
	width: 140px;
	}
	
	.optionbox
	{
	width:20px; 
	margin-left: 28px;
	}
	
	.optionboxfirst
	{
	width:20px; 
	margin-left: -5px;
	}
	

	
	.form23percent
	{
	width: 23%;
	}
	
	.form60percent
	{
	width: 60%;
	}
	
	.form70percent
	{
	width: 70%;
	}	
	
	.termsimage
	{
	margin: 0 10px 10px 0;
	}
	
	.underline
	{
	text-decoration: underline;
	}	
	
	.gallerypageform
	{
	margin: 0px 0px 0px 0px;
	}
	
	.gallerypageimage1
	/* IE */
	{
	margin-left: 30px;
	margin-right: 20px;
	}
		
	.gallerypageimage2
	/* IE */
	{
	margin-right: 20px;
	}
	
	.gallerypageimage3
	/* IE */
	{
	margin-right: 20px;
	}
		
	html>body .gallerypageimage1
	/* Firefox */
	{
	/*margin-left: -80px;
	margin-right: 5px;*/
	}
		
	html>body .gallerypageimage2
	/* Firefox */
	{
	/*margin-top: -5px;
	margin-left: -100px;
	margin-right: 0px;*/
	}
		
	html>body .gallerypageimage3
	/* Firefox */
	{
	/*margin-top: -12px;
	margin-left: -95px;
	margin-right: 0px;*/
	}
			
	.strong
	{
	font-weight: bold;
	}
	
	.sitemaplistspacer
	{
	margin-bottom: 10px;
	}
	
	.sitemap-image
	{
	background: url('img/sitemap-img.jpg') no-repeat;
	}
		
	.terms-image
	{
	background: url('img/terms-img.jpg') no-repeat;
	}
			
	.archive-image
	{
	background: url('img/archive-img.jpg') no-repeat;
	}
			
	.index-image1
	{
	background: url('img/index-left-1.jpg') no-repeat;
	}
	
	.index-image2
	{
	background: url('img/index-left-2.jpg') no-repeat;
	}
	
	.index-image-para
	{
	margin-left: 180px;
	}	
	
	.phonenumber
	{
	font-size: 18px;
	font-weight: bold;
	color: red;
	/*background-color: yellow;
	padding: 2px;*/
	}