/* reset css */

html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
abbr,acronym,address,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td  {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
        color: inherit;
        line-height: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}


body {font-family:  Georgia, Times, serif; color: #221E1F; line-height: 1.3; font-weight: normal; text-align: center;}

body          { font-size: 87.5%;  }   /* IE 16px=100% */
html > body   { font-size: 14px; }  /* Other browsers */

p {margin: 0 0 15px 0; text-align: left;}

ul {margin: -15px 0 15px 8px; padding: 0 0 0 8px;}
ol {margin: -15px 0 15px 10px; padding: 0 0 0 10px;}
li {margin: 0 0 5px 0;}

a {outline: 0;}

a:link, a:visited {color: #221E1F; text-decoration: underline;}
a:hover, a:active {color: #221E1F; text-decoration: none;}

* html ul li a {
   height:1em;
}

h1 {font-size: 200%; font-weight: normal; line-height: 1.1; margin: 0 0 15px 0;}
h1 .section {padding: 0 10px;}
h2 {font-size: 140%; line-height: 1.1; margin: 0 0 15px 0;}
h4 {font-size: 110%; text-transform: uppercase; font-weight: bold; letter-spacing: -0.05em; margin: 15px 0 5px 0;}

big, .big {font-size: 140%; line-height: 1.2;}
small, .small  {font-size: 80%; line-height: 1.3;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}

.clr {display: block; clear: both;}

#wrapper {position: relative; width: 960px; margin: 0 auto; text-align: left;  }

#header {position: relative; height: 118px;}
#logo {padding: 15px 5px;}


#quicklinks { position: absolute; bottom:15px; right: 0;}
#quicklinks {text-transform: uppercase; }
#quicklinks a {text-decoration: none; padding: 0 5px;}
#quicklinks .date {padding-left: 5px;}


#searchBox {position: absolute; right: 0; top: 20px;}
#searchBox label {display: none;}

#nav {clear: both; width: 100%; border: solid 1px #221E1F; border-width: 1px 0; padding: 3px 0;}
#nav ul {list-style-type: none; margin: 0; padding: 0;}
#nav li {margin: 0; display: block; float: left;  width: 110px; height: 60px; line-height: 1.2; }
#nav .extra {display: block; font-size: 60%; }
#nav a {display: block; font-size: 120%; padding: 10px 5px 0 10px; text-decoration: none; color: #221E1F;}
#nav a:hover, #nav a:active {color: #fff;}
#nav li.current a {color: #fff;}

#nav li#about {background: #C2C392; color: #221E1F;}
/* #nav li#about.current {background: #221E1F; color: #fff;} */
#nav li#drop {background: #52ACE0; color: #221E1F; width: 105px;}
#nav li#nook {background: #E05252; color: #221E1F; width: 123px;}
#nav li#loft {background: #EF973E; color: #221E1F; width: 130px;}
#nav li#women {background: #EFD600; color: #221E1F; width: 115px;}
#nav li#men {background: #BDE052; color: #221E1F; width: 100px;}
#nav li#house {background: #4ED4CF; color: #221E1F; width: 155px;}
#nav li#street {background: #6352E0; color: #221E1F; width: 122px;}




#content {margin: 20px 0;}

#footer {margin: 20px 0; padding: 0 10px;}
#footer a {text-decoration: none;}

#homeExtra {width: 450px; float: left;}
#homeContent {width: 490px; float: right;}

#homeNews {width: 200px; float: left; margin: -10px 0 0 10px; display: inline; }
#homePull {width: 220px; float: right; margin: -10px 0 0 0; }


#entry {font-size: 100%;}

#articleTools {line-height: 14px; font-size: 85%; color: #7F7F7F; text-transform: uppercase; margin: 0 0 15px 0;}
#articleTools img {vertical-align: middle;}
#articleTools a {color: #7F7F7F; text-decoration: none;}
#articleTools ul {margin: 0; padding: 0; list-style-type: none;}
#articleTools li {display: inline; padding: 0 20px 0 0;}

.caption {font-size: 85%;}
.capDivLeft {display: block; float: left; margin: 10px 20px 10px 0;}
.capDivLeft .caption {display: block; margin-top: 10px;}

input, textarea {	
        font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-family: Georgia, Times, serif;
	text-align: left;
        color: #221E1F;
        line-height: 1.1;
}

#homeSlideshow .caption {padding: 10px 0 0 10px; font-style: italic;}



#submenu {width: 200px; float: left;}
#submenu ul {margin: 0 0 10px 0; padding: 0; list-style-type: none;}
#submenu li {text-transform: uppercase; font-weight: bold; margin: 0;}
#submenu li a {display: block; padding: 5px 10px; text-decoration: none; border-bottom: solid 1px #fff;}
#submenu li a:hover, #submenu li a:active, #submenu li.current a {background: #221E1F; color: #fff;}

#submenu ul ul {margin: 0;}
#submenu li li {text-transform: none;}
#submenu li li  a {font-weight: normal; padding: 3px 10px;}

#submenu li.current li a {background: #e1e1e1; color: #000;}
#submenu li.current li a:hover, #submenu li.current li a:active, #submenu li.current li.current a {background: #696969; color: #fff;}



#mainContent {width: 740px; float: right;}

#mainContent #articleTools {margin-left: 10px;}
#mainContent #entry {margin: 0 120px 0 10px;}

#wishlist, #donate {background: #E1E1E1; color:#221E1F; margin: 5px 0 10px 0; font-size: 16px;}
#wishlist a, #donate a {display: block; text-decoration: none; padding: 10px; text-align: center; line-height: 1.1;}
#wishlist a:hover, #donate a:hover, #wishlist a:active, #donate a:active {background: #221E1F; color: #fff;}
#wishlist em, #donate em {display: block; font-size: 170%; font-style: normal; line-height: 1;}

.sectionLogo {margin: 0 0 10px 0;}

/* section Header */
#sectionHeader {position: relative; width: 740px; height: 200px; margin-bottom: 20px; overflow: hidden; background-color: #fff; color: #fff; }
#sectionHeader .image {width: 465px; height: 199px; overflow: hidden;}
#links {position: absolute; right: 0; bottom: 0; width: 270px; height: 200px; overflow: hidden;  color: #fff }

#links .link { border: solid 1px #CC0C00; margin-bottom: 5px; overflow: hidden;   font-size: 85%; background-color: #fff; color: #221E1F; }
#links a {display: block; height: 61px; text-decoration: none; }
#links .title {display: block; padding: 8px 10px; }
#links a:hover { background-color: #CC0C00; color: #fff;  text-decoration: none;}
#links .more {text-transform: uppercase; font-weight: normal; font-size: 70%;}
#links .type {text-transform: uppercase;}

/* end section Header */



/* calendar */
.calendarBG { border-collapse: collapse; margin: auto; width: 100%;}
.calendarBG td {border: solid 1px #E1E1E1; }
.calendarHeader {background: #c2c392;}
.calendarBG th {color: #fff; text-align: center; padding: 5px; font-weight: bold; text-transform: uppercase; font-size: 140%;}
.calendarBG th a {color: #fff;}
.calendarMonthLinks a {text-decoration: none; font-weight: bold; font-size: 200%; line-height: 1;}
.calendarDayHeading {background: #E1E1E1; color: #000; text-align: center; font-weight: bold;}
.calendarToday {background-color : #221E1F; color: #fff; text-align: left; vertical-align: top; padding: 2px;}
.calendarToday a {color: #fff;}
.calendarCell, .calendarBlank {width: 100px; height: 100px; text-align: left; vertical-align: top; padding: 2px;}
/* end calendar */

.opportunity {margin: 0 0 15px 0;}
.opportunity .position {font-weight: bold;} 
.opportunity .type {text-transform: uppercase;}

#slideshow {margin:0; padding: 0; list-style-type:none;}
#slideshow li {margin: 0; padding: 0;}
#slideshow .image {width: 450px; height: 360px; overflow: hidden;}
#slideshow .notShown {display: none;}

.form {width: 600px;}
.form td {padding: 0 5px 5px 0; vertical-align: top;}
.form textarea {width: 400px; height: 200px; background: #fff;}