/* -----------------  Mind in Bexley Style Sheet by Bruno Reader -------------------------------------------------------*/
@charset "utf-8";

/* -----------------  general styles -------------------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; color: #000000; }

/* -----------------  container-------------------------------------------------------*/

.container { margin:1px auto; clear: both; width: 770px; background-color: #FFFFFF; }
.container #header .right { border-style: none; }

/* -----------------  skip to content / nav for screen readers -------------------------------------------------------*/

.skip { position: absolute; }
.skip  ul { margin: 0px; padding: 0px;}
.skip li { display: inline; margin: 0px; padding-left: 0.5em; }
.skip a { color: #FFFFFF; margin-left: -9000px; position: absolute; }

/* -----------------  header / mind logo -------------------------------------------------------*/ 

.header { height: 90px; width: 770px; margin-bottom: 5px; }
.header img { border-style: none; }
.header img.right { margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 110px; }

 /* -----------------  main navigation menu -------------------------------------------------------*/
 
.menu { height: 30px; margin-left: 10px; margin-right: auto; float: none; width: 100%; }
.menu ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.menu li { display: inline; overflow: hidden; }
.menu a {
	display: block;
	float: left;
	color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	background-image:  url(images/menu_gradient_hover.jpg);
	text-transform: uppercase;
	width: 80px;
	margin-right: 5px;
}
.menu a:link, .menu a:visited {
	display: block;
	float: left;
	color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
	padding-top: 5px;
	background-image:  url(images/menu_gradient.jpg);
	text-transform: uppercase;
	width: 80px;
	margin-right: 5px;
}
.menu a:hover, .menu a:focus, .menu a:active {
	color: #DDDDDD;
	background-color: #020094;
}

/* -----------------  top banner -------------------------------------------------------*/ 

.banner { width: 760px; height: 100px; visibility: inherit; float: left; margin-right: 10px; margin-top: 0px; margin-bottom: 8px; background-image: url(images/banner13.jpg); background-repeat: no-repeat; margin-left: 10px; }

/* -----------------  sidebar links -------------------------------------------------------*/

.link { float : left; width : 140px; margin-top: 5px; margin-right: 5px; margin-left: 10px; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; overflow: hidden; }
.link  ul {margin : 0; padding : 0; list-style-type : none; }
.link li { margin : 0 0 0.25em 0; }
.link  a { display : block; font-size : 0.7em; color : #010080; width : 110px; background-image: url(images/ico_links.gif); background-repeat: no-repeat; background-position: 5px 3px; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1.8em; text-decoration: none; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #010080; }
.link a:hover, .link a:focus, .link a:active { color :#990000; }
/* -----------------  sidebar sub-links -------------------------------------------------------*/
.link a.sub { font-size: 0.7em; font-weight: normal; text-transform: capitalize; #000033; background-image: none; padding-left: 0.2em; width: 127px; border-bottom: 1px solid #010080; color: #000033; }
.link a.sub:hover, .link a.sub:focus, .link a.sub:active { color : #A42828; padding-left: none; }
/* -----------------  sidebar day services link -------------------------------------------------------*/
.link a.dayservices { font-weight: bold; }
 
 /* -----------------  main content -------------------------------------------------------*/
 
.content { min-height: 350px; width: 600px; float: right; margin-bottom: 10px; }
.content h1 { font-size: 1.2em; margin-left: 0.5em; margin-right: 1em; border-bottom: 1px solid #000066; color: #000066; }
.content p { font-size: 0.9em; margin-right: 2em; margin-left: 1em; text-align: justify; line-height: 1.3em; display: block; }
.content h2 { font-size: 1.1em; }
.content h3 { font-size: 0.8em; color: #01007F; margin-left: 0.5em; line-height: 1.5em; }
.content li { margin-left: -10px; line-height: 1.7em; font-size: 0.9em; color: #000033; padding-left: 5px; margin-right: 20px; }
.content img { margin-left: 5px; }
.content img.right { float: right;	margin: 3px 0 0 15px;}
.content img.left { float: left; margin-top: 0px; margin-right: 15px; margin-bottom: 0; margin-left: 3px; }
.content a { color: #000084; font-weight: normal; text-decoration: none; }
.content a.news { color: #000066; font-weight: normal; text-decoration: none; }
.content a:hover, .content a:focus, .content a:active {color: #000099; text-decoration: underline; }
.content ul.map { line-height: 1.7em; font-size: 0.9em; color: #333333; padding-left: 5px; margin-right: 5px; margin-left: 20px; font-weight: normal; }
.sitemap ul.map { line-height: 1.7em; font-size: 0.9em; color: #333333; padding-left: 5px; margin-right: 5px; margin-left: 20px; font-weight: normal; }
a.lower{ color:#000033}
#content .email { color: #000066; font-weight: normal; }
#content .team { text-align: left}
.access { float: right; height: 80px; margin-top: 0px; width: 100px; }
.access a { font-size: 0.7em; color: #666666; text-decoration: none; line-height: 60%; }
#sitemap { float: right; width: 330px; margin-top: 40px; }

/* -----------------  footer links -------------------------------------------------------*/

.footer { width: 750px; clear: both; text-align: center; height: 35px; margin-right: auto; margin-left: auto; border-top: 1px solid #CCCCCC; }
.footer a { font-size: 0.7em; color: #000033; text-decoration: none; font-weight: bold; }
.footer a:hover, .footer a:focus, .footer a:active { color: #990000; }
.footer p { color: #0000FF; }

 /* -----------------  bottom text -------------------------------------------------------*/
.clear { clear: both; width: 500px; text-align: center; height: 25px; margin-right: auto; margin-left: auto; }
.clear p { font-size: 0.8em; }
