/* MAIN ELEMENTS */
body { margin:0px; padding:0px; font-size:12px; font-family:Trebuchet MS, Arial, Verdana; color:#666666; background-image:url(images/bg-top-banner.jpg); background-repeat:repeat-x; background-position:top; }
#MainContainer { margin:0px auto 40px auto; padding:0px; width:900px; overflow:hidden; height:1%; }
#Content { margin:0px; padding:0px; width:100%; float:left; }
a { color:#e97108; text-decoration:underline; }
a:hover { text-decoration:none; }
p { clear:both; margin-top:3px; }
h1 { margin:0px 0px 15px 0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; }
h2 { margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; }
h3 { margin:0px; padding:0px; font-size:12px; font-weight:bold; }
h4 { margin:0px; padding:7px 8px 7px 10px; width:617px; color:#FFFFFF; font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; background-image:url(images/bg-featured-artwork-title.gif); background-repeat:repeat-x; } 

.TextInput { margin:0px; padding:0px 0px 0px 2px; font-size:11px; height:14px; font-family:Trebuchet MS, Arial, Verdana; }
.Breadcrumbs  { font-size:11px; display:block; clear:both; margin:0px 0px 15px 0px; padding:0px; }
.ButtonBackground { display:block; float:left; padding:0px 2px 2px 0px; margin:0px; background-image:url(images/bg.gif); background-repeat:no-repeat; background-position:2px 2px; } 	
.Button { padding:0px 2px 0px 2px; margin:0px; background-color:#787878; border:1px solid #000000; color:#FFFFFF; cursor:pointer; font-size:10px; font-family:Trebuchet MS, Arial, Verdana; text-transform:uppercase; }
.ButtonBlue { padding:0px 2px 0px 2px; margin:0px; background-color:#6b8bad; border:1px solid #000000; color:#FFFFFF; cursor:pointer; font-size:10px; font-family:Trebuchet MS, Arial, Verdana; text-transform:uppercase; }
cfinput { font-family:Trebuchet MS, Arial, Verdana; font-size:11px; }
input { font-family:Trebuchet MS, Arial, Verdana; font-size:11px; }
select { font-family:Trebuchet MS, Arial, Verdana; font-size:11px; }
.Red { color:#993333; }
.Small a { font-size:10px; }

/* BANNER */
#Banner { margin:0px; padding:0px; height:100px; float:left; position:relative; }
#Banner .Logo { margin:0px; padding:0px; width:204px; float:left; }
#Banner .TopNav { margin:0px; padding:0px; height:65px; position:absolute; top:5px; right:0px; font-size:10px; color:#999999; }
#Banner .TopNav li { margin:0px; padding:0px; list-style:none; float:left; }
#Banner .TopNav a { color:#e5e5e5; text-decoration:none; }
#Banner .TopNav a:hover { text-decoration:underline; }
#Banner .MainNav { font-size:11px; margin:0px; padding:0px; height:30px; float:right; position:relative; top:70px; }
#Banner .MainNav li { margin:0px; padding:0px; float:left; list-style:none; }
#Banner .MainNav li a { margin:0px 0px 0px 3px; padding:5px 15px 6px 15px; background-color:#000000; display:block; color:#FFFFFF; text-decoration:none;  }
#Banner .MainNav li a:hover { margin:0px 0px 0px 3px; padding:5px 15px 6px 15px; background-color:#CCCCCC; display:block; color:#000000; text-decoration:none;  }
#Banner .Selected { background-image:url(images/main-nav-arrow.gif); background-repeat:no-repeat; background-position:bottom center; }

/* ACCOUNT INFO */
#AccountInfo { margin:0px 0px 15px 10px; padding:10px 0px 0px 0px; height:37px; width:890px; float:left; font-size:11px; }
#AccountInfo li { list-style:none; float:left; }
#AccountInfo .Username { display:none; }
#AccountInfo .Password { display:none; }
#AccountInfo .Login { display:none; }
#AccountInfo .ForgotPassword { display:none; }
#AccountInfo .ForgotPassword a { display:none; }
#AccountInfo .NeedAccount { display:none; }
#AccountInfo .NeedAccountBtn { display:none; }
#AccountInfo .PhoneNumber { margin:0px 10px 0px 0px; padding:0px; font-weight:bold; font-size:14px; float:right; }
#AccountInfo .Welcome { display:none; }
#AccountInfo .Profile { display:none; }
#AccountInfo .Logout { display:none; }

/* LEFT COLUMN */
#LeftColumn { display:none; }

/* HOMEPAGE */
#Intro { width:595px; height:88px; margin:0px 0px 30px 0px; padding:20px; font-size:14px; color:#FFFFFF; line-height:22px; background-image:url(images/bg-main-homepage.gif); background-repeat:no-repeat; }
#Intro h3 { padding:0px; margin:0px 0px 5px 0px; font-size:24px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
#FeaturedArtwork { width:595px; background-color:#FFFFFF; height:1%; padding:20px 20px 0px 20px; float:left; margin:0px 0px 30px 0px; background-image:url(images/bg-featured-artwork.gif); background-repeat:repeat-x; background-position:top; }
#FeaturedArtwork li { width:148px; height:1%; overflow:hidden; float:left; text-align:center; list-style:none; }
#FeaturedArtwork img { margin:auto; padding:0px 3px 3px 0px; margin:0px; background-image:url(images/bg.gif); background-repeat:no-repeat; background-position:3px 3px; } 	
#FeaturedArtwork a { clear:both; display:block; }
#FeaturedArtwork span { margin:5px 0px 2px 0px; display:block; clear:both; font-weight:bold; }
#LeftInset { float:left; width:267px; margin:0px 10px 0px 0px; padding:0px 40px 0px 0px; background-image:url(images/bg-left-nav.gif); background-position:right; background-repeat:repeat-y; }
#LeftInset dl { margin:0px; padding:0px; }
#LeftInset dt { margin:0px 0px 10px 0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; }
#LeftInset dd { margin:0px 0px 10px 0px; padding:0px 0px 0px 15px; list-style:none; font-size:12px; line-height:18px; background-image:url(images/bullet-green.gif); background-repeat:no-repeat; background-position:top left; }
#LeftInset a { font-size:12px; }
#RightInset { padding:0px 0px 0px 30px; float:left; width:288px; }
#RightInset dl { margin:0px; padding:0px; }
#RightInset dt { margin:0px 0px 10px 0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; }
#RightInset dd { margin:0px 0px 10px 0px; padding:0px; list-style:none; font-size:12px; line-height:18px; }
#RightInset a { font-size:12px; }

/* PRODUCT DETAILS */
#DetailsImages { width:278px; height:1%; float:left; margin:0px; padding:0px; }
#DetailsImages img { margin:auto; padding:0px 3px 3px 0px; margin:0px; background-image:url(images/bg.gif); background-repeat:no-repeat; background-position:3px 3px; } 	
#DetailsImages a.Image { clear:both; display:block; }
#DetailsImages span { clear:both; float:left; margin:5px 0px 0px 0px; }
#DetailsInfo { width:310px; height:1%; margin:0px 0px 20px 10px; padding:15px; font-size:12px; float:left; background-image:url(images/bg-details.jpg); background-repeat:repeat-x; background-position:top; }
#DetailsInfo .Title { margin:0px; padding:0px 0px 10px 0px; clear:both;background-image:url(images/bg-left-nav-horiz.gif); background-repeat:repeat-x; background-position:bottom; }
#DetailsInfo .Title li { margin:0px 0px 2px 0px; padding:0px; list-style:none; }
#DetailsInfo .Info { margin:10px 0px 10px 0px; padding:0px; clear:both; }
#DetailsInfo .Info li { margin:0px 0px 5px 0px; padding:0px; list-style:none; }
#DetailsInfo label { margin:10px 0px 0px 0px; clear:both; width:278px; font-weight:bold; }
#DetailsInfo p { padding:0px; margin:0px 0px 10px 0px; }
#DetailsInfo .Button { margin:5px 0px 5px 0px; }
#RelatedArtwork { width:595px; background-color:#FFFFFF; height:1%; padding:20px 20px 0px 20px; float:left; margin:5px 0px 30px 0px; background-image:url(images/bg-featured-artwork.gif); background-repeat:repeat-x; background-position:top; }
#RelatedArtwork li { width:148px; margin:0px 0px 20px 0px; height:1%; overflow:hidden; display:block; float:left; text-align:center; list-style:none; }
#RelatedArtwork img { margin:auto; padding:0px 3px 3px 0px; margin:0px; background-image:url(images/bg.gif); background-repeat:no-repeat; background-position:3px 3px; } 	
#RelatedArtwork a { margin:0px 0px 20px 0px; padding:0px; }
#RelatedArtwork span { margin:5px 0px 2px 0px; display:block; clear:both; font-weight:bold; }

/* BROWSE ARTWORK */
#BrowseCriteria { width:595px; height:50px; padding:20px 20px 0px 20px; float:left; margin:0px; background-image:url(images/bg-featured-artwork.gif); background-repeat:repeat-x; background-position:top; }
#BrowseCriteria li { list-style:none; float:left; }
#BrowseCriteria li h3 { margin:0px 15px 0px 15px; padding:2px 0px 0px 0px; font-size:11px; font-weight:bold; }
#BrowseCriteria li label { margin-right:5px; padding:2px 0px 0px 0px; display:inline; }
#BrowseCriteria .LeftColumn { padding:0px 10px 0px 0px; margin:0px; width:188px; float:left; }
#BrowseCriteria .LeftColumn li { list-style:none; padding:0px; margin:0px 0px 10px 0px; clear:both; }
#BrowseCriteria .MiddleColumn { padding:0px 10px 0px 0px; margin:0px; width:188px; float:left; }
#BrowseCriteria .MiddleColumn li { list-style:none; padding:0px; margin:0px 0px 10px 0px; clear:both; }
#BrowseCriteria .RightColumn { padding:0px 10px 0px 0px; margin:0px; width:188px; float:left; }
#BrowseCriteria .RightColumn li { list-style:none; padding:0px; margin:0px 0px 10px 0px; clear:both; }
.State { float:left; height:20px; width:150px; }
#BrowseResults { width:595px; padding:0px 20px 0px 20px; margin:0px; }
#BrowseResults .LeftColumn { padding:0px 10px 0px 0px; margin:0px; width:188px; float:left; }
#BrowseResults .LeftColumn li { list-style:none; padding:0px; margin:10px 0px 0px 0px; }
#BrowseResults .MiddleColumn { padding:0px 10px 0px 0px; margin:0px; width:188px; float:left; }
#BrowseResults .MiddleColumn li { list-style:none; padding:0px; margin:10px 0px 0px 0px; }
#BrowseResults .RightColumn { padding:0px 10px 0px 0px; margin:0px; width:188px; float:left; }
#BrowseResults .RightColumn li { list-style:none; padding:0px; margin:10px 0px 0px 0px; }
#Artwork { width:595px; background-color:#FFFFFF; height:1%; padding:20px 20px 0px 20px; float:left; margin:0px 0px 30px 0px; background-image:url(images/bg-featured-artwork.gif); background-repeat:repeat-x; background-position:top; }
#Artwork li { width:148px; height:210px; margin:0px; overflow:hidden; display:block; float:left; text-align:center; list-style:none; }
#Artwork img { margin:auto; padding:0px 3px 3px 0px; margin:0px; background-image:url(images/bg.gif); background-repeat:no-repeat; background-position:3px 3px; } 	
#Artwork a { margin:0px 0px 20px 0px; padding:0px; }
#Artwork span { margin:5px 0px 2px 0px; display:block; clear:both; font-weight:normal; }
.SchoolName { margin-bottom:10px; }
.Results { float:left; width:250px; height:15px; margin:0px; padding:10px 0px 10px 0px; }
#PageNavigation { float:right; width:250px; height:15px; margin:0px; padding:10px 0px 10px 0px; text-align:right; }
#PageNavigation a { margin:0px 2px 0px 2px; }

/* PORTFOLIO */
#Portfolio { width:595px; background-color:#FFFFFF; height:1%; padding:20px 20px 0px 20px; float:left; margin:0px 0px 30px 0px; background-image:url(images/bg-featured-artwork.gif); background-repeat:repeat-x; background-position:top; }
#Portfolio .Information { margin:0px; padding:0px; clear:both; }
#Portfolio .Information ul { margin:0px; padding:0px; }
#Portfolio .Information ul li { margin:0px 0px 5px 0px; padding:0px; list-style:none; }
#Portfolio .Statement { margin:0px; padding:10px 0px 20px 0px; clear:both; }
#Portfolio .Statement li { margin:0px; padding:0px; list-style:none; }
#Portfolio .Artwork { width:100%; margin:0px; padding:20px 0px 0px 0px; float:left; clear:both; background-image:url(images/bg-left-nav-horiz.gif); background-repeat:repeat-x; background-position:top; } 
#Portfolio .Artwork li { width:148px; height:210px; margin:0px; overflow:hidden; display:block; float:left; text-align:center; list-style:none; }
#Portfolio .Artwork img { margin:auto; padding:0px 3px 3px 0px; margin:0px; background-image:url(images/bg.gif); background-repeat:no-repeat; background-position:3px 3px; } 	
#Portfolio .Artwork a { margin:0px 0px 20px 0px; padding:0px; }
#Portfolio .Artwork span { margin:5px 0px 2px 0px; display:block; clear:both; font-weight:normal; }

/* LEGAL AGREEMENT */
.LegalAgreement { margin-left:20px; }
.LegalAgreement li { list-style:none; margin:0 0 15px 0; }

/* LOGIN */
#Login { width:595px; height:1%; padding:20px 20px 0px 20px; float:left; margin:0px; background-image:url(images/bg-featured-artwork.gif); background-repeat:repeat-x; background-position:top; }
#Login li { list-style:none; margin:0px; padding:3px; }
#Login li h3 { margin:0px 15px 0px 15px; padding:2px 0px 0px 0px; font-size:11px; font-weight:bold; }
#Login li label { padding:2px 5px 2px 0px; width:75px; float:left; text-align:right; display:block; vertical-align:middle; }

/* HOW IT WORKS */
#HowItWorks { margin:0px 0px 0px 15px;  padding:0px; }
#HowItWorks li { margin:0px 0px 20px 0px; padding:0px 0px 0px 15px; list-style:none; background-image:url(images/bullet-green.gif); background-repeat:no-repeat; background-position:top left; }
#HowItWorks li label { font-weight:bold; }

/* CONTACT US */
#Contact { margin:0px 0px 25px 0px; padding:0px; }
#Contact li { margin:0px; padding:0px; list-style:none; }

/* ART GLOSSARY */
#Glossary { float:left; margin:15px 0px 0px 0px; padding:0px; }
#Glossary li { margin:0px 0px 15px 0px; padding:0px; list-style:none; }
#Glossary li h1 { font-size:18px; font-weight:normal; margin:0px; padding:5px; display:block; color:#FFFFFF; background-color:#999999; }
#Glossary li h2 { font-size:12px; font-weight:bold; margin:0px; padding:0px; font-family:Trebuchet MS, Arial, Verdana;  }

/* FOOTER */
#Footer { display:none; }

/* SPRY */
.SpryHiddenRegion {visibility:hidden;}
