/* CSS Document */
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFF3D6;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF3D6;
}
#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
 
[if IE]>
/* place css fixes for all versions of IE in this conditional comment */
#leftcontent, #rightcontent { padding-top: 30px; }
#mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]

/* standard link styles */
a:link {
	text-decoration: underline;
	color: #003366;

}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #00FF00
}

/* fonts */
p {
	color: #333333;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
}

.breakout_teal {
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	color: #127BA3;
	text-align: center;
}

.breakout_turquoise {
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	color: #0098D3;
	text-align: center;
}

ul.bullet {
	font-size: .95em;
}

h1, h2, h3, h4, h5, h6 {
             font-weight: bold;
			 font-family:Verdana, Arial, Helvetica, sans-serif;
			 text-align:left;
}

/* approx 18px*/
h1 {
	font-size: 1.3em;
	text-indent: 5px;
	width: auto;
}

/* approx 16px*/
h2 {
	font-size: 1.2em;
	text-indent: 5px;
	width: auto;
	}

/* approx 14px*/
h3 {
        font-size: 1.15em;

}

/* approx 12px*/
h4 {
        font-size: 1.1em;
	
}

/* ---------------------- banner headings ----------------------- */

#banner {
	clear:right;
	height: 125px;
	padding: 0px;
	background-color: #FFFFFF;
	overflow: hidden;
	visibility: visible;
	float: left;
	margin: 0px;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
		}
		
/*------------- change banner colours  ------------------------------------------ */


#zero #banner {
	border-bottom-color: #0098D3;
	background-image: url(../graphics/cssLayout/0_banner.jpg);
	background-repeat: no-repeat;
}
#one #banner {
	background-image: url(../graphics/cssLayout/1_banner.jpg);
	background-repeat: no-repeat;
	border-bottom-color: #1F5186;

}
#two #banner {
	border-bottom-color: #FDC48E;
	background-image: url(../graphics/cssLayout/2_banner.jpg);
	background-repeat: no-repeat;

}
#three #banner {
	border-bottom-color: #0098D3;
	background-image: url(../graphics/cssLayout/5_banner.jpg);
	background-repeat: no-repeat;

}
#four #banner {
	border-bottom-color: #0000CC;
	background-image: url(../graphics/cssLayout/4_banner.jpg);
	background-repeat: no-repeat;
}
#five #banner {
	border-bottom-color: #EFE09E;
	background-image: url(../graphics/cssLayout/3_banner.jpg);
	background-repeat: no-repeat;
}


/*--- 
	zero is home
	one is about
	two is community services
	three is residential aged care	
	four is retirement villages
	five is more information
----- */	

#banner_fltrt {
	float: right;
	margin: 0;
	padding: 0;
	width:373px;
	height: 125px;
	background-image: url(../graphics/cssLayout/NWbanner.gif);
	background-repeat: no-repeat;

}

#banner_fltrt_curve {
	width:300px;
	height: 80px;
	background-image: url(../graphics/cssLayout/good_things_text_white.png);
	background-repeat: no-repeat;
	right: 370px;
	top: 20px;
	float: right;
	position: absolute;
}

#banner_fltrt a { 
    display: block;
    height: 100%;
    width: 100%}

#banner_fltlft {
	float: left;
	margin: 0px;
	padding: 0px;
	width:160px;
	height: 125px;
	background-image: url(../graphics/cssLayout/SCC_corp_logo.gif);
	background-repeat: no-repeat;
	
}

#banner_fltlft a{ 
    display: block;
    height: 100%;
    width: 100%}

#bcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	margin: 5px;
}

/*------------- navigation bar ------------------------------------------ */
#navigation {
	z-index: 1000;
	width: auto;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	margin-bottom: 20px;	

}

#nav {
	float: left;
	list-style-type: none;
	padding: 0px 0px 5px;
	margin: 0px 0px 8px;
	width:100%;
	z-index: 3000;
	clip: rect(auto,200px,auto,200px);
	font: bold 12px/normal Verdana, arial, Helvetica, sans-serif;
	background-color: #FFF3D6;
}

#nav a {
	color: #FFFFFF;
	padding-right: 2em;
	display: block;
	padding-left: 2em;
	padding-bottom: 0.25em;
	width: auto;
	padding-top: 0.25em;
	text-decoration: none;
	z-index: 1;
	
}

#nav ul {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	float: left;
	padding-bottom: 0px;
	margin: 0px 0px 1em;
	width: 35em;
	line-height: normal;
	padding-top: 0px;
	list-style-type: none;
	background-color: #EFE09E;
	z-index: 1;
}
#nav a:hover {
	color: #fff;
	z-index: 1;
}

#nav li {
	float: left;
	width: auto;
	padding: 0px;
	z-index: 1;
	background-color: #EFE09E;
}

#nav li ul {
	font-size: 12px;
	font-weight: normal;
	left: -999em;
	margin: 0px;
	padding-right: 0px;
	width: 15em;
	position: absolute;
	height: auto;
	border: 1px none #fff;
	background-color: #EFE09E;
	z-index: 1000;
	display: inline;
}


#nav li ul a {
	font-size: 12px;
	float:left;
	width: 15em;
	padding-right: 4px;
	z-index: 1000;
	display: inline;

	
}
#nav li ul ul {
	margin: -1.75em 0px 0px 15em
}

#nav li:hover ul {
	left: auto;
	z-index: 1000;
	
	
}
#nav li a:active  {
	left: auto;
	z-index: 1000;
	
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li.sfhover ul {
	left: auto;
	color: #fff;
	z-index: 1000;
}


#nav li.sfhover a:hover{
	color: #fff;
	z-index: 1000;
		
}

#nav li a {
	color: #003366;
	z-index: 1000;	
	}

/*------------- maintain current link down state ------------------------------------------ */	

#zero #nav #nav-zero a {
	color: #fff;
	background-color: #0098D3;
}
	
#one #nav #nav-one a {
	color: #fff;
	background-color: #1F5186;
}
#two #nav #nav-two a {
	color: #003366;
	background-color: #FDC48E;
}
#three #nav #nav-three a {
	color: #FFFFFF;
	background-color: #0098D3;
	}
	
#four #nav #nav-four a {
	color: #FFFFFF;
	border-right:none;
	background-color: #0000cc;
}
#five #nav #nav-five a {
	color: #003366;
	background-color: #EFE09E;
}


/* menu hover color */

#zero #nav li a{
	color: #003366;
	background-color: #FFF3D6;
	}
#zero #nav li a:hover{
	background-color:#0098D3;
	color: #FFFFFF;
	}
	
#one #nav li a{
	background: #FFF3D6;
	color: #003366;
	}
#one #nav li a:hover{
	background-color:#1F5186;
	color: #fff;
	}
	
#two #nav li a{
	background: #FFF3D6;
	color: #003366;
	}
#two #nav li a:hover{
	background-color:#FDC48E;
	color: #003366;
	}
	
#three #nav li a{
	background: #FFF3D6;
	color: #003366;
	}
#three #nav li a:hover{
	background-color:#0098D3;
	color: #FFFFFF;
	}

#four #nav  li a{
	color: #003366;
	background-color: #FFF3D6;
	}


#four #nav li a:hover{
	background-color:#0000cc;
	color: #fff;
	}
	
#five #nav li a{
	color: #003366;
	background-color: #FFF3D6;
	}
#five #nav li a:hover{
	background-color:#EFE09E;
	color: #003366;
	}


/* title styles*/

.title_zero{
	color: #FFFFFF;
	background-color: #0098D3;

}

.title_one{
	color: #FFFFFF;
	background-color: #1F5186;
}

.title_two{
	color: #003366;
	background-color: #FDC48E;

	}
	
	
.title_three{
	color: #FFFFFF;
	background-color: #0098D3;
}

.title_four{
	color: #fff;
	background-color: #0000cc;
}	


.title_five{
	color: #003366;
	background-color: #EFE09E;
	}



.title_gallery{
	color: #FFF;
	background-color: #1F5186;
}
/* subtitle styles*/

.subtitle_zero{
	color: #0098D3;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #0098D3;
}

.subtitle_one{
	color: #1F5186;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #1F5186;
}
.subtitle_two{
	color: #003366;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FDC48E;
}

.subtitle_three{
	color: #0098D3;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #0098D3;
}

.subtitle_four{
	color: #0000cc;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #0000cc;
}

.subtitle_five{
	color: #003366;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #EFE09E;
}
.subtitle_gallery{
	color: #1F5186;
	background-color: #FFF3D6;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #1F5186;
}
.faq_info {
	color: #003366;
	}	
/*------------- header styles ------------------------------------------ */

.zero_header {
	color: #fff;
	text-align: center;
	padding: .1em 0px 0.1em;
	margin: 0px;
	border: 1px solid #0098D3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #0098D3;
}

.one_header {
	color: #FFFFFF;
	text-align: center;
	padding: .1em 0px 0.1em;
	margin: 0px;
	border: 1px solid #1F5186;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #1F5186;
}

.two_header {
	color: #003366;
	text-align: center;
	padding: .1em 0px 0.1em;
	margin: 0px;
	border: 1px solid #FDC48E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #FDC48E;
}

.three_header {
	color: #FFFFFF;
	text-align: center;
	padding: .1em 0px 0.1em;
	margin: 0px;
	border: 1px solid #0098D3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #0098D3;
}

.four_header {
	color: #fff;
	text-align: center;
	padding: .1em 0px 0.1em;
	margin: 0px;
	border: 1px solid #0000cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #0000cc;
}

.five_header {
	color: #003366;
	text-align: center;
	padding: .1em 0px 0.1em;
	margin: 0px;
	border: 1px ridge #EFE09E;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFE09E;
}



/*------------- left menu column tab area ------------------------------------------ */
#menu {
	width: 190px;
	clear: none;
	height:auto;
	padding: 0px;
	background-color: #FFFFFF;
	line-height: 1.8em;
	font-size: 0.9em;
}

#menu ul {
	margin: 0;
	border-width: 1px;
	border-style: solid;
	list-style-image: none;
	list-style-type: none;
	padding: 0em;
}

#menu li {
	margin: 0;
}

#menu li a {
	color: #003366;
	display: block;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
	height: 1.8em;
}
   
#menu li a:hover {
	margin: 0px;
	padding: 0px;
	height: 1.8em;
}
#one #menu li a:hover {
	color: #fff;
	background-color: #1F5186;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
}		

#two #menu li a:hover {
	color: #003366;
	background-color: #FDC48E;
	border-top-color: #FDC48E;
	border-right-color: #FDC48E;
	border-bottom-color: #FDC48E;
	border-left-color: #FDC48E;
}

#three #menu li a:hover {
	color: #FFFFFF;
	background-color: #0098D3;
	border-top-color: #0098D3;
	border-right-color: #0098D3;
	border-bottom-color: #0098D3;
	border-left-color: #0098D3;
}

#four #menu li a:hover {
	color: #fff;
	background-color: #0000cc;
	border-top-color: #0000cc;
	border-right-color: #0000cc;
	border-bottom-color: #0000cc;
	border-left-color: #0000cc;
}


#five #menu li a:hover {
	color: #003366;
	background-color: #ffffff;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}



/* ----------------------- sidebars -------------------------*/

#leftcontent_accordion {
	min-height: 350px;
	float: left;
	width: 210px;
	margin: 2px;
	padding: 2px;
}	

#leftcontent {
	min-height: 350px;
	width: 190px;
	margin: 2px;
	padding: 2px;
	height: auto;
	float: left;
}	

#rightcontent {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 200px; /* since this element is floated, a width must be given */
	background: #FFFFFF; /* top and bottom padding create visual space within this div */
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	width: 200px;
}
#leftcontent p, #leftcontent h3, #rightcontent p, #rightcontent h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


#callout{
	margin: 2px;
	border: 2px solid #EFEBDE;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	}
	
	
	
	
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0;
	padding: 0;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.image_fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 10px;
	padding: 0px;
}
/*------------- main content  ------------------------------------------ */

#mainContent {
	margin-top: 0;
	margin-right: 205px;
	margin-bottom: 0;
	margin-left: 200px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #EFEBDE;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #EFEBDE;
}

#homeContent {
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 220px;
}

p.footer {
font-size:10px;
padding-left: 20px;
}
p.copyright {
font-size:10px;
text-align: center;}

#footer {
	background-color: #FFFFFF;
} 

#footer_graphic {
	background-image: url(../graphics/cssLayout/footergraphic.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 38px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footer {
	background: #ffffff center;
	padding: 1px 5px 6px;
	height: auto;
	margin: 5px auto;
	clear: both;
	width: 80%;
	color: #333333;
	border-top: 1px dotted #efebde;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
}


/*-------------form ------------------------------------------ */

.chkrRac {
	float: left;
	margin: 0px;
	padding: 5px;
	width: auto;
	text-align: left;
	display:block;
}
.chkRad {
	float: left;
	margin: 0px;
	width: auto;
	text-align: left;
}

. formheader {
	font-weight:bold;
	color:#003366;
	}
	
label {
	display:block;
}

textarea {
	width:100%;
	height:100px

}
.textInput {
    width:60%;
}

.chkRad label {
    display:inline;
}

.clearIt {
    clear:both;
}

select {
    margin:0 5px 0 2px;
}

.confirm {
    font-size: 1em;
	font-weight: bold;
	color: #006633;
}
.warning {
	color:#FF0000;
	font-weight: bold;
}

legend {
	font-weight:bold;
	color:#003366;
}
/*------------- subsequent content area ------------------------------------------ */
#island {
	margin-top: 0px;
	top: 0px;
	float: none;
	margin-right: 205px;
	margin-left: 195px;
	width: auto;
	min-width: inherit;
	padding: 0px 5px;
}

#subContent {
	margin-left: 195px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #EFEBDE;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #EFEBDE;
	padding-left: 5px;
	margin-right: 0px;
}


#full_page {
	margin-top: 0px;
	margin-left: 5px;
	top: 0px;
	float: none;
	width: auto;
	margin-right: 200px;
}


	
#links {
    width: 200px;
}
.update {
   
}
.sitemaptable table {
	padding-right: 10px;
	font: normal .9em/1.2em Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

.sitemapheader {
	/*color: #3c1e00;*/
	color: #FFFFFF;
	padding-left: 5px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	background-color: #0098D3;
	/*color: #3cle00;
	background: url("../images/toplinebg.gif") repeat-x;
	font-size: 120%;*/
}

.sitemaptopcorner {
	width: 29px; 
	height: 20px;
	background: #fff url(../images/right_corner2.gif) no-repeat;
	/*width: 20px; 
	height: 12px;
	background: #fff url("/images/leftcorner.gif") no-repeat;*/
}

.sitemapsidebar {
	background: url("../images/linebg.gif") repeat-y;
	list-style-type: square;
}

.sitemapcorner {
	padding-bottom: 8px;
	width: 20px; 
	height: 12px;
	background: #FFFFFF url(../images/leftcorner.gif) no-repeat;
}
#photoContainer {
	float: left;
	height: auto;
	width: 100%;
}

#thumbnail {
    float: left;
	width: 33%;
	height: auto;
	}
	
	
/* Thumbnail grid */

table.thumbnail {
	width: 100%;
	margin-bottom: 5px;
	}
		

table.thumbnail thead th, table.thumbnail tbody td {
	padding: 5px;
    font-weight: bold;
	color:#000000;
	
}

/* ------------------- gallery -------------------------- -------------------------- */

#gallery_page {
	top: 0px;
	width: 100%;
	height: auto;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}
#gallery_box {
	top: 0px;
	width: 790px;
	height: auto;
	border: 2px solid #127BA3;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding: 5px;
}
#gallery_wrapper {
	margin-top: 0;
	margin-right: 260px;
	margin-bottom: 0;
	margin-left: auto;
	width: 500px;
	height: auto;
	padding: 0px;
	background-color: #FFFFFF;
}
/* The select div has a top margin of 15 pixels and a left one of 5 pixels
   to position the drop-down menu and its label away from the header image
   and left side of the wrapper div.
*/
#select {
	width: 190px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#gallery_rightcontent {
	width: 200px;
	width: 220px;
	margin-left: auto;
	margin-right: 15px;
	height: auto;
	padding: 5px;
	background-color: #FFFFFF;
	float: right;
	clear: both;
}
/* The thumbs div has a 20-pixel margin on each side except the right. It
   also has a 4-pixel grooved border, making its overall width 228 pixels.
   It's floated left so that it can sit alongside the mainPic div.
*/
#thumbs {
	width: 200px;
	padding: 5px;
	background-color: #FFF3D6;
	margin: 0px;
	float: left;
	border: 4px none #F9F2F8;
}
/* The images inside the thumbs div have both padding and margin. The
   padding allows you to add a Spry highlight effect when the thumbnails
   are moused over (see Chapter 2 for an explanation). The thumbnails are
   80 pixels wide, so the overall width of each one comes to 96 pixels.
   In theory, you should be able to use 100 pixels for each thumbnail,
   but this creates problems with the accessible gallery case study in
   Chapter 20. For the Spry gallery in Chapter 10, increasing the margin
   to 6px gives the best appearance. Experiment to find the most pleasing
   layout.
*/
#thumbs img {
	margin: 5px;
	padding: 3px;
	cursor: pointer;
	border: thin none #127BA3;
}
/* The mainPic div is floated left so that it comes up alongside the
   thumbs div. Its width is set to 492px to fill the remaining horizontal
   space in wrapper div (228 + 492 = 720).
*/
#mainPic {
	width: 500px;
	height: 400px;
	background-color: #1F5186;
	border-top-width: thin;
	border-top-style: none;
	border-top-color: #666666;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	background-position: center center;
}
/* The main image and its caption are in a center-aligned paragraph to
   position them within the mainPic div. The line-height property is
   set to 2 to give extra breathing space for the caption beneath the
   main image.
*/
#mainPic p {
	font-weight: bold;
	text-align: center;
	background-color: #1F5186;
	color: #FFFFFF;
	font-size: 100%;
}
/* The description div uses the clear property to ensure there's no overlap
   with either of the floated divs above. Using auto for the left and right
   margins centers the div within the wrapper.
*/
#description {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 450px;
	padding: 5px;
	margin-top: 5px;
}

/* ------------------- map -------------------------- -------------------------- */

#map_page {
	top: 0px;
	width: auto;
	height: auto;
	background-color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#map_box {
	top: 0px;
	border: 2px solid #004BA3;
	background-color: #FFFFFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 220px;
	padding: 5px;
	width: 760px;
	height: auto;
}
#map_wrapper {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: auto;
	height: auto;
	padding: 0px;
	background-color: #FFFFFF;
}

#wagt_map_3 {
	width: 750px;
	height: 600px;
	border-top-width: thin;
	border-top-style: none;
	border-top-color: #666666;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
}

#map_canvas {
	width: 750px;
	border-top-width: thin;
	border-top-style: none;
	border-top-color: #666666;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	height: 600px;
}
#map {
	width: 750px;
	height: 600px;
	border-top-width: thin;
	border-top-style: none;
	border-top-color: #666666;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
}
#mapPic p {
	font-weight: bold;
	text-align: center;
	background-color: #1F5186;
	color: #FFFFFF;
	font-size: 100%;
}
/* The description div uses the clear property to ensure there's no overlap
   with either of the floated divs above. Using auto for the left and right
   margins centers the div within the wrapper.
*/
#map_description {
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
	width: 480px;
	padding: 5px;
}

#directions_map {
	min-height: 350px;
	width: 180px;
	height: auto;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #004BA3;
	float: left;
}	

#search_map {
	min-height: 350px;
	width: 180px;
	height: auto;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;

	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #004BA3;
	float: left;
}	

#directions {
			margin-top:10px;
		}
.search_map p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}