/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-color: #114171;

}

img {
	border: 0px;
	text-align: center;
}

.imageFloatLeft {
	float: left;
	padding: 0px 10px 20px 0px;
}

.imageFloatRight {
	float: right;
	padding: 0px 20px 10px 0px;
}

.image_align  {
	vertical-align: middle;
}


/* Layout */

#wrapper {
	position: relative;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	right: auto;
	padding: 0px;
	background-color: white;
	background-image: url('../Swatches/images/Image2f.jpg');
	background-repeat: no-repeat;

}

#paint_wrapper {
	position: relative;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	right: auto;
	padding: 0px;
	background-color: white;


}

#masthead {
	width: 1024px;
	height: 230px;

}

#dropcloth {
	width: 1024px;
	height: 339px;
	background-image: url('../paintstore/images/storebanner.jpg');
	background-repeat: no-repeat;
}


#top_nav {
	width: 1024px;
	height: 50px;
}

#container {
	width: 1024px;
	padding: 0;
	margin: 0;

}

#paint_container {
	width: 1024px;
	padding: 0;
	margin: 0;
	background-image: url('../paintstore/images/menubg.jpg');
	background-repeat: repeat;
}


#left_col {
	width: 200px;
	float: left;
}

#right_col {
	width: 180px;
	float: right;
}

#wide_col {
	width: 780px;
	float: left;
	padding: 0px 0px 10px 30px;
}

#wide_colRight {
	width: 780px;
	float: right;
	padding: 0px 10px 0px 30px;
}

#page_content {
	margin-left: 220px;
	margin-right: 200px;
	padding: 10px;
}

#page_bottom {
	
	clear: both;
	background-image: url(../paintstore/images/pgBottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 1020px;
	height: 68px;
}

#footer {
	clear: both;
	background-image: url(../images/pageBottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 1020px;
	height: 320px;
}


#help_footer {
	clear: both;
	background-image: url(../images/blankBottom.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	height: 270px;
	background-color: white;
}

#search {
	position: absolute;
	width: 570px;
	height: 22px;
	z-index: 3; 
	left: 510px;
	top: 441px;
}

#I1 {
	border: 0px;
	width: 900px;
	height: 180px;
	background-color: transparent;
	
}	

/*writing page layout */

#grammar_col {
	width: 320px;
	float: left
}

#tools_col {
	width: 350px;
	margin-left: 340px;
}

#writing_col {
	width: 780px;
	float: left;
	padding: 0px 0px 10px 10px;
}


/* text formatting */


.paratext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	line-height: 16pt;
}

.centeredText  {
	text-align: center;
}

.italText  {
	font-style:  italic;
}

.smallText {
	font-size: 10pt;
	line-height: 14pt;
}

.title {
	font-weight: bold;
	font-size: 18pt;
}

.boldText {
	font-weight: bold;
}

.bigText {
	font-size: 24pt;
}

.whiteText {
	color: white;
}


.copyright {
	font-size: 9pt;
	font-style: italic;
	text-align: center;
}

/* Link formatting */


a {
	color: #006699;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
	font-size:  11pt;
}

a.whitelink  {
	color: white;
}

a:visited.whitelink {
	color: #FFFFFF;
}

a:active.whitelink {
	color: #FFFFFF;
}


a.footerlink  {
	color: #006699;
	font-size: 10pt;
	font-weight: bold;
}


a:visited {
	color: #006699;
}

a:active {
	color: #006699;
}
a:hover {
	color: orange;
	}

.padParagraph {
	padding-left: 30px;
	padding-right: 30px;
}

.formBorder {
	padding: 0px;
	margin: 0px;
}

.faq {
	color: #FFA500;
	font-weight: bold;

}


.whiteText {
	color: #FFFFFF;

}


h1 {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	line-height: 22px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	font-style: normal;

}