/* redefine common tags */
body {
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
color: #a8b5ab;
letter-spacing: 0.02em;
font-size:100%;
background: #2B72B2 url(../images/background-repeater.gif) repeat-x center top;
padding-top: 72px;
}

img {
display: block;
border: 0;
}

* {
padding: 0;
margin: 0;
}

strong {
font-weight: bold;
letter-spacing: 0em;
}

.clearer, .hr {
height: 1px;
clear: both;
overflow: hidden;
}

.clearer hr, .hr hr {
display: none;
}



.accessStyle, .hide {
display: none;
}

select, textarea, input {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
letter-spacing: 0.02em;
line-height: 1.1em;
}

form {
font-size: 1em;
position: relative;
z-index: 10000;
}

a {
position: relative;
z-index: 10000;
}

fieldset {
border: 0;
}

#maincontentcontainer .formsubmit {
font-weight: bold;
border: 1px solid #2B72B2;
padding: 12px;
margin: 6px 21px 6px 24px;
background: #EAEBEC;
}


/* redifine html tags */
p {
	margin:0px; padding:0px; text-align:left; 
	color:#000000; margin-bottom:1em;
}
A:link {
	color:#35529F;
	text-decoration: underline;
	font-weight: bold;
}
A:visited {
	color:#35529F;
	text-decoration: underline;
	font-weight: bold;
}
A:hover {
	color:#2B72B2;
	text-decoration: underline;
	font-weight: bold;
}

A:active {
		color:#2B72B2;
	text-decoration: underline;
	font-weight: bold;
}

strong {
	color:#35529F;
	font-weight: bold;
}
/* sitewide text styles */
.footertext {
	color:#FFFFFF;
	font-size: 0.7em; margin:0px; text-align:right;
	padding: 17px 12px 10px 8px;
}
.footertext A:link {
	color:#FFFFFF;
	text-decoration: none;
}
.footertext A:active {
	color:#FFFFFF;	text-decoration: underline;
}
.footertext A:visited {
	color:#FFFFFF;	text-decoration: none;
}
.footertext A:hover {
	color:#fff;text-decoration: underline;
}




/* site-wide main containers */
#mastercontainer {
position: relative;
background: #ffffff;
width: 774px;
margin: 0 auto;
text-align: left;
font-size: 0.7em;
line-height:1.2em;
}
#mainimagecontainer {
	margin:0px; padding:0px;
	
}

#navigationcontainer {
	width:572px;
	height:36px;
	margin:0; text-align:left;
	padding:0;
	background:url(../images/nav-background.gif) no-repeat left top;
	position: absolute;
	top: -36px;
	right: 13px;
}

#maincontentcontainer {
	width:774px; margin:0; padding:0;
	background: url(../images/content-repeater.gif) repeat-y center top;
}

#pageHome #maincontentcontainer {
background: url(../images/home-content-repeater.gif) repeat-y center top;
}

#maincontentcontainer .hr {
background: #fff url(../images/content-bottom.gif) no-repeat center top;
height: 16px;
}

#footercontainer {
	background: #F6921E url(../images/footer-shadow.gif) repeat-x left top;
	width: 774px;
margin: 0 auto;
}


#globalNav {
list-style-type: none;
position: absolute;
left: 12px;
top: 8px;
width: 546px;
}

#globalNav li {
float: left;
}

#globalNav li a:link, #globalNav li a:visited {
height: 23px;
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}

#globalNav li a:hover, #globalNav li a:active {
height: 23px;
display: block;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: right top;
overflow: hidden;
}

#navAbout a {
width: 63px;
background-image: url(../images/nav/about.gif);
}

#navStory a {
width: 64px;
background-image: url(../images/nav/story.gif);
}
#navSchools a {
width: 81px;
background-image: url(../images/nav/schools.gif);
}
#navBanks a {
width: 117px;
background-image: url(../images/nav/textile-banks.gif);
}
#navWipers a {
width: 71px;
background-image: url(../images/nav/wipers.gif);
}
#navExports a {
width: 78px;
background-image: url(../images/nav/exports.gif);
}
#navContact a {
width: 72px;
background-image: url(../images/nav/contact.gif);
}

/* site-wide structure */
#navrow {
	margin-left:14px; padding:0px;
}
#navrow p {
	margin:0;
	padding:0;
}
.navimage {
	border:0px; margin:0px; padding:0px;
}
#contentleft {
	width:520px;
	float:left;
	background: url(../images/content-top.gif) no-repeat left top;

}

#pageHome #contentleft {
	background: url(../images/home-content-top.gif) no-repeat left top;

}

#contentright {
	width:254px;
	float: right;
background: url(../images/content-top.gif) no-repeat right top;
}

#pageHome #contentright {
	background: url(../images/home-content-top.gif) no-repeat right top;

}

#contentcol1 {
width: 260px;
float: left;
}
#contentcol2 {
	width: 260px;
	float: right;
}

#kidsClothing {
background: url(../images/school-collection.gif) no-repeat right top;
}

#contentcol1 p {
padding: 0 21px 8px 24px;
}

#contentcol2 p, #contentright p {
padding: 0 21px 8px 14px;
}

#kidsClothing p.againstParas {
padding: 0 130px 8px 14px;
}

#titleWelcome {
width: 83px;
height: 15px;
text-indent: -9999px;
background: url(../images/title-welcome.gif) no-repeat left top;
padding-bottom: 6px;
margin: 21px 0 0 24px;
}

#titleTextile {
width: 148px;
height: 35px;
text-indent: -9999px;
background: url(../images/title-textilebanks.gif) no-repeat left top;
padding-bottom: 6px;
margin: 21px 0 0 14px;
}

#titleSchoolCollection {
width: 102px;
height: 54px;
text-indent: -9999px;
background: url(../images/title-school-collection.gif) no-repeat left top;
padding-bottom: 6px;
margin: 21px 0 0 14px;
}

#titleStoryBlouse {
width: 240px;
height: 44px;
text-indent: -9999px;
background: url(../images/title-story-blouse.gif) no-repeat left top;
padding-bottom: 6px;
margin: 0 0 0 3px;
}

h1.pageTitle {
width: 300px;
height: 15px;
text-indent: -9999px;
padding-bottom: 6px;
margin: 21px 0 0 24px;
}

#titleAbout {
background: url(../images/title-about.gif) no-repeat left top;
}

#titleSchools {
background: url(../images/title-schools.gif) no-repeat left top;
}

#titleTextileBanks {
background: url(../images/title-textile-banks.gif) no-repeat left top;
}

#titleWipers {
background: url(../images/title-wipers.gif) no-repeat left top;
}

#titleExports {
background: url(../images/title-exports.gif) no-repeat left top;
}

#titleContact {
background: url(../images/title-contact.gif) no-repeat left top;
}

.floatedImg {
float: right;
border: 1px solid #D7D7D7;
margin: 0 0 8px 12px;
}

#contentcol2 .floatedImg {
margin-right: 21px;
}

#clothingOverlay {
background: url(../images/clothing-overlay.gif) no-repeat left bottom;
width: 473px;
height: 307px;
position: absolute;
left: -98px;
bottom: -73px;
}

#mastercontainer div[id="clothingOverlay"] {
/* present png for better browsers */
background: url(../images/clothing-overlay.png) no-repeat left bottom;
}

#mainContentWrapper {
padding-bottom: 100px;
}

#mainContentWrapper p {
padding: 0 21px 8px 24px;
}

/* main image definitions */
#homeimageleft {
	width:772px;
	height:182px; 
	background: url(../images/working-with-charities.jpg) no-repeat 50% 10px;
	position: relative;
}
#homeimageleft img {
position: absolute;
top: 26px;
left: 4px;
}

form {
border-top: 1px solid #E2E3E3;
border-bottom: 1px solid #E2E3E3;
padding: 12px 0;
margin: 8px 21px 50px 24px;
}

label, .fakeLabel {
float: left;
display: block;
color: #35529F;
font-weight: bold;
width: 200px;
}

form br {
width: 100%;
clear: both;
}

#mastercontainer form p {
padding-left: 0;
}

.styledInput {
margin-bottom: 8px;
width: 220px;
float: left;
border: 1px solid #73A9DA;
padding: 4px;
}

#styledSubmit {
background: #35529F;
border: 1px solid #2B72B2;
color: #fff;
padding: 3px 14px;
overflow: visible;
}


#mainContentWrapper ul{
	display:block;
	margin:0px 0px 20px 45px;
	;
	color: #000000;
}