/*Colors
#660099 - Purple
#ffcc00 - Gold
#9a9691 - Gray (Header Top)
#302f2d - Black/Grey (Footer and page background)
#321f38 - Dark Purple (breadcrumb) hover
#e3b803 - Deep Gold (sitemap link hover)
#fff6bc - light yellow/gold (admin top nav link...)
#4b348c - Purple (admin details header)
#EDE6DE - Background of main content pages
*/
body
{
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background-color: #302f2d;*/
	background-repeat:no-repeat;
	background-position:center top;
	background-color:Black;
	font-size: small;

}
a
{
	color:#ffffff;
}
img
{
	border: 0;
}
legend
{
	color:#ffffff;
}
/*This is the outermost element */
.outerContainer
{
	width: 975px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	padding: 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: center; /* this overrides the text-align: center on the body element. */



}

.header
{

	height:399px;
	width:975px;
	text-align:left;
	background-repeat: no-repeat;
}



.headerNav
{
	position:relative;
	top:270px;
left:585px;
width:319px;
height:66px;
}

.navigation
{
	
	text-align:left;
	background-repeat: no-repeat;

}


.navigation[class] .content[class]
{
	width:864px;
	height:128px;
	margin-left:40px;
}

.GLAM
{
    height:118px;
    width:146px;
	float:right;
}

.contentSurround
{
	width:975px;
	text-align:left;
	background-repeat: repeat-y;
}


.contentSurroundInner
{
	width:975px;
	min-height:356px;
	text-align:left;
	background-repeat: no-repeat;
	background-position:bottom;
}



.contentArea
{
	width:838px;
	margin-left:50px;
	padding-top:15px;
	padding-bottom:20px;
	font-size:12pt;
}

.contentFooter
{
    text-align:center;
    font-size:10pt;
}

.companyName
{
    font-size: 12pt; 
    font-family: georgia;
    font-weight:bold;
}
.copyright
{
    font-size:6pt;
}

.footer
{
	width:975px;
	height:71px;
	text-align:left;
	background-repeat: no-repeat;
	background-position:bottom;
}



.footer .links
{
	color:#50771e;
}



.footer .content
{
 	width:838px;
	margin-left:50px;
	padding-top:15px;
}





.ContactFieldLabel
{
	color:#ffffff;	
	font-weight: bold;
	font-size: 10pt;
	width: 25%;
	vertical-align: top;
}
.ContactField
{
	width: 50%;
	text-align: left;
}
.ContactTextBox
{
	width: 100%;
}
.ContactTextBoxShort
{
	width: 50%;
}
.ContactSubmit
{
	width: 50%;
	text-align: right;
}
.ContactValidator
{
	width:25%;
	padding-left:5px;	
	font-size: 10pt;
	color:#ffffff;
}
.addressFieldLabel
{
	color:#ffffff;	
	font-weight: bold;
	font-size: 10pt;
	width: 20%;
	vertical-align: top;
}
.addressField
{
	width: 50%;
	text-align: left;
	vertical-align:top;
}
#twoColMainContent .contentArea
{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.contentArea h1
{
	font-size: 16pt;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
.contentArea h2
{
	font-size: 14pt;
	font-weight:bold;
	color: #ffffff;
	margin: 0;
	padding: 0;
	padding-bottom:10px;
}
.contentArea h3
{
	font-size: 12pt;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
.pageContent
{
	margin: 10px 25px 25px 25px;
}
.clearfloat
{
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.fieldname
{
	font-weight: bold;
	font-size: 9pt;
}
.sectiontitle
{
	color: #ffffff;
	font-size: 16pt;
	font-weight: bold;
}
.breadCrumbDiv
{
	padding: 0 0 10px 14px;
	margin: 0 auto;
	text-align: left;
}
.breadCrumb
{
	font-size: 8pt;
	color: #ffffff;
}
.breadCrumb a
{
	color: #ffffff;
}
.breadCrumb a:visited
{
	color: #ffffff;
}
.breadCrumb a:hover
{
	color: #ffffff;
}

.siteMapLinks
{
	color: #ffffff;
	font-size: 10pt;
}
.siteMapLinks a
{
	text-decoration: none;
	color: #ffffff;
}
.siteMapLinks a:visited
{
	text-decoration: none;
	color: #ffffff;
}
.siteMapLinks a:hover
{
	text-decoration: none;
	color: #e3b803;
}
.divFarReachFooter
{
	text-align: center;
	font-size: 9px;
	padding-top: 20px;
	padding-bottom: 25px;
}
.divFarReachFooter a
{
	color: #ffffff;
	text-decoration: none;
}

.divFarReachFooter a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.divFarReachFooter a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.adminLink
{
    text-align:right;    
}
.adminTopNavigation
{
	position: absolute;
	margin-top: 15px;
	margin-left: 490px;
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
}
.adminTopNavigation a
{
	color: #fff6bc;
	text-decoration: none;
}
.adminTopNavigation a:visited
{
	color: #fff6bc;
	text-decoration: none;
}
.adminTopNavigation a:hover
{
	color: #ffffff;
	text-decoration: none;
}
.adminSectionTitle
{
	font-size:14px;
	font-weight: bold;
	color:#ffffff;
}
.adminDetailsHeader
{
    color:black;
    background-color:#e39f38;
    font-weight:bold;
    font-size:12px;
}
.profileFieldname
{
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
}



.clothingItem
{
    width: 100%; 
    text-align: left; 
}

.clothingDesc
{
 font-size: 14pt; 
 font-family: georgia;
 vertical-align:middle; 
 text-align: left;
 color:White;   
}

.clothingTitle
{
vertical-align: middle;  
background-color: rgb(204,153,51);
text-align: center;  
font-size:14px;
color:Black;
font-family:Georgia;
}
.clothingTitle h3
{
font-family:Georgia;
font-size:14pt;
color:Black;
}

.clothingImage
{
    width: 200px; 
    background-color: rgb(153,102,51);
}
#ContentAdmin
{
	padding-bottom: 8px;
	font-size: small;
}

#ContentAdmin h2
{
	font-size: 14px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#ContentAdmin .pageTitle h1
{
	font-size: 20pt;
	color: #ffffff;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

.gridView a
{ 
	color:#000000;
}