/* private: main.css */
/* Control the size and positioning of the common elements throughout the site */

/* margin's padding's border's font-sizes, etc */




body {font-family:arial,verdana,helvetica; width:98%; }
html, body, p, blockquote, q, form, fieldset, a, div, img,
heading1, H1, h1, heading2, H2, h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6,
.clear { margin:0; padding:0; border:0; }


p { margin:1em 0 1.4em 0; }

b, strong { font-weight:bold; }

/*a:link, a:visited { color:#800080; text-decoration:underline; }
a:hover { text-decoration:underline; }


 minimum width including i.e */
.minWidthAdjuster { padding:0px 764px 0px 0px; margin: 0px; }
.maxWidthHolder { width:99%; padding: 0px; margin: 0px; }
.minWidthHolder { min-width:770px; margin:0px -764px 0px 0px; position:relative;  }


/* document wrapper */
#Document { margin:20px 20px 0px 0px; padding: 0px;}


.img {border: 0px;}

.netconstruct {clear: both; background-color: #fff; width: 65%; text-align: left; padding: 0px; margin: 10px 0px 0px 100px; font-size:71%; color: #aeaeae;}
.netconstruct a{ color: #0072bc; text-decoration:none;}
.netconstruct a:active{ color: #0072bc; text-decoration:none;}
.netconstruct a:hover { color: #0072bc; text-decoration:underline;}
.netconstruct a:visited { color: #0072bc; text-decoration:none;}
.wai {background-color: #fff; width: 65%; text-align: left; margin: 0px; padding: 10px 0px 0px 275px; }


/* accessibilty links */
.navLinks { width:99%; float:left; margin:0; padding:0; border:0; font-family:arial,verdana,helvetica; font-size: 0.80em; font-weight:Normal; color:#0072bc; border: 0px solid green;}
.navLinks a, .navLinks a:visited { color:#0072bc; font-weight:bold; text-decoration:none; }
.navLinks a:active, .navLinks a:focus { color:#000000; }
.navLinks ul { float:right; margin:0; padding:0; border:0; list-style:none; border: 0px solid red;}
.navLinks ul li { float:left; margin: 0px; padding:6px 0 7px 0px; border:0; }
.navLinks ul li a { display:inline; float:left; text-decoration:none; color:#0072bc; border-left:1px solid #0072bc; padding: 0 4px 0 4px; }
.navLinks ul li.first a { border: 0px; }
.navLinks ul li a:active, .navLinks ul li a:focus {  color:#000; }
.navLinks ul li a:hover { text-decoration:underline; }


.homenavLinks { width:665px; margin:0; padding:0; border:0;}



.selected {}
.selected a:link{ background-color: #0072bc; color: #fff;  }
.selected a:active{ background-color: #0072bc; color: #fff; }
.selected a:hover { background-color: #0072bc; color: #fff; text-decoration: underline;}
.selected a:visited { background-color: #0072bc; color: #fff; }

.clear { margin:0; padding:0; border:0; text-decoration:none;}

#back {padding: 20px 0px 0px 0px;}
#back a{ color: #0072bc; text-decoration:none;}
#back a:active{ color: #0072bc; text-decoration:none;}
#back a:hover { color: #0072bc; text-decoration:underline;}
#back a:visited { color: #0072bc; text-decoration:none;}


.itemContainertext a{  background-color: #0072bc;  text-decoration:none; }
.itemContainertext a:active{  background-color: #0072bc;  text-decoration:none;}
.itemContainertext a:hover {  background-color: #0072bc;  text-decoration:underline; }
.itemContainertext a:visited {  background-color: #0072bc;  text-decoration:none;}

.white {color: #fff; padding: 2px;}


/* common - horizontal menu */
#HorizontalMenuWrapper { margin:2px 0; padding:0; border:0; background-color:#fff; font-size:71%; line-height:1.1em; }
#HorizontalMenuWrapper ul, #HorizontalMenuWrapper li, #HorizontalMenuWrapper h3, #HorizontalMenuWrapper a  { margin:0; padding:0; border:0; }
#HorizontalMenuWrapper h3 { font-size:99%; font-weight:normal; }
#HorizontalMenuWrapper a, #HorizontalMenuWrapper .ul1 a:visited { color:#ffffff; font-weight:bold; text-decoration:none; }
#HorizontalMenuWrapper a:active, #HorizontalMenuWrapper a:focus { background-color:#ffffff; color:#b14ea4; }
#HorizontalMenuWrapper .ul1 { width:99%; padding:9px 0 9px 0; float:left; list-style:none; }
#HorizontalMenuWrapper .ul1 li { float:left; padding:0 0 0px 7px; }
#HorizontalMenuWrapper .ul1 li a { display:inline; float:left; padding:0 0 0 7px;  border-left:1px solid #ffb6f5; }
#HorizontalMenuWrapper .ul1 li a, #HorizontalMenuWrapper .ul1 li a:visited { text-decoration:none; color:#ffffff; }
#HorizontalMenuWrapper .ul1 li a:active, #HorizontalMenuWrapper .ul1 li a:hover { text-decoration:underline; background-color:#fff;}
#HorizontalMenuWrapper .ul1 li.li0 a { border:0; }
#HorizontalMenuWrapper .ul1 li.homeLink { padding:0 8px 0 2px; float:right; background-image:url(/images/presentation/bgHomeLink.gif); background-position:left center; background-repeat:no-repeat; }
#HorizontalMenuWrapper .ul1 li.homeLink a { border:0; }

/* two column layout */
.sideNavigationColour { margin:0; padding:0; border:0; }
#SideNavigationColorInnerpage {}
#DocumentBody {}

.leftColumn { margin-left:186px; position:relative; }
#SideNavigation { width:184px; margin:0 0 0 -186px; padding:0 0 1.95em 0; border:0; position:relative; display:inline; float:left; font-size:99%;  }
#PageBody { width:99%; float:left; position:relative; }

#DocumentBody h3 { margin-top:0; }


/* ================================================== */
/* side navigation */
/* ================================================== */
.sideNavigationInner { overflow:hidden; width:184px; height:auto; line-height:1.2em; }
#SideNavigationHome { background-color:#fff; font-size:75%; }
#SideNavigationInnerpage { background-color:#fff; }






/* ================================================== */
/* content */
/* ================================================== */

#PageBody { width:99%; height:auto; overflow:hidden; }


#PageBody #PageBodyInnerpage #MainContent { width:99%; position:relative; display:block; float:left; font-size:80%; color:#4c4c4c; border: 0px solid red;}
#PageBody #PageBodyInnerpage { padding:0px; margin: 0px;}


#MainContent {padding: 0px 0px 0px 10px;}


/* ================================================== */
/* document footer */
/* ================================================== */
#DocumentFooter { margin:0px; clear: left;}
/* footer bar */
#DocumentFooter #FooterBar { height:9px; font-size:1px; line-height:1px; display:block; }
/* footer links */
#DocumentFooter #FooterLinks { width:65%;  float:left; margin:0px; padding: 0px 0px 0px 70px; font-size:71%; }
#DocumentFooter #FooterLinks a, #DocumentFooter #FooterLinks a:visited { color:#0072bc; font-weight:normal; text-decoration:none; }
#DocumentFooter #FooterLinks a:active, #DocumentFooter #FooterLinks a:focus {  color:#0072bc; }
#DocumentFooter #FooterLinks ul { float:left; margin:0; padding:0; border:0; list-style:none; }
#DocumentFooter #FooterLinks ul li { float:left; margin:0; padding:6px 0 7px 4px; border:0; }
#DocumentFooter #FooterLinks ul li a { display:inline; float:left; text-decoration:none; color:#0072bc; border-left:1px solid #0072bc; padding:0 0 0 4px; }
#DocumentFooter #FooterLinks ul li.first a { border: 0px; }
#DocumentFooter #FooterLinks ul li a:active, #AccessibiltyLinks ul li a:focus {  color:#000; }
#DocumentFooter #FooterLinks ul li a:hover { text-decoration:underline; }

#DocumentFooter #FooterLinksbottom { width:70%; border-top: 1px solid #aadafa; float:left; margin:0px; padding: 0px 0px 0px 70px; font-size:71%; color: #0072bc;}
#DocumentFooter #FooterLinksbottom a, #DocumentFooter #FooterLinksbottom a:visited { color:#0072bc; font-weight:normal; text-decoration:none; }
#DocumentFooter #FooterLinksbottom a:active, #DocumentFooter #FooterLinksbottom a:focus { color:#0072bc; }
#DocumentFooter #FooterLinksbottom ul { float:left; margin:0; padding:0; border:0; list-style:none; }
#DocumentFooter #FooterLinksbottom ul li { float:left; margin:0; padding:6px 0 7px 4px; border:0; }
#DocumentFooter #FooterLinksbottom ul li a { display:inline; float:left; text-decoration:none; color:#0072bc; border-left:1px solid #0072bc; padding:0 10px 0 14px; }
#DocumentFooter #FooterLinksbottom ul li.first  { border: 0px; padding:6px 10px 0 6px;}
#DocumentFooter #FooterLinksbottom ul li.first a { border: 0px; }
#DocumentFooter #FooterLinksbottom ul li a:active, .navLinks ul li a:focus { color:#000; }
#DocumentFooter #FooterLinksbottom ul li a:hover { text-decoration:underline; }



#DocumentFooter #WAILogo { width:12.9%; float:right; margin:0; padding:0; border:0; font-size:71%; text-align:right; }

#PageBody #BackToTopWrapper { text-align:right; font-size:75%; color:#8e047f; border: 1px solid black;}


/* innerpage - vertical menu */
#SideNavigationInnerpage #VerticalMenuWrapper,
#SideNavigationInnerpage #VerticalMenuWrapper ul,
#SideNavigationInnerpage #VerticalMenuWrapper li,
#SideNavigationInnerpage #VerticalMenuWrapper a { margin:0; padding:0; border:0; font-size:99%; font-weight:normal; }
#SideNavigationInnerpage #VerticalMenuWrapper ul, #SideNavigationInnerpage #VerticalMenuWrapper li { list-style:none; }
#SideNavigationInnerpage #VerticalMenuWrapper { width:184px; height:auto; margin:0 0 2em 0; font-size:75%; line-height:1.1em; overflow:hidden; background-color:#ffffff; }


#mainhead { border: 0px solid red; width: 99%; height: 163px; padding: 10px 0px 0px 0px;}
#mainheadhomepage { border: 0px solid red; width: 99%; height: 202px; padding: 10px 0px 0px 0px;}
#mainheadbottom {border: 0px solid red; width: 99%; height: 31px; margin:0px 0px 0 20px; padding: 0px;}
#mainheadbread {border: 0px solid red; width: 99%; height: 31px; margin:0px 0px 0px 20px; color: #0072bc; clear: both;}
#mainheadbread a {color: #0072bc; text-decoration: none;}
.mainheadbreadtext {font-size: 0.80em; font-weight:Normal; color:#000; padding: 10px 0px 0px 180px; border: 0px solid blue;}


#topLinks {}
#SideNavigation { }
#sideBannerWrapper {}
#MainBannerWrapper {}



.rightheadtext{ width: 99%; float: left;  font-family:arial,verdana,helvetica; font-size: 1.1em; font-weight:Normal; color:#fff; height: 160px; margin: 0px 0px 0px 10px; padding: 0px; float: left;}
.rightheadtext { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid red; background-color: #0072bc; height: 160px;}
.rightheadtextinner { padding: 60px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid red; background-color: #0072bc; height: 160px; display: inline;}
.rightheadtext p {padding: 10px 10px 0px 10px; margin: 0px;}
.rightheadimage {width: 325px; border: 0px solid green; width: 50%; float: left; margin: 0px 0px 0px 10px; padding: 0px;}
.leftheadimage {width: 325px; border: 0px solid green; float: left;}
.leftheadimagebottom {width: 325px; border: 0px solid green; float: left;  padding: 0px 0px 0px 70px; margin: 0px;}

.rightheadnonflash {padding: 85px 0px 20px 0px; }

.flashlink {}
.flashlink a:link{  color: #fff; text-decoration:none;}
.flashlink a:active{  color: #fff; text-decoration:none;}
.flashlink a:hover {  color: #fff; text-decoration:underline;}
.flashlink a:visited {  color: #fff; text-decoration:none;}


.flashlinkhomepage {height: 220px; margin: 0px 0px 40px 0px; padding: 0px 0px 40px 0px;}

.rightheadnonimage {margin: 0px 10px 0px 0px; float: left; border-right: 10px solid #fff;}


#search {clear:both; width: 70%; padding: 2px 2px 2px 2px; margin: 20px 0px 0px 10px; color: #0072bc; border: 1px solid #828282; }

.row {padding: 2px 2px 2px 2px; border: 0px solid black; text-align: left; }
.rowinput {padding: 2px 2px 2px 3px; border: 0px solid black; text-align: left; }
#rowsubmit {padding: 2px 2px 2px 2px; border: 0px solid black; text-align: right; }
.searchinput {border: 1px solid #828282; text-align: left; padding: 0px; margin: 0px; width: 120px;}
.searchbutton {border: 0px; background-color: #fff; color: #0072bc; cursor: pointer;}

#title {margin: 0px 0px 0px 5px; padding: 0px; color: #0072bc; font-size: 1.3em;}
#content {margin: 0px 0px 0px 5px; padding: 0px; border: 0px solid blue;}
#contentleft {float: left;  margin: 0px; padding: 5px 5px 5px 0px; width: 308px; border: 0px solid red;}
#contentright {float: left; margin: 0px 0px 0px 25px; padding: 5px 5px 5px 0px; width: 308px;  border: 0px solid blue;}

#contentright a , #contentleft a {color: #0072bc;}

#bottomcontent {width: 99%; float: left;}


.bannerimage {margin: 0px; padding: 0px; float: left;}


/*  Contact form */

.FormLabel { width: 25%; float: left; padding: 0px 5px 5px 5px; margin: 0px; }
.FormInput { width: 200px; float: left; padding: 0px 5px 5px 5px; margin: 0px;  text-align: right;}

.textField { width: 200px; padding: 0px; margin: 0px;}
.textAreaField {width: 200px; padding: 0px; margin: 0px; font-family:arial,verdana,helvetica;}
.submit {border: 1px; background-color: #fff; padding: 0px 0px 0px 120px; margin: 0px; color: #0072bc; cursor: pointer;}

.Labeldisclaimerright {float: left;  padding: 0px 0px 0px 10px; margin: 0px;}
.Labeldisclaimerleft {float: left; }

.phototitle {padding: 10px 0px 10px 0px; color: #0072bc; font-size: 1.3em;}

.backtoindex {text-align: left; margin: 20px 0px 0px 0px;}

#backtoindex {text-align: left; margin: 20px 0px 0px 0px;}
#backtoindex a{color: #0072bc; font-weight: bold; text-decoration:none;}
#backtoindex a:active{color: #0072bc; text-decoration: none; }
#backtoindex a:hover{color: #0072bc; text-decoration: underline; }
#backtoindex a:visited{color: #0072bc; text-decoration: none; }

.clear {clear: both;}
.fieldHolderBoolean { float:left; }
.boolean { float:left; clear: right;  padding: 2px 5px 5px 5px; width: 80%;}



#content a{color: #0072bc; text-decoration:none;}
#content a:active {color: #0072bc; text-decoration: none; }
#content a:hover {color: #0072bc; text-decoration: underline; }
#content a:visited {color: #0072bc; text-decoration: none; }

.red, .errorList {color: red;}

#top {text-align: center; width: 99%; float: right; clear: both; padding: 20px 0px 0px 0px;}
#top a:hover {text-decoration: underline; }

.Heading1, H1, .Heading2, H2, .Heading3, H3, .Heading4, H4, .Heading5, H5, .Heading6, H6 {font-weight:bold; margin:0; padding:0;}
.Heading1, H1 {font-size: 130%; color:#0072bc}
.Heading2, H2 {font-size: 120%; color:#0072bc}
.Heading3, H3 {font-size: 99%; color:#0072bc}
.Heading4, H4 {font-size: 99%; color:#0072bc}
.Heading5, H5 {font-size: 90%; color:#0072bc}
.Heading6, H6 {font-size: 80%; color:#0072bc}

#map {padding: 10px 0px 10px 0px;}
#BusinessNeedsSurvey { margin:10px 0 10px 15px; }

#BusinessNeedsSurvey a { text-decoration:none; }
