@import url(fonts.css); /* FONTS CSS */

*{  font-family:'futura_bk_btbook',Arial, Helvetica, sans-serif; font-size:13px; color:#1B1B1B; list-style-type:none; background-repeat:no-repeat; border:0; margin:0; padding:0; outline:none;}
body{ margin:0 auto;}

h1{ text-transform:uppercase; font-size:18px; font-family:'futura_lt_btlight',Arial, Helvetica, sans-serif; margin:0 0 14px 0;}
h2{ margin-bottom:14px;}
p{ line-height:16px; margin:0 0 14px 0; clear:both;}
a{color:#4BAE55;}
a:hover{color:#86007D;}

label{ width:150px; float:left; margin-top:3px;}
input, textarea{ border:1px #CAD5DE solid; padding:4px 2px; width:200px;margin-right:4px;}
textarea{ height:80px;}
input[type='button']{ background-color:#86007D; padding:1px 4px; color:#ffffff; text-decoration:none; float:left; width:80px; }
input[type='radio']{ width:15px; float:left; margin-top:2px; border:0; }

.button{ padding:4px;border:1px #FFFFFF solid;background-repeat:repeat-x; color:#FFFFFF;background-image:url(../images/button-bg.gif); width:80px; margin-right:5px;border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;border-bottom-right-radius: 10px 10px;border-bottom-left-radius: 10px 10px;}
.button:hover{ background-color:#F0592D; background-image:none; color:#fff;}
.button:active{ }

#wrapper{ width:100%;}
#header{ width:963px; margin:0px auto; background-color:#33FFFF;}
#logo{ float:left; margin-top:20px;}
#header ul{ float:right; margin-top:80px;}
#header li { float:left; margin-right:5px;}

#menu{ width:100%; background-color:#E9E9E9; float:left; border-bottom:1px #F16036 solid; margin-top:20px;}
#menu ul{ margin:0 auto;width:963px;}
#menu li{ float:left;}
#menu li a{ float:left; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:14px; padding:5px 20px; font-family: 'futura_bdcn_btbold'; background-image:url(../images/menu-sep.gif); background-repeat:repeat-y; background-position:right;color:#1B1B1B;}
#menu li a:hover{ color:#86007D;}
#menu li a.selected{ background-color:#FFFFFF; border:1px #F16036 solid; border-bottom:0; background-image:none; top:1px; position:relative; color:#86007D;}

#contanierWrap{ width:100%; float:left; margin:20px 0;}
#contanier{ width:963px; margin:0 auto;}

#contentA{ width:923px; border-top:2px #4BAE55 solid; background-image:url(../images/lefttop-bg.gif); background-repeat:repeat-x; background-position:left 2px; padding:20px; min-height:430px; height:auto !important; height:430px;}
#contentTopRightA{background-image:url(../images/lefttop-right.gif); background-position:right; width:31px; height:31px; float:right; position:relative; top:-22px; right:-20px;}

#contentB{ width:923px; border-top:2px #86007D solid; background-image:url(../images/lefttop-bg.gif); background-repeat:repeat-x; background-position:left 2px; padding:20px; min-height:430px; height:auto !important; height:430px;}
#contentTopRightB{background-image:url(../images/righttop-right.gif); background-position:right; width:31px; height:31px; float:right; position:relative; top:-22px; right:-20px;}

#left{ width:471px; float:left; margin-right:20px;}
#right{ width:471px; float:left;}
#leftTop{ width:431px; border-top:2px #4BAE55 solid;  background-image:url(../images/lefttop-bg.gif); background-repeat:repeat-x; background-position:left 2px; padding:20px; border-bottom:2px #F16036 solid; float:left; margin-bottom:20px;}
#leftTopRight{background-image:url(../images/lefttop-right.gif); background-position:right; width:31px; height:31px; float:right; position:relative; right:-20px; top:-22px;}

.midDiv{ width:431px; float:left; margin-top:-30px; }
.midDiv h2{text-transform:uppercase; font-size:18px; font-family:'futura_lt_btlight',Arial, Helvetica, sans-serif; margin:0 0 14px 0;}
.leftA{ width:205px; float:left; margin-right:20px; text-align:center; background-image:url(../images/back-to-school-bg.png); background-position:left 30px; height:225px;}
.leftA p{ font-family:'futura_lt_btlight',Arial, Helvetica, sans-serif;font-size:18px; text-transform:uppercase;}

.leftB{ width:205px; float:left; border-bottom:1px #4BAE55 solid;}

.bold{ font-weight:bold;}
#left .read{text-transform:uppercase; font-weight:bold; text-decoration:none; background-image:url(../images/arrow.gif); background-position:90px; padding-right:40px; }
#left .read:hover{background-image:url(../images/arrow-hover.gif); }


#rightTop{ width:431px; border-top:2px #86007D solid;  background-image:url(../images/lefttop-bg.gif); background-repeat:repeat-x; background-position:left 2px; padding:20px 20px 10px 20px; border-bottom:2px #52C9F4 solid; float:left; height:235px;}
#rightTopRight{background-image:url(../images/righttop-right.gif); background-position:right; width:31px; height:31px; float:right; position:relative; right:-20px; top:-22px;}

#right .read{text-transform:uppercase; font-weight:bold; text-decoration:none; background-image:url(../images/arrow-hover.gif); background-position:90px; padding-right:40px; color:#86007D}
#right .read:hover{background-image:url(../images/arrow.gif);color:#4BAE55;}

#right a{ color:#1B1B1B; font-weight:bold;}
#right a:hover{ color:#4BAE55;}


.eventsMid{ border-bottom:1px #86007D solid; margin-bottom:10px;}

#rightbottom{ width:471px; float:left; background-image:url(../images/lefttop-bg.gif); background-repeat:repeat-x; background-position:left -100px; margin-top:2px; }
#rightbottom h2{ padding:20px 0 0 20px;text-transform:uppercase; font-size:18px; font-family:'futura_lt_btlight',Arial, Helvetica, sans-serif; margin:0 0 14px 0;} 

#collection-scroll{  float:left; }
#mainContainer{margin:0 auto; text-align:left; border:1px #CAD5DE solid; float:left;}
#DHTMLgoodies_thumbs_inner{position:relative; float:left; }	
#mainContainer{	margin:0 auto;width:461px; margin-left:3px;}
#DHTMLgoodies_thumbs{overflow:hidden;float:left;width:461px; }
.strip_of_thumbnails{float:left;padding:5px; background-color:#FFFFFF; }
.strip_of_thumbnails div{ clear:both;}

.strip_of_thumbnails a{ width:103px;background-color:#E9EEF1;}
.strip_of_thumbnails:hover{  background-color:#E9EEF1;}

.strip_of_thumbnails img{ border:1px #FFFFFF solid;}

#DHTMLgoodies_thumbs_inner{	position:relative; width:4000px; z-index:1; }	
#galleryBtm{ border:1px #CAD5DE solid; border-top:0; float:left;width:450px; margin-left:4px; }
	
#DHTMLgoodies_arrows{width:451px; float:left; border:1px #CAD5DE solid; border-top:0; margin-left:3px; padding:2px 5px;}
.leftArrow{float:left; width:5px; padding:4px; margin-left:420px;}
.leftArrow:hover{opacity:0.4; filter:alpha(opacity=40)}
.rightArrow{float:right; width:5px; padding:4px;}
.rightArrow:hover{opacity:0.4; filter:alpha(opacity=40)}

#footerWrap{ width:100%; border-top:2px #86007D solid; float:left; padding:20px 0;}
#footer{ width:963px; margin:0 auto;background-color:#CC99CC}
#footer span{ float:left;}
#footer .ad{ float:right; color:#1B1B1B; text-decoration:none;}
#footer .ad:hover{color:#86007D;}
#footer ul{ float:left; margin-left:65px;}
#footer li { float:left;}
#footer li a{ padding:0 7px; text-decoration:none; color:#1B1B1B; border-right:1px #1B1B1B solid;}
#footer li a:hover{color:#86007D;}

#form{ margin-top:20px; float:left; width:800px;}
#form p{ margin-bottom:5px;}
#form span{ color:#FF0000;}
.radio{ width:440px; float:left; margin:5px 0;}
.radio label{ width:auto; margin-right:20px;}
.blue{ color:#86007D;}

#gallery h2{ clear:both; margin:0;}
#gallery ul { margin-bottom:10px; float:left;}
#gallery li{ float:left; margin:5px; }
#gallery li a img{ border:1px #ffffff solid; float:left;}
#gallery li a img:hover{border:1px #4BAE55 solid;}