body {
    font-family: tahoma, helvetica, arial, sans-serif;
    font-size: 11px;
    text-align: center;
    background: #FFFFFF;
    color: #6f6f6f;
}

html, body, h1, #navigation, #navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}

th, td {
    font-size: 10px;
}

img { border: 0; }

#site_container {
    margin: auto;
    text-align: left;
    width: 784px;
    position: relative;
}

#header {
	margin: 0;
	padding: 0;
	height: 142px;
	background: url(images/header_784x142_b.jpg) no-repeat;
	}

h1, h2, h3 {
    font-size: 11px;
}


h1 {
    margin: 0;
    padding: 0;
}

h2 {
    margin: 0 0 0 0;
    padding: 0;
}

h3 {
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
}

p {
    margin: 1em 0;
    padding: 0;
}

.right {
    float: right;
    margin: 1px 4px 0px 8px;
}

.left {
    float: left;
    margin: 1px 12px 0px 4px;
}

.clear {
    clear: both;
}


/* body */

/* main page */


#bottom_nav_a {
	margin: 0;
	padding: 0;
	width: 784px; /* normally 782px - stupid IE fix */
	height: 30px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	text-align: center;
}


/* fix for stupid IE */
html>body #bottom_nav_a {
	width: 782px;
	}


#bottom_nav {
	margin: 0;
	padding: 0;
	width: 784px; /* normally 782px - stupid IE fix */
	height: 30px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	text-align: center;
	background: url(images/content_nav_bottom.jpg) no-repeat;
}


/* fix for stupid IE */
html>body #bottom_nav {
	width: 782px;
	}

#lower_nav {
	padding: 6px 0 0 0;
	width: 780px;
	height: 28px;
}


#left {
	margin: 0;
	padding: 0;
	width:402px; /* normally 400px - stupid IE fix */
	height:246px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	border-bottom: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #left {
	width: 400px;
	}

#welcome {
	width: 398px;
	margin: 0;
	padding: 14px 10px 0 18px;
	}

/* fix for stupid IE */
html>body #welcome {
	width: 370px;
	}

#right {
	margin: 0;
	padding: 0;
	width:382px;
	height:246px;
	float: right;
	border-right: 1px solid #e1e2e5;
	border-bottom: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #right {
	width: 380px;
	}

#news {
	margin: 0;
	padding: 14px 10px 0 14px;
	}


#left_bottom {
	margin: 0;
	padding: 0;
	width:402px; /* normally 400px - stupid IE fix */
	height:200px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #left_bottom {
	width: 400px;
	}

#specials {
	width: 400px;
	background: url(images/specials_gradient.gif) repeat-x;
	margin: 0;
	padding: 10px 10px 0 10px;
	float: left;
	}

/* fix for stupid IE */
html>body #specials {
	width: 380px;
	}

#right_bottom {
	margin: 0;
	padding: 0;
	width:382px;
	height:200px;
	float: right;
	border-right: 1px solid #e1e2e5;
	background: url(images/content_right_bottom.jpg) no-repeat;
	}

/* fix for stupid IE */
html>body #right_bottom {
	width: 381px;
	}

#training {
	float: left;
	margin: 0;
	padding: 10px 10px 0 14px;
	}


/* ---end main page--- */




/* navigation */


* html .clear {
    margin-top: 0;
    margin-bottom: 0;
}


#navigation li {
    float: left;
    list-style: none;
    width: 164px; /* added 1px because IE doesn't count the border...see fix below. stupid IE browsers */
    font-size: 11px;
    font-weight: bold;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #7d828e;
    text-align: center;
}

/* the following is a fix for stupid IE browsers */

html>body #navigation li {
    width: 163;
}


/* individual navigation elements */

#navigation li.first {
    width: 128px;
    border-left: none;
}


/* ---end navigation elements--- */

#navigation a {
    color: #fff;
    display: block;
    height: 14px;
    text-decoration: none;
    background: #494f5b;
    padding: 8px 0;
    width: 100%;
}

#navigation a:hover {
    background: #e572a0;
}

/* ---end navigation--- */



/* footer */

#footer {
	float: left;
	margin: 0;
	padding: 5px 0;
	height: 24px;
	width: 784px;
	background: url(images/footer_gradient.gif) repeat-x;
	color: #fff;
	text-align: center;
	}

/* ---end footer--- */


/* full page layouts */

#sewing_centre {
	margin: 0;
	padding: 0;
	width: 784px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #sewing_centre {
	width: 782px;
	}

#sewing_centre_body {
	margin: 0;
	padding: 14px 12px 0px 14px;
	width: 720px;
	}

#tools {
	margin: 0;
	padding: 0;
	width: 784px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #tools {
	width: 782px;
	}

#tools_body {
	margin: 0;
	padding: 14px 12px 0px 14px;
	width: 746px;
	}

/* fix for stupid IE */
html>body #tools_body {
	width: 720px;
	}

#train_page {
	margin: 0;
	padding: 0;
	width: 784px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #train_page {
	width: 782px;
	}

#train_body {
	margin: 0;
	padding: 14px 12px 0px 14px;
	width: 746px;
	}

/* fix for stupid IE */
html>body #train_body {
	width: 720px;
	}

#misc {
	margin: 0;
	padding: 0;
	width: 784px;
	float: left;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	}

/* fix for stupid IE */
html>body #misc {
	width: 782px;
	}

#misc_body {
	margin: 0;
	padding: 14px 12px 0px 14px;
	width: 746px;
	}

/* fix for stupid IE */
html>body #misc_body {
	width: 720px;
	}