/* ============ GENERAL ============ */

* 					{ margin:0; padding:0;}
html, body 			{ margin:0; padding:0;}
body 				{ background:#6cf; color:#444; background-image:url("images/bg.gif"); font-size:100%; font-family:Helvetica, Arial, sans-serif; text-align:center; padding:15px;}
div					{ background-color:transparent; color:#000;}
p 					{ margin: 0 0 1em 0;}

img 				{ border:0;}
img, img a			{ border-style:none;}

blockquote 			{ margin:0 20px 0 20px; padding:5px; font-weight:bold; font-size:140%; background-color:transparent; color:#399;}
hr 					{ border:none; border-top:1px dotted #ccc; width:100%; height:1px; text-align:center; margin:5px 0 15px 0;}
q 					{ font-weight:bold; background-color:transparent; color:#399;}
q:before, q:after 	{ content:"";}
strong 				{ font-weight:bold;}
.abbr 				{ border-bottom:1px dotted #999; cursor:help;}
.caption 			{ font-weight:bold; font-size:0.86em; color:#666; background:transparent; margin:0 0 0 7px;}
.center 			{ text-align:center; margin:0 auto 0 auto;}
.grey_out 			{ background-color:transparent; color:#999;}
.border 			{ border:solid 1px #000;}
sup 				{ line-height:2em;}
sub  				{ line-height:1.2em;}

/* GENERIC LINKS */
a, a:link, a:active		{ background-color: transparent; color: #09f;}
a:visited				{ background-color: transparent; color: #069;}
a:hover 				{ background-color: transparent; color: #369;}

/* HEADINGS */
h1, h2, h3, h4		{ margin:0; padding:0; background-color:inherit; color:#3cc; font-size:100%;}
h1 					{ font-size:180%; padding-bottom: 10px;}
h2 					{ font-size:120%;}
h3	 				{ font-size:100%;}
h4 					{ font-size:100%;}


/* ============ STRUCTURAL ============ */

.skipnav 	{ background-color:transparent; color:#fff; font-size:6pt; text-decoration:none; position:absolute; left:0px; top:-100px;}
.accesskeys { background-color:transparent; color:#fff; font-size:6pt; text-decoration:none; position:absolute; left:0px; top:-100px;}
.clearer 	{ clear:both; height:1px; width: 1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}

#wrapper 	{ margin:0 auto 0 auto; padding:0; width:950px; min-height:100%; text-align:left;}


/* HEADER */
#headerPRINT		{ display:none;}
#header				{ margin-top:25px; padding:0; width:950px; height:190px; text-align:left; background:url("images/HeaderBG.gif") repeat-x top left; border-left:3px solid #fff;}
#header-col-left 	{ float:left; width:280px; background-color:#3cc; color:#fff; border-top: 3px solid #fff;}
#header-col-right 	{margin-left: 280px; height:190px; text-align:right; background:url("images/HeaderCorner.gif") no-repeat top right;}

/* SEARCH */
#search-container			{ height:70px; width:280px; border-right:#fff solid 3px; border-bottom:#fff solid 1px; padding:0;}
#search 					{ padding:15px 0 0 20px;}

#search p 					{ margin:0; padding:0; background-color:transparent; color:#fff; font-size:0.9em; font-weight:bold;}
#search form 				{ margin:0; padding:0;}
#search fieldset			{ border:0;} 
#search input 				{ margin:0; padding:0; display:inline;}
#search input.searchfield 	{ margin:0; height:auto; width:150px; font-size:0.7em; text-indent: 3px; background-color:#fff; color:#999; }
#search input.searchbutton 	{ margin:0; height:25px; width:25px; border:0; font-size:0.7em; background:url("images/SearchButton.gif") no-repeat top left; cursor:pointer;}

/* TOP NAV */
#topnav-container	{ width:280px; height:117px; margin:0; padding:0; border-right:#fff solid 3px; background:url("images/TopNavBg.gif") no-repeat top left;}

#topnav				{ margin:0; padding:0; list-style-type:none;}
#topnav ul	 		{ margin:0; width:280px; list-style-type:none; padding:0; margin:0;}
#topnav ul li 		{ margin:0; padding:0; border-bottom:#fff solid 1px; line-height:1.35em;}

#topnav ul li a, #topnav ul li a:visited { margin:10px; padding-left:12px;  background-color:transparent; color:#fff; text-decoration:none; font-size:0.8em; font-weight:bold; background:url("images/Bullet-TopNav.gif"); background-position:0 1px; background-repeat:no-repeat;}

#topnav ul li a:hover { margin:10px; padding-left:12px; background:transparent; color:#369; background: url("images/Bullet-TopNavHOVER.gif"); background-position:0 1px; background-repeat:no-repeat;} 
#topnav ul li.noborder 	{ margin:0; padding:0; border-bottom:none; line-height:1.35em;}



/* LEFT NAV */
#nav-container		{ border-top:25px solid #6cf; margin:0; padding:0;}

#nav-A				{ border-top:1px solid #fff; background:url("images/grad-A.gif") no-repeat top right; background-color:#ebf6fb; color:#000;}
#nav-B				{ background:url("images/grad-B.gif") no-repeat top right; background-color:#dcf9fc; color:#000;}

#nav-A ul, #nav-B ul 						{ margin:0; padding:0; list-style-type:none;}
#nav-A ul li, #nav-B ul li 					{ margin:0; padding:0; list-style-type:none; border-bottom: #ccc solid 1px; line-height:1.65em;}

#nav-A ul li a, #nav-A ul li a:visited, #nav-B ul li a, #nav-B ul li a:visited 	{ margin:10px; padding-left:12px; background-color:transparent; color:#333; text-decoration:none; font-size:0.7em; font-weight:bold; background:url("images/Bullet-Nav.gif"); background-repeat:no-repeat; background-position:0 1px;}

#nav-A ul li a:hover, #nav-B ul li a:hover 	{ background:transparent; color:#369; background: url("images/Bullet-NavHOVER.gif"); background-repeat:no-repeat; background-position: 0 1px;} 

/* PAGE OLD STYLES
#page 				{ margin:0; padding:0; width:949px; text-align:left; border-left:3px solid #fff; background:url("images/magnify.gif") no-repeat bottom left; background-color:#fff; color:#444; border-top: 3px solid #fff;}

/* PAGE */
#page-col-left		{ float:left; width:280px; min-height:500px; text-align:left; border-right:1px solid #ccc;}
#page-col-right		{ margin-left:280px; width:640px; min-height:600px; padding:5px 0 5px 5px; text-align:left;}


#page 				{ margin:0; padding:0; width:949px; text-align:left; border-left:3px solid #fff; border-top:3px solid #fff; border-bottom:3px solid #fff; background:url("images/SeeItReportItPoster_NONE.jpg") no-repeat bottom left; background-color:#fff; color:#444; background-color:#fff; color:#444; }

#page.image1		{ background:url("images/SeeItReportItPoster_Wendy.jpg") no-repeat bottom left; background-color:#fff; color:#444;}
#page.image2		{ background:url("images/SeeItReportItPoster_Ellie.jpg") no-repeat bottom left; background-color:#fff; color:#444;}
#page.image3		{ background:url("images/SeeItReportItPoster_George.jpg") no-repeat bottom left; background-color:#fff; color:#444;}
#page.image4		{ background:url("images/SeeItReportItPoster_Mary.jpg") no-repeat bottom left; background-color:#fff; color:#444;}
#page.image5		{ background:url("images/SeeItReportItPoster_Peter.jpg") no-repeat bottom left; background-color:#fff; color:#444;}
#page.image6		{ background:url("images/SeeItReportItPoster_Susan.jpg") no-repeat bottom left; background-color:#fff; color:#444;}


/* BREADCRUMB */
#breadcrumb 		{ margin-left:5px; margin-bottom:15px; background-color:inherit; color:#09f; font-size:70%;}
#breadcrumbv a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, #breadcrumb a:hover { background-color:inherit; color:#09f;}
#breadcrumb a:hover { background-color:inherit; color:#369;}

/* CONTENT AREA */
#content 			{ width:auto; font-size:0.8em; margin:0 5px 0 30px; padding:0 0 20px 0; text-align:left; line-height:1.25em;}

#introbox			{ width:auto; margin:5px 0 15px 0; padding:10px 10px 10px 15px; border:1px solid #ccc; background-color:#f7f7f7; color:#333; min-height:95px;}
#introbox img		{ float:right; border:1px solid #ccc; margin-left:10px; height:90px; width:115px;}
#introbox p 		{ margin:0; line-height:1.65em; font-size:1.1em; font-weight:bold;}

#content ul 		{ list-style-type:none; padding:0; margin:5px 0 10px 15px;}
#content ul li 		{ margin-top:7px; padding:0 0 0 12px; background:url("Images/bullet.gif"); background-position: 0 2px; background-repeat:no-repeat;}
#content ol 		{ padding: 0; margin:5px 0 15px 15px;}
#content ol li 		{ margin:5px 0 0 15px; padding:0;}

/* HOME PAGE LAYOUT */
#home-page			{ margin:0; padding:0; width:946px; text-align:left; border-left:3px solid #fff; background-color:#c6fcfe; color:#444; background:url("images/SA-HomeBG.gif") repeat-x bottom left; height:483px;}
#home-page-pattern 	{ margin:0; padding:0; width:946px; text-align:left; background:url("images/SA-HomePattern.gif") no-repeat bottom left; border-bottom:3px solid #fff; border-right:3px solid #fff; height:483px;}
#home-band			{ border-top: 3px solid #fff; background-color:#39f; height:25px;color:#39f; margin:0; padding:0; border-bottom:2px solid #fff; }
#home-page-col-left	{ float:left; width:355px; text-align:left; background:url("images/SA-Home-MagnifyingGlass.gif") no-repeat bottom left; height:452px;}
#home-page-col-right { margin-left:355px; text-align:left;}

#home-content		{ border-left:#ccc solid 1px; border-right:#ccc solid 1px; width:470px; margin:0; padding:20px 50px 50px 50px; text-align:left; height:382px; background-color:#fff; color:#333;}

#home-content ul 	{ list-style-type:none; padding:0; margin:0;}
#home-content ul li { list-style-type:none; padding:0; margin:0;}
#home-content ul li a, #home-content ul li a:visited { margin:10px; padding-left:12px; background-color:transparent; color:#39f; text-decoration:none; font-size:1.025em; font-weight:bold; background:url("images/Bullet-home.gif"); background-repeat:no-repeat; background-position:1px 5px;}
#home-content ul li a:hover { background:transparent; color:#369; background: url("images/Bullet-TopNavHOVER.gif"); background-repeat:no-repeat; background-position: 1px 5px;} 
#home-content ul li p	{ padding-left:23px; font-size:0.70em;}


#home-strapline		{ border:solid #fff 1px; width:470px; height:53px; text-align:right; background: url("images/AltogetherSafer-logo.gif"); background-repeat:no-repeat; background-position:bottom right; margin:0; padding:0;}
#home-strapline p	{ margin-top:26px; padding-right:210px; font-size:0.75em;}



/* FOOTER */
#footer 			{ margin:0; padding-top:5px; text-align:left; border-top:4px solid #006; font-size:70%;}
#footer-left 		{ float:left; width:auto; margin:0; padding:0; height:20px; background-color:transparent; color:#006;}
#footer-right 		{ text-align:right; height:20px; background-color:transparent; color:#006;}
#footer ul 			{ list-style-type:none;}
#footer li 			{ display:inline; border-right:1px solid #006; padding:0 5px 0 5px;}
#footer a, #footer a:visited { background-color:transparent; color:#006; text-decoration:none;}
#footer a:hover 	{ background-color:transparent; color:#369; text-decoration:underline;}

/* FORMS */
#form 							{ margin:0; padding:0;}
#form p							{ margin:0; padding:0 5px 10px 5px;}
#form fieldset 					{ border:solid 1px #ccc; padding:5px; margin:5px;}
#form fieldset legend	 		{ line-height: 130%; font-size: 1.1em; font-weight:bold; background-color:transparent; color:#399; margin:0; padding:0 5px;}
#form fieldset label 			{ vertical-align:top; font-weight:bold; width:100px; float:left; text-align:right; padding-top:2px; padding-right:5px;}
#form fieldset textarea 		{ width:300px; height:100px; background-color:#f7f7f7; color:#000; font-size: inherit; font-family:inherit; border:solid 1px #333; margin:2px; padding:2px; overflow:auto;}
#form fieldset input 			{ width:300px; background-color:#f7f7f7; color:#000; border:solid 1px #333; margin:2px; padding:2px;}
#form fieldset textarea:focus, #form fieldset input:focus { background-color:#ebf6fb; color:#000;}
#form .indent 					{ margin: 1px 1px 1px 105px;}
#form .indent label				{ font-weight:normal; float:none; text-align:left; padding-top:5px; padding-right:5px; width:100px;}
#form .indent input.button 		{ cursor:pointer; width:90px; height:20px; margin-left:2px; font-weight:bold; font-size:80%; background-color:#dcf9fc; color:#333; border:solid #333 1px; background:url("images/ButtonBG.gif") repeat-x;}
#form .indent input.checkbox 	{ width:15px;}
#form .indent input.radio		{ width:10px;}
#form .indent select.dropdown	{ width:305px;}

.mandatory 						{ background-color:inherit; color:#399; font-weight:bold;}

/* DOCUMENT LIBRARY */
.previousnext			{ text-align:center; height:20%; width:90%; padding-left:10px;}
.previous				{ float:left; width:40%; text-align:left;}
.next					{ float:right; width:40%; text-align:right;}

#doclib 				{ width:95%;}
#doclib-txt 			{ }
#doclib-img 			{ float:right; padding-left:20px;}
#doclib-img  img 		{ border:1px solid #333;}
#doclib-img  img.nobord { border:0;}
#doclib-attach 			{ }

#doclib-table .tdHeaderLeft 		{ font-size:110%; text-align:left;}
#doclib-table .tdHeaderCenter		{ font-size:110%; text-align:center;}
#doclib-table table 				{ border-collapse:collapse; margin:10px; width:90%; background-color:#f7f7f7; color:#444; font-size:100%; font-family:Helvetica, Arial, sans-serif;}
#doclib-table th					{ background-color:transparent; color:#333; font-weight:bold; padding:0; text-align:left; border:1px solid #ccc; padding:3px;}
#doclib-table td					{ padding:3px; border:1px solid #ccc; empty-cells:show; text-align:left;}

/* LEAFLETS */
#leaf 					{ width:95%; border-bottom:1px dotted #ccc; margin-bottom:10px;}
#leaf-txt 				{ } 
#leaf-img 				{ float:right; padding-left:20px;}
#leaf-img  img 			{ border:1px solid #333;}
#leaf-img  img.nobord 	{ border:0;}
#leaf-attach 			{ }
.leaf-end				{ clear:both;}