body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background-image: url('images/layout/bgTile.gif');
	background-color: #FBF11D;
}

/* Disable borders on anchored images. */
a img{ border:0px }

.container {
	width: 739px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border:0px
}

.masterTable {
	border:0px;
	background-color:#fff;
	width: 739px;
	text-align: left;
	margin-left:auto;
	margin-right:auto
}

.banner {
	background-image: url('images/layout/ClarksMastHead.png');
	height: 214px;
}

.pageBorderLeft {
	width:4px;
	background-image: url('images/layout/pageBorderLeft.gif');
	vertical-align:bottom
}

.pageBorderRight {
	width:4px;
	background-image: url('images/layout/pageBorderRight.gif');
	vertical-align:bottom
}

/* The following navigation properties are for the image swaps in the top navigation bar. */
.topNavigation {
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	vertical-align:middle;
	text-align:center
}

span.topNavigationLeft {
	float: left;
	width: 148px;
	height: 32px
}

span.topNavigationLeft a {
	display: block;
	height: 32px;
	background: url(images/layout/topNavLinkLeft.gif) no-repeat;
	overflow: hidden;
	color:#fff;
	text-decoration:none;
	vertical-align:middle
}

span.topNavigationLeft a:hover {
	display: block;
	height: 32px;
	background: url(images/layout/topNavLinkActiveLeft.gif) no-repeat;
	overflow: hidden;
	color:yellow
}

span.topNavigationMiddle {
	float: left;
	width: 145px;
	height: 32px
}

span.topNavigationMiddle a {
	display: block;
	height: 32px;
	background: url(images/layout/topNavLinkMiddle.gif) no-repeat;
	overflow: hidden;
	color:#fff;
	text-decoration:none
}

span.topNavigationMiddle a:hover {
	display: block;
	height: 32px;
	background: url(images/layout/topNavLinkActiveMiddle.gif) no-repeat;
	overflow: hidden;
	color:yellow
}

span.topNavigationRight {
	float: left;
	width: 148px;
	height: 32px
}

span.topNavigationRight a {
	display: block;
	height: 32px;
	background: url(images/layout/topNavLinkRight.gif) no-repeat;
	overflow: hidden;
	color:#fff;
	text-decoration:none
}

span.topNavigationRight a:hover {
	display: block;
	height: 32px;
	background: url(images/layout/topNavLinkActiveRight.gif) no-repeat;
	overflow: hidden;
	color:yellow
}
.insideNavigation {
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	vertical-align:middle;
	text-align:center
}

span.insideNavigationLeft {
	float: left;
	width: 139px;
	height: 27px
}

span.insideNavigationLeft a {
	display: block;
	height: 27px;
	background: url(images/layout/topNavLinkLeft.gif) no-repeat;
	overflow: hidden;
	color:#fff;
	text-decoration:none;
	vertical-align:middle
}

span.insideNavigationLeft a:hover {
	display: block;
	height: 27px;
	background: url(images/layout/topNavLinkActiveLeft.gif) no-repeat;
	overflow: hidden;
	color:yellow
}

span.insideNavigationMiddle {
	float: left;
	width: 128px;
	height: 27px
}

span.insideNavigationMiddle a {
	display: block;
	height: 27px;
	background: url(images/layout/topNavLinkMiddle.gif) no-repeat;
	overflow: hidden;
	color:#fff;
	text-decoration:none
}

span.insideNavigationMiddle a:hover {
	display: block;
	height: 27px;
	background: url(images/layout/topNavLinkActiveMiddle.gif) no-repeat;
	overflow: hidden;
	color:yellow
}

span.insideNavigationRight {
	float: left;
	width: 130px;
	height: 27px
}

span.insideNavigationRight a {
	display: block;
	height: 27px;
	background: url(images/layout/topNavLinkRight.gif) no-repeat;
	overflow: hidden;
	color:#fff;
	text-decoration:none
}

span.insideNavigationRight a:hover {
	display: block;
	height: 27px;
	background: url(images/layout/topNavLinkActiveRight.gif) no-repeat;
	overflow: hidden;
	color:yellow
}

.repositionLinkText {
	display:block;
	position:relative;
	top:4px
}

.content {
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	border:0px;
	margin:0px
}

.contentTop { height:200px }

.contentBottomLeft { width:600px; }

.contentBottomRight {
	text-align:right;
	vertical-align:bottom
}

.topicBox {
	text-align:center;
	vertical-align:top;
	border-left:1px #000 solid;
	border-top:1px #000 solid;
	margin:5px;
	font-size:x-small;
	padding:3px;
}

.topicBox a {
	color:#000;
	text-decoration:none
}

#tbText {
	display:block;
	padding-top:3px;
	margin-top:3px;
	border-top:2px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	border-style:outset;
	}

.horizontalRule { 
	padding-top:8px;
	text-align: center;
	width:739px
}

.bottomNavigation {
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color:rgb(0,50,0);
	width:739px
}

.bottomNavigation a {
	text-decoration:none;
	color:rgb(0,50,0)
}

.bottomNavigation a:hover { 
	color:rgb(0,128,0)
}