@import url('../_css/main.css');

/* Homepage Branding */
#branding { background: url(../_graphics/branding-img1.png) no-repeat; height:255px; width:940px; margin:0 10px; padding:0; position:relative; }
#branding_content { position:absolute; z-index:60; }
#branding h2 { font-weight:normal; font-style:normal; line-height:48px; font-family:'MarydaleRegularRegular', sans-serif; font-size:46px; padding:35px 0 0 0; width:430px; margin:0 0 5px 0; color:#fff; font-weight:normal; height:120px; }
#branding p { font-size:16px; line-height:22px; color:#fff; width:460px; margin:0;}

#content { background: url(../_graphics/strip-shadow-bg.png) no-repeat 0 -30px; padding:10px 0; float:left; }

/* Homepage Intro */
#content_intro { width:440px; float:left; padding:10px 30px 10px 10px; }
#content_intro h2 { margin:0; font-size:30px; color:#d95f17; font-weight:normal; }
#content_intro p { line-height:20px; }
#content_intro h3 { font-size:12px; color:#999999; margin-top:20px; }
#content_intro img { float:left; margin-right:20px; }

/* Homepage Supporting Content */
.content_supp { width:214px; float:left; padding:14px 13px 13px 13px; background: url(../_graphics/hm-supp-img-bg.png) no-repeat 0 10px; }
.content_supp img { margin:0 0 15px 0; }
.content_supp h2{ font-size:16px; color:#333333; margin:0 0 5px 0; }
.content_supp h3 { font-size:12px; color:#999999; margin:0 0 3px 0; }
.content_supp p { font-size:12px; color:#333333; line-height:18px; margin:0 0 5px 0; }
.content_supp p.link { color:#d95f17; }

/* Homepage News Fragment */
#content_news { float:left; display:block; border:1px solid #d9d9d9; margin:10px; width:428px; background:url(../_graphics/hm-news-bg.png) #eeeeee repeat-x; padding:15px; -moz-border-radius:7px; -webkit-border-radius:7px; }
#content_news .story { float:left; width:380px; }
#content_news h4 { margin:0 0 5px 0; }
#content_news p { margin:0 0 10px 0; }
#content_news p.link { color:#d95f17; margin-bottom:0; }

/* Calendar Icon */
#date { height:32px; width:30px; float:left; margin-right:15px; }

.month-1, .month-2, .month-3, .month-4, .month-5, .month-6, .month-7, .month-8, .month-9, .month-10, .month-11, .month-12 { background: url(../_graphics/date-sprite.png) no-repeat; height:12px; width:30px; text-indent:-6000px; }
.month-1 {background-position:0 0;}
.month-2 {background-position:-30px 0;}
.month-3 {background-position:-60px 0;}
.month-4 {background-position:-90px 0;}
.month-5 {background-position:-120px 0;}
.month-6 {background-position:-150px 0;}
.month-7 {background-position:-180px 0;}
.month-8 {background-position:-210px 0;}
.month-9 {background-position:-240px 0;}
.month-10 {background-position:-270px 0;}
.month-11 {background-position:-300px 0;}
.month-12 {background-position:-330px 0;}

.day-1, .day-2, .day-3, .day-4, .day-5, .day-6, .day-7, .day-8, .day-9, .day-10, .day-11, .day-12, .day-13, .day-14, .day-15, .day-16, .day-17, .day-18, .day-19, .day-20, .day-21, .day-22, .day-23, .day-24, .day-25, .day-26, .day-27, .day-28, .day-29, .day-30, .day-31 { height:20px; width:30px; background: url(../_graphics/date-sprite.png) no-repeat; text-indent:-6000px; }
.day-1 {background-position:0 -12px;}
.day-2 {background-position:-30px -12px;}
.day-3 {background-position:-60px -12px;}
.day-4 {background-position:-90px -12px;}
.day-5 {background-position:-120px -12px;}
.day-6 {background-position:-150px -12px;}
.day-7 {background-position:-180px -12px;}
.day-8 {background-position:-210px -12px;}
.day-9 {background-position:-240px -12px;}
.day-10 {background-position:-270px -12px;}
.day-11 {background-position:-300px -12px;}
.day-12 {background-position:-330px -12px;}
.day-13 {background-position:-360px -12px;}
.day-14 {background-position:-390px -12px;}
.day-15 {background-position:-420px -12px;}
.day-16 {background-position:-450px -12px;}
.day-17 {background-position:-480px -12px;}
.day-18 {background-position:-510px -12px;}
.day-19 {background-position:-540px -12px;}
.day-20 {background-position:-570px -12px;}
.day-21 {background-position:-600px -12px;}
.day-22 {background-position:-630px -12px;}
.day-23 {background-position:-660px -12px;}
.day-24 {background-position:-690px -12px;}
.day-25 {background-position:-720px -12px;}
.day-26 {background-position:-750px -12px;}
.day-27 {background-position:-780px -12px;}
.day-28 {background-position:-810px -12px;}
.day-29 {background-position:-840px -12px;}
.day-30 {background-position:-870px -12px;}
.day-31 {background-position:-900px -12px;}