/*
Things to note:
Homepage Callout Interaction: On rollover the maroon triangle should slide right to create the learn more button with the learn more text fading in. As that is happening the school name should slide up and the lead-in copy should fade in. On rollout the reverse should happen. Also on rollover the learn more button should have a rollover color.
On the homepage the background elements should tile/extend horizontally with the opening of the browser window.
On the interior pages the background elements, color and dotted hairlines should tile/extend horizontally with the opening of the browser window.
Is it possible to add a parallax animation to the interior bottom right triangle elements. As you scroll down the page I would like to have those elements slightly shift into place.

Font Usage
Source Sans Pro Semibold: Logo header,
Source Sans Pro Regular: Top nav, homepage headline, footer, homepage callout overlay lead-in, side nav, interior headlines, right rail subheads, right rail body copy, interior body copy, 
Source Sans Pro Light: Homepage callout subheads, bread crumb, interior headlines, right rail headlines
Source Sans Pro Bold: Right rail event times
Sanchez Regular: Headlines

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Sanchez' rel='stylesheet' type='text/css'>
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Sanchez', serif;

*/

html,body{height:100%;}
body{margin:0px;padding:0px;background:#fff;font-family: 'Source Sans Pro', sans-serif;font-size:14px;color:#666;letter-spacing:1px;}/*overflow-x:hidden;*/

table,td,tr{font-family: 'Source Sans Pro', sans-serif;font-size:14px;color:#666;}
a:link {text-decoration:underline;color:#000;}
a:visited {text-decoration:underline;color:#000;}
a:hover {text-decoration:none;color:#8d1540;}
#googleTranslate a{text-decoration:none;}
a[href^=tel]{color:inherit;text-decoration:none;}

input,
textarea,
select{font-size:13px;}

h1,h2,h3,h4,h5{margin:0px;}

.cf{float:none;clear:both;}
input{-webkit-border-radius:0;}
img{border:none;}

/* interior page header */
/*breadcrumb */
#main #headerShell #breadcrumbShell{width:960px;float:none;clear:both;padding:10px 0px 13px 0px;background:url('custom/images/interior/top_header/img_dotted_hline.png') repeat-x left bottom;}
#utilitybar{color:#fff;font-size:12px;font-weight:400;text-transform:uppercase;}
#breadcrumb a {color:#fff;text-decoration:none;}
#breadcrumb a:hover {color:#fff;text-decoration:underline;}
#breadcrumb a:active {color:#fff;text-decoration:none;}
#breadcrumb .breadcrumb_divide{}
/*#utilitybar #breadcrumb a:first-child{display:none;}
#utilitybar #breadcrumb span.breadcrumb_divide:first-child{display:none;}*/

/* header page title */
#main #headerShell #headerTitleShell{width:960px;padding:24px 0px 0px 0px;}
#main #headerShell #headerTitleShell h1{color:#fff;font-family: 'Sanchez', serif;font-weight:300;text-shadow:3px 3px 5px #140309;padding:0px;margin:0px;font-size:30px;line-height:32px; text-transform:uppercase;}

/*landing */
#main #mainContentShell #mainContentInner #landingShellOuter{width:775px;height:330px;margin:20px 0px 0px 189px;overflow:hidden;padding:0px 0px 24px 20px;
background:url('custom/images/interior/content/img_double_dotted_hline.gif') repeat-x left bottom;}
#main #mainContentShell #mainContentInner #landingShell{width:761px;height:318px;padding:12px 0px 0px 12px;position:relative;
background:url('custom/images/interior/content/landing_photo/img_photo_frame.gif') no-repeat 0px 0px;}
#main #mainContentShell #mainContentInner #landingShell #leftFrame{position:absolute;left:12px;bottom:12px;width:167px;height:167px;
background:url('custom/images/interior/content/landing_photo/img_left_color_overlay.png');}
#main #mainContentShell #mainContentInner #landingShell #rightFrame{position:absolute;right:12px;top:12px;width:90px;height:90px;
background:url('custom/images/interior/content/landing_photo/img_right_color_overlay.png');}
#main #mainContentShell #mainContentInner #landingShell #mainImage{width:749px;height:306px;background-size:749px 306px;}

/*interior page */
#mainShell.interiorbg{}/*background:#000;*/
#main #mainContentShell.interior{margin:0px auto 0px auto;padding:0px;width:100%;z-index:0;position:relative;}
#main #mainContentShell.interior #bottombg{position:absolute;width:100%;height:28px;left:50%;bottom:0px;background:#fff url('custom/images/interior/background/img_bottom_dot_pattern.gif') repeat-x left bottom;z-index:0;margin-left:-313px;}
#main #bottomContentbg{position:fixed;width:280px;height:498px;left:50%;bottom:25px;background:url('custom/images/interior/background/img_triangles.gif') no-repeat right bottom;z-index:-1;margin-left:459px;}
/*#main #mainContentShell.interior #topContentbg{position:fixed;width:138px;height:208px;left:50%;bottom:312px;background:url('custom/images/interior/background/img_triangles_top.gif') no-repeat right bottom;z-index:-1;margin-left:600px;}*/
#main #mainContentShell.interior #blackbg{position:absolute;width:100%;height:100%;right:50%;bottom:0px;background:#000;z-index:-1;margin-right:313px;}
#main #mainContentShell #mainContentInner{margin:0px auto 0px auto;width:1004px;padding:0px;overflow:hidden;}/*background-color:#000;*/
#main #mainContentInner #sidebar{width:189px;padding:0px;margin:0px;float:left;background-color:#000;overflow:hidden;}
#main #mainContentInner #sidebar.sidebarLanding{margin-top:-374px;}


.main_body_size{width:793px;margin:0px;padding:0px 22px 28px 0px;float:left;overflow:hidden;display:block;}
.middle_when_right_side_bar{width:572px;padding:0px 0px 0px 2px;line-height:22px;margin:0px;min-height:600px;float:left;overflow:hidden;display:block;position:relative;z-index:0;}
.main_body_size_with_right_bar{background-color:#fff;}
.middle_when_no_right_side_bar{width:791px;padding:0px 0px 0px 0px;line-height:22px;margin:0px;min-height:600px;position:relative;z-index:1;display:block;overflow:hidden;z-index:0;}
.no_right_side_bar_right_padding{width:791px;padding:0px 0px 0px 2px;line-height:22px;margin:0px;min-height:600px;position:relative;z-index:1;display:block;overflow:hidden;z-index:0;}
.middle_when_right_side_bar .detail_padding p, .middle_when_no_right_side_bar .detail_padding p{padding:0px 0px 12px 0px;margin:0px;}
.detail_padding p:last-child{padding-bottom:0px;}
.detail_padding{padding:33px 20px 37px 20px;background:url('custom/images/interior/content/img_single_dotted_hline.gif') repeat-x left bottom;}
.detail_padding a{color:#000 !important;}
.detail_padding a:hover{color:#8d1540 !important;}
.middle_when_right_side_bar .detail_padding,
.middle_when_no_right_side_bar .detail_padding,
.no_right_side_bar_right_padding .detail_padding{margin:0px;display:block;}
.middle_when_right_side_bar .detail_padding{width:534px;}
.middle_when_no_right_side_bar .detail_padding{width:753px;}

.figure{border:none;margin:-3px 10px 5px 0px;overflow:hidden !important;width:auto;float:none;}
.detail_textgraphic{overflow:hidden !important;}
.titletext{background:transparent none; color:#000; font-size:28px; margin:0px 0px 0px 0px; padding:0px 0px 6px 0px;text-transform:none;line-height:31px;font-weight:300;font-family: 'Source Sans Pro', sans-serif;}
.pagetitle_padding{padding:25px 20px 0px 20px;}

.no_pagetitle_padding {padding:0px;}
.no_right_side_bar_right_padding{padding-right:0px;}

.middle_when_right_side_bar h1, .middle_when_no_right_side_bar h1 {background:transparent none; color:#000; font-size:35px; margin:0px 0px 0px 0px; padding:0px 0px 7px 0px;text-transform:none;line-height:38px;font-family: 'Source Sans Pro', sans-serif;font-weight:300;}
.middle_when_right_side_bar h2, .middle_when_no_right_side_bar h2 {background:transparent none; color:#000; font-size:30px; margin:0px 0px 0px 0px; padding:0px 0px 7px 0px;text-transform:none;
line-height:33px;font-weight:300;font-family: 'Source Sans Pro', sans-serif;}
.middle_when_right_side_bar h3, .middle_when_no_right_side_bar h3 {background:transparent none; color:#000; font-size:28px; margin:0px 0px 0px 0px; padding:0px 0px 7px 0px;text-transform:none;line-height:31px;font-weight:300;font-family: 'Source Sans Pro', sans-serif;}
.middle_when_right_side_bar h4, .middle_when_no_right_side_bar h4 {background:transparent none; color:#000; font-size:20px; margin:0px 0px 0px 0px; padding:0px 0px 7px 0px;
line-height:23px;font-weight:300;font-family: 'Source Sans Pro', sans-serif;}

/*right side*/
#sidebar_content{width:213px;margin:0px;padding:20px 0px 0px 6px;position:relative;z-index:0;background:url('custom/images/interior/right_rail/img_double_dotted1_hline.gif') repeat-y 0px 0px;overflow:hidden;}
#sidebar_content .right_per_detail{width:213px;margin:0px 0px 20px 0px;padding:0px;background:url('custom/images/interior/right_rail/img_double_dotted_hline.gif') repeat-x left bottom;}
#sidebar_content .right_hr_top{display:none;}
#sidebar_content .right_per_detail h3{width:200px;text-align:left;font-size:22px;font-family: 'Source Sans Pro', sans-serif;color:#000;text-transform:uppercase;padding:4px 0px 16px 13px;font-weight:300;
background:url('custom/images/interior/right_rail/img_single_dotted_hline.gif') repeat-x left bottom;margin:0px;line-height:25px;}
#sidebar_content .right_per_detail .right_content{padding:0px 0px 20px 0px;}
#sidebar_content .right_per_detail p{padding:0px 0px 12px 0px;margin:0px;}
#sidebar_content .right_per_detail p:last-child{padding-bottom:0px;}
#sidebar_content .right_per_detail ul{list-style-type:none;padding:0px 0px 3px 0px;margin:0px;}
#sidebar_content .right_per_detail ul li{padding:0px 5px 8px 5px;margin:0px 0px 6px 0px;}
#sidebar_content .right_per_detail ul li:first-child{padding-top:0px;}
#sidebar_content .right_per_detail ul li:last-child{padding-bottom:0px;background:none;}
#sidebar_content .right_per_detail a{text-decoration:underline;color:#000;}
#sidebar_content .right_per_detail a.right_news_style{padding:0px;margin:0px;}
#sidebar_content .right_per_detail a:hover{text-decoration:none;color:#8d1540;}
#sidebar_content .right_hr_bottom hr,
#sidebar_content .right_hr_top hr{display:none;}
#sidebar_content .right_hr_bottom{display:none;}
#sidebar_content .right_per_detail img{max-width:198px !important;}

.right_side_no_dotted_line p, .right_side_with_dotted_line p {margin:0px; padding:0px 0px 12px 0px;}
.right_side_with_dotted_line{width:198px;padding:0px;}
.right_side_no_dotted_line{width:198px;padding:0px;}

/*translator*/
.detail_translator .right_content{overflow:hidden !important;padding-right:10px !important;padding-left:13px !important;min-height:40px !important;}
.detail_translator .right_content{padding-top:0px !important;padding-bottom:21px !important;margin-top:-4px !important;}
.detail_translator .right_content img{width:auto !important;}

/*quick links */
#sidebar_content .detail_quicklinks h3{}
#sidebar_content .detail_quicklinks{font-size:16px;text-transform:capitalize;font-family: 'Source Sans Pro', sans-serif;font-weight:300;color:#000;}
#sidebar_content .detail_quicklinks select{width:198px !important;text-transform:none;}
#sidebar_content .detail_quicklinks .right_content{padding:10px 0px 17px 8px;}

/*upcoming events */
#sidebar_content .detail_upcomingevents h3{}
#sidebar_content .detail_upcomingevents .right_content{padding:20px 0px 20px 13px;}
#sidebar_content .upcoming_events_date{height:24px;text-transform:uppercase;font-size:16px;font-weight:400;font-family: 'Source Sans Pro', sans-serif;color:#333;text-align:center;overflow:hidden;}
#sidebar_content .upcoming_events_above{margin:0px 0px 0px 0px;padding:3px 10px 9px 10px;display:block;background:url('custom/images/interior/right_rail/img_date_header_bar.gif') repeat-x 0px 0px;}
#sidebar_content .upcoming_events_top{margin-top:0px;}
#sidebar_content .upcoming_events_time{color:#333;font-weight:700;font-size:14px;}
#sidebar_content .upcoming_events_event{color:#333;padding:6px 5px 0px 0px;font-weight:400;font-size:14px;}
#sidebar_content .upcoming_events_event a{color:#333;padding:0px 0px 5px 0px;font-weight:400;text-decoration:underline;}
#sidebar_content .upcoming_events_event a:hover{text-decoration:none;color:#8d1540;}
#sidebar_content .upcoming_events_bottom{padding-bottom:0px;}

/*News*/
#sidebar_content .detail_rightnews .right_content,
#sidebar_content .detail_righttext .right_content{line-height:18px;font-size:14px;}
#sidebar_content .detail_righttext h3{}
#sidebar_content .detail_rightnews ul{list-style-type:none;padding:4px 0px 0px 0px;margin:0px;}
#sidebar_content .detail_rightnews ul li{padding:16px 0px 17px 0px;margin:0px 0px 0px 0px;background:url('custom/images/interior/right_rail/img_single_dotted_hline.gif') repeat-x left bottom;}
#sidebar_content .detail_rightnews ul li:first-child{padding-top:0px;margin-top:0px;}
#sidebar_content .detail_rightnews a.right_news_style,
#sidebar_content .detail_rightnews ul li strong{text-transform:capitalize;font-size:16px;font-weight:600;font-family: 'Source Sans Pro', sans-serif;color:#333;text-decoration:none;}
#sidebar_content .detail_rightnews a.right_news_style:hover{text-decoration:none;color:#8d1540;}
#sidebar_content .detail_rightnews .right_content{padding:12px 0px 20px 13px;}
#sidebar_content .detail_righttext .right_content{padding:15px 0px 20px 13px;}
#sidebar_content .detail_rightnews .righttext_per_text{padding:0px;margin:0px;}

/*detail_announcements*/
.detail_announcements2 p{margin:0px; padding:0px 0px 12px 0px;}
#sidebar_content .detail_announcements2r .right_content{padding:16px 0px 20px 13px;width:198px;}
#sidebar_content .detail_announcements2r div{padding:0px;margin:0px;}
#sidebar_content .detail_announcements2r p{margin:0px;padding:0px 0px 0px 0px;font-size:14px;}
#sidebar_content .detail_announcements2r img{margin-bottom:8px;margin-top:8px;}
#sidebar_content .detail_announcements2r h4{color:#333;font-size:16px;margin:0px;padding:17px 0px 2px 0px;line-height:18px;font-family: 'Source Sans Pro', sans-serif;font-weight:600;
text-decoration:none;margin-top:16px;background:url('custom/images/interior/right_rail/img_single_dotted_hline.gif') repeat-x left top;}
#sidebar_content .detail_announcements2r h4:first-child{padding-top:0px;background:none;margin-top:0px;}
#sidebar_content .detail_announcements2r h4 a{color:#333;text-decoration:underline;}
#sidebar_content .detail_announcements2r h4 a:hover{color:#8d1540 !important;text-decoration:none;}
#sidebar_content .detail_announcements2r a{color:#333;text-decoration:underline;}
#sidebar_content .detail_announcements2r a:hover{color:#8d1540;text-decoration:none;}
.detail_announcements2 h4{}
.detail_announcements2 h4 a{}

/*slideshow */
#sidebar_content .detail_rightslideshow .right_content{padding-top:10px;height:auto;}

/* calendar links */
.detail_minical h4, .detail_minical ul{display:none;}
#sidebar_content .detail_minical .right_content{padding:10px 0px 18px 2px;}
table.minical{width:100%;border-spacing:0px;border-collapse:collapse;}
.minical_wrapper table tr td table{border-spacing:0px;margin-bottom:-2px;}
.minical_wrapper table tr,
.minical_wrapper table tr td{vertical-align:middle !important;}
.minical_wrapper .headerbg td a{display:block;height:13px;margin-top:4px;}
.minical_wrapper .headerbg td:first-child,
.minical_wrapper .headerbg td:first-child + td + td{width:auto !important;}
.minical_wrapper .headerbg td:first-child + td{width:73% !important;}
.minical_wrapper .headerbg td:first-child a{background:url('custom/images/interior/right_rail/btn_arrow_left_off.gif') no-repeat 100% 0px;height:13px;}
.minical_wrapper .headerbg td:first-child a:hover{background-image:url('custom/images/interior/right_rail/btn_arrow_left_over.gif');}
.minical_wrapper .headerbg td:first-child + td + td a{background:url('custom/images/interior/right_rail/btn_arrow_right_off.gif') no-repeat 0px 0px;height:13px;}
.minical_wrapper .headerbg td:first-child + td + td a:hover{background-image:url('custom/images/interior/right_rail/btn_arrow_right_over.gif');}
.minical_wrapper{padding:0px;}
.minical_wrapper .headerbg,
.minical_wrapper .headerbg .headerlink{text-decoration:none;font-weight:normal !important;}
.minical_wrapper .headerbg .headertext,
.minical_wrapper .header2bg .header2text{font-size:16px;text-transform:uppercase;font-family: 'Source Sans Pro', sans-serif;font-weight:400;color:#000;padding:0px 5px;}
.minical_wrapper .header2bg .header2text{font-size:14px;padding:0px 0px 0px 0px;}
.minical_wrapper tr.header2bg{background:url('custom/images/interior/right_rail/img_single_dotted_hline.gif') repeat-x 0px bottom;height:34px;}
.minical_wrapper tr.header2bg td{background-color:transparent;}
.minical_wrapper .alternatebg1{background-color:transparent;height:26px;padding:0px 0px;}
.minical_wrapper .alternatebg2{height:26px;padding:0px 0px;}
.minical_wrapper td.headerbg{color:#8d1540;padding:0px 0px;height:26px;}
.minical_wrapper .detail_minical{padding-bottom:6px;}
.minical_wrapper{margin:0px;padding:4px 11px 0px 11px;}
.minical_wrapper .alternatebg1,
.minical_wrapper .alternatebg2,
.minical_wrapper .callink{color:#333 !important;font-weight:normal !important;}
.minical_wrapper .callink:hover{color:#8d1540 !important;text-decoration:none !important;}
.minical_wrapper td.headerbg{background:url('custom/images/interior/right_rail/img_current_date.gif') no-repeat 0px 2px;color:#000;}
.minical_wrapper td.headerbg .headerlink,
.minical_wrapper td.headerbg .headerlink:hover{color:#8d1540 !important;}

/*detail Calendar - lunch menu - detail_member_directory */
.middle_when_no_right_side_bar  .detail_calendar{margin-left:0px;display:block;}
.middle_when_no_right_side_bar  .detail_calendar form table{float:left;width:350px;}
.middle_when_no_right_side_bar  .detail_lunchmenu form table{float:left;}
.middle_when_no_right_side_bar  .detail_calendar form div,
.middle_when_no_right_side_bar  .detail_lunchmenu form div{float:right;padding:0px;overflow:hidden;margin:-10px 0px 0px 0px;}
.detail_lunchmenu form table:first-child td{padding-right:10px;}

.detail_calendar form div table{width:110px !important;}
.detail_calendar form div table tr td,
.detail_calendar form table table tr td{font-weight:bold;color:#000;text-transform: capitalize;padding-bottom:7px;}
.detail_calendar form select{font-size: 12px; }

.detail_calendar,
.detail_member_directory{padding-bottom:8px !important;}
.detail_calendar h3,
.detail_member_directory h3{padding-bottom:10px;}
.detail_calendar div table,
.detail_member_directory table{border:none;font-size:13px;color:#000;}
.detail_calendar div table table{border:1px solid transparent;}
.detail_calendar div div table table{border:none;}
.detail_calendar table td,
.detail_member_directory table td{padding-right:5px;}
.detail_calendar .headerbg,
.detail_member_directory .headerbg{background-color:#fff;}
.detail_calendar .headerbg a.headerlink,
.detail_lunchmenu .headerbg a.headerlink{color:#fff !important;font-size:14px;text-transform:capitalize;text-decoration:none;font-weight:400;font-family: 'Source Sans Pro', sans-serif;}

.detail_calendar .headerbg td a{}
.detail_calendar .headerbg td:first-child,
.detail_calendar .headerbg td:first-child + td + td{}
.detail_calendar .headerbg td:first-child + td{}
.middle_when_no_right_side_bar .detail_calendar .headerbg td:first-child + td{}

.detail_calendar .headerbg td:first-child a,
.detail_lunchmenu .headerbg td:first-child a{background:url('custom/images/interior/calendar/btn_arrow_left_off.gif') no-repeat 0px 4px;padding:0px 0px 0px 7px;}
.detail_calendar .headerbg td:first-child a:hover,
.detail_lunchmenu .headerbg td:first-child a:hover{background-image:url('custom/images/interior/calendar/btn_arrow_left_over.gif');}
.detail_calendar .headerbg td:first-child + td + td a,
.detail_lunchmenu .headerbg td:first-child + td + td a{background:url('custom/images/interior/calendar/btn_arrow_right_off.gif') no-repeat right 4px;padding:0px 7px 0px 0px;}
.detail_calendar .headerbg td:first-child + td + td a:hover,
.detail_lunchmenu .headerbg td:first-child + td + td a:hover{background-image:url('custom/images/interior/calendar/btn_arrow_right_over.gif');}
.detail_calendar .borderstyle,
.detail_lunchmenu .borderstyle{border:1px solid #eee;padding-top:10px;}

.detail_calendar .headerbg a.headerlink:hover,
.detail_lunchmenu .headerbg a.headerlink:hover{color:#8d1540 !important;}
.detail_calendar .headerbg .headertext,
.detail_lunchmenu .headerbg .headertext{color:#fff;font-weight:normal;font-size:20px;text-transform:none;font-weight:300;font-family: 'Source Sans Pro', sans-serif;padding:0px 0px 0px 0px;}
.detail_calendar a.callink{color:#8d1540 !important;font-weight:400;}
.detail_calendar a.callink:hover{color:#8d1540 !important;}
.today_highlight{background-color:#8d1540 !important;color:#fff;font-weight:bold;}
.today_highlight a.callink{color:#fff !important;font-weight:bold;}
.today_highlight a.callink:hover{color:#fff !important;}
.today_highlight table tr td{color:#fff;background-color:#8d1540 !important;font-weight:bold;}
.detail_member_directory table td{padding-right:10px;}
.detail_calendar .header2bg .header2text{}

/* these override some of the above detail calendar classes */
.detail_calendar div table table{background:#000;}
.detail_calendar div table table table{background:none;}
.detail_calendar div table table tr td .headerlink{color:#fff !important;text-decoration:none;border:none;background-color:#000;}
.detail_calendar div table table,
.detail_lunchmenu table{border: none;border-collapse:collapse;}
.detail_calendar div table table td,
.detail_lunchmenu table.borderstyle, .detail_lunchmenu table.borderstyle td{border:1px solid #ccc;}
.detail_lunchmenu table.borderstyle td td{border:none;}
.detail_calendar div table table tr.headerbg:first-child{border-top:1px solid #000;}
.detail_calendar div table table tr.headerbg td,
.detail_lunchmenu table.borderstyle tr.headerbg td{height:40px !important;border:none;margin:0px;padding:0px;border-right:1px solid #000;border-left:1px solid #000;background-color:#000;}
.detail_calendar div table table tr.headerbg:last-child td{padding:3px 0px;}
.detail_calendar div table table tr.headerbg:last-child td.headertext{display:none;}
.detail_calendar div table table tr.header2bg td,
.detail_lunchmenu table.borderstyle tr.header2bg td{height:22px;border-top:1px solid #deddd7;padding:0px;color:#000;background:#fff url('custom/images/interior/calendar/img_header_pattern.gif') 0px 0px;}
.detail_calendar div table table tr.header2bg td.header2text,
.detail_lunchmenu table.borderstyle tr.header2bg td.header2text{color:#000;font-weight:400;text-align:left;padding-left:5px;border-right:1px solid #deddd7;border-left:1px solid #deddd7;
text-transform:capitalize;font-size:14px;}
.detail_calendar div table table td{background-color:#fff;}
.detail_calendar div table table td table td{padding:5px;border:none;}
.detail_calendar div table table td table tr:first-child td,
.detail_calendar div table table tr.headerbg:last-child td{border:none;height:30px !important;}

/*calendar list view */
.detail_calendar div table td.headerbg table tr td,
.detail_lunchmenu table td.headerbg table tr td{background-color:#000 !important;height:30px !important;border:none !important;}
.detail_calendar div table td.headerbg table a.headerlink,
.detail_lunchmenu table td.headerbg table a.headerlink{color:#fff !important;background:none !important;}
.detail_calendar div table td.headerbg table .headertext,
.detail_lunchmenu table td.headerbg table .headertext{color:#fff !important;}
.detail_calendar .alternatebg1,
.detail_calsearch .alternatebg1,
.detail_lunchmenu .alternatebg1,
.detail_member_directory .alternatebg1{background-color:#dfddd8 !important;}

/* Alternating row background colors */
.alternatebg1{background-color::transparent;}
.alternatebg2{background-color:transparent;}
.footer_top{background-color:transparent;}

/*fac list*/
.detail_facultylist tr.headerbg{background-color:#000 !important;color:#fff;}
.detail_facultylist tr.headerbg .headertext,
.detail_facultylist tr.headerbg a.headerlink{color:#fff !important;min-width:100px;vertical-align:middle;}
.detail_facultylist tr.headerbg a.headerlink:hover{color:#8d1540 !important;}
.detail_facultylist tr.alternatebg1{background-color:#dfddd8 !important;}
.detail_facultylist tr.alternatebg2{background-color:#fff !important;}

/* headings (Example: Events Calendar -    Previous    Month, Year    Next     heading */
td.headerbg a.headerlink{color:#333 !important;text-decoration:none;}
td.headerbg a.headerlink:hover{color:#8d1540 !important;text-decoration:none !important;}

a.header2link:link {text-decoration:none;color:#333;}
a.header2link:visited {text-decoration:none;color:#333;}
a.header2link:hover {text-decoration:underline;color:#8d1540;}

/* used in Photo Gallery and Staff Profiles */
.borderstyle{border:1px solid #eee;}
.inside_bg{background-color:transparent;padding:0px 0px 7px 0px!important;border:none;margin:0px;}
.inside_bg p{padding:0px 0px 12px 0px;margin:0px;}
.inside_bg p:last-child{padding-bottom:0px;}

.inside_page_bg{background-color:transparent;}
.inside_page_bg p.titletext{padding:10px 0px 0px 0px;}
.content_no_left{padding:0px;}
.below_left_nav{padding:10px 0px 10px 0px;width:189px;display:none;}
.outside_border_bg{display:none;}
.top_border_bg{background-color:#8d1540;}
.inside_left_bar{background-color:#8d1540;}
.top_text_bg{background-color:#8d1540;color:#333;}
.left_menu_column{background-color:transparent;}

a.event_description:link{text-decoration:none;}
a.event_description:visited{text-decoration:none;}
a.event_description:hover{text-decoration:none;}
table.minical {width:100%}
.redtext{color:#FF0000;font-weight:bold;}
.colorsquare{display:none;}

/* goolge search */
.detail_googlesearch input:first-child + input + input{padding:0px 5px 0px 5px !important;}
.detail_googlesearch{}

/* homepage */
#mainShell{width:100%;margin:auto;padding:0px;}
#main{width:100%;margin:auto;padding:0px;padding:0px 0px 0px 0px;overflow:hidden;min-width:960px;background:url('custom/images/interior/background/img_header_bg.jpg') repeat-x 0px 0px;}
#main.home{background:url('custom/images/homepage/img_bg_triangle_pattern.jpg') repeat-x 0px 0px;min-height:584px;}
#main #headerShellOuter{width:100%;margin:auto;padding:0px;}
#main #headerShell{margin:0px auto 0px auto;width:960px;height:174px;padding:0px 22px;position:relative;}
#main #headerShell.interior{height:193px;}
#main #headerShell #headerShellInner{width:960px;background:url('custom/images/general/top_nav/img_double_dotted_hline.png') repeat-x left bottom;height:75px;clear:both;}
#main #headerShell #headerShellInner #logo{width:259px;padding:0px;margin:0px;height:75px;float:left;overflow:hidden;}
#main #headerShell #headerShellInner #logo a{display:block;width:100%;height:75px;background:url('custom/images/general/top_nav/btn_logo.png') no-repeat 0px 11px;
font-size:18px;font-family: 'Source Sans Pro', sans-serif;text-decoration:none;font-weight:600;line-height:17px;padding:21px 0px 0px 68px;color:#fff;text-shadow:2px 2px 5px rgba(53, 51, 51, 0.7);}

#main #titleShell{width:100%;margin:auto;padding:0px;overflow:hidden;}
#main #titleShellInner{width:960px;margin:auto;padding:0px 22px;}
#main #titleShellInner h2{width:870px;height:23px;padding:0px;margin:0px 45px;position:relative;background:url('custom/images/homepage/hdr_school_district.png') no-repeat center -2px;}
#main #titleShellInner h2:before{width:250px;height:1px;position:absolute;left:0px;top:13px;content:"";background:url('custom/images/homepage/img_hdr_dotted_hline.png') repeat-x 0px 0px;}
#main #titleShellInner h2:after{width:253px;height:1px;position:absolute;right:0px;top:13px;content:"";background:url('custom/images/homepage/img_hdr_dotted_hline.png') repeat-x 0px 0px;}
#main #titleShellInner h1{width:870px;height:85px;padding:15px 0px 0px 0px;margin:0px 45px;background:url('custom/images/homepage/img_hdr_double_dotted_hline.png') repeat-x 0px bottom;}
#main #titleShellInner h1 span{display:block;width:868px;height:59px;padding:0px;margin:0px;background:url('custom/images/homepage/hdr_innovation-for-success.png') no-repeat 6px 0px;}

#main #calloutsShellOuter{width:100%;margin:auto;padding:105px 0px 0px 0px;background:url('custom/images/homepage/img_dot_pattern_top.gif') repeat-x 0px 287px;overflow:hidden;}
#main #calloutsShellOuter #calloutsShell{width:964px;margin:auto;padding:0px 18px 0px 22px;}
#main #calloutsShellOuter #calloutsShell .calloutShell{width:225px;height:343px;background:url('custom/images/homepage/callouts/img_callout_base.png') no-repeat 0px 0px;padding:12px 4px 4px 0px;
margin:0px 16px 0px 0px;position:relative;float:left;overflow:hidden;z-index:0;}
#main #calloutsShellOuter #calloutsShell .calloutShell:hover{cursor:pointer;}
#main #calloutsShellOuter #calloutsShell .calloutShell .calloutImage{width:225px;height:203px;background-size:225px 203px;}
#main #calloutsShellOuter #calloutsShell .calloutShell .calloutImage a{display:block;width:225px;height:203px;}
#main #calloutsShellOuter #calloutsShell .calloutShell h3{padding:28px 10px 0px 10px;margin:0px;color:#fff;font-size:19px;font-weight:300;font-family: 'Source Sans Pro', sans-serif;text-align:center;line-height:19px;text-transform:uppercase;}
#main #calloutsShellOuter #calloutsShell .calloutShell .triangleShell{position:absolute;left:0px;bottom:4px;width:225px;height:59px;overflow:hidden;}
#main #calloutsShellOuter #calloutsShell .calloutShell .triangleShell .triangle{position:absolute;left:0px;bottom:0px;width:59px;height:59px;background:url('custom/images/homepage/callouts/btn_plus.png');z-index:0;}
#main #calloutsShellOuter #calloutsShell .calloutShell p{display:none;padding:9px 10px 0px 10px;text-align:center;color:#777;font-family: 'Source Sans Pro', sans-serif;font-weight:300;}
#main #calloutsShellOuter #calloutsShell .calloutShell a.learnMore{display:block;position:absolute;left:-225px;bottom:4px;width:225px;height:41px;background:#430a1d;font-family: 'Source Sans Pro', sans-serif;color:#fff;text-align:center;text-decoration:none;font-weight:300;font-size:16px;padding:18px 0px 0px 0px;z-index:0;}
#main #calloutsShellOuter #calloutsShell .calloutShell a.learnMore span{display:none;}
#main #calloutsShellOuter #calloutsShell .calloutShell a.learnMore:hover{background-color:#8e1540;}

#main #footerTopOuter{width:100%;height:30px;margin:13px auto 0px auto;padding:0px;overflow:hidden;background:url('custom/images/homepage/img_dot_pattern_bottom.gif') repeat-x 0px 0px;position:relative;}
#main #footerShellOuter{width:100%;height:230px;margin:0px auto 0px auto;padding:0px;overflow:hidden;background:url('custom/images/general/footer/prairie_du_chien_homepage_FNL.gif') repeat-x 0px 0px;position:relative;}
#main #footerShell{margin:0px auto 0px auto;width:960px;padding:22px 22px 0px 22px;position:relative;height:208px;}
#main #footerShell #CMS4SchoolsLogo{width:174px;height:28px;position:absolute;right:22px;bottom:88px;}
#main #footerShell #CMS4SchoolsLogo a{width:174px;height:28px;background:url('custom/images/general/footer/img_cms4schools.png');display:block;}
#main #footerShell #addressShell{clear:both;float:none;width:960px;height:73px;background:url('custom/images/general/footer/img_dotted_hline.png') repeat-x left bottom;overflow:hidden;}
#main #footerShell #addressShell #pLogo{width:337px;padding:0px;margin:0px;height:75px;float:left;overflow:hidden;}
#main #footerShell #addressShell #pLogo a{display:block;width:200px;height:75px;background:url('custom/images/general/footer/img_logo_footer.png') no-repeat 0px 0px;
font-size:18px;font-family: 'Source Sans Pro', sans-serif;text-decoration:none;font-weight:600;line-height:17px;padding:10px 0px 0px 69px;color:#fff;text-shadow:2px 2px 5px rgba(53, 51, 51, 0.7);}
#main #footerShell #addressShell ul{padding:0px;margin:0px;list-style-type:none;}

#main #footerShell #addressShell #address{float:left;overflow:hidden;color:#fff;font-size:13px;font-weight:400;font-family: 'Source Sans Pro', sans-serif;}
#main #footerShell #addressShell #address ul li strong{font-weight:400;}
#main #footerShell #addressShell #address ul{float:left;overflow:hidden;padding:11px 0px 0px 0px;}
#main #footerShell #addressShell #address ul:first-child{padding-right:104px;}
#main #footerShell #addressShell #address ul li{display:none;}
#main #footerShell #addressShell #address ul:first-child li:first-child,
#main #footerShell #addressShell #address ul:first-child li:first-child + li{display:block;}
#main #footerShell #addressShell #address ul:first-child  + ul li:first-child + li + li,
#main #footerShell #addressShell #address ul:first-child  + ul li:first-child + li + li + li{display:block;}

#main #footerShell #addressShell #socialMedia{position:absolute;right:22px;top:38px;}
#main #footerShell #addressShell #socialMedia ul li{margin:0px;padding:0px 0px 0px 17px;background:none;float:left;overflow:hidden;}
#main #footerShell #addressShell #socialMedia ul li a{display:block;text-indent:-9999px;}
#main #footerShell #addressShell #socialMedia ul li:first-child a{background:url('custom/images/general/footer/btn_twitter_off.png') no-repeat 0px 2px;width:24px;height:23px;}
#main #footerShell #addressShell #socialMedia ul li:first-child a:hover{background-image:url('custom/images/general/footer/btn_twitter_over.png');}
#main #footerShell #addressShell #socialMedia ul li:first-child + li a{background:url('custom/images/general/footer/btn_facebook_off.png');width:12px;height:23px;}
#main #footerShell #addressShell #socialMedia ul li:first-child + li a:hover{background-image:url('custom/images/general/footer/btn_facebook_over.png');}

#main #footerShell #copyrightShell{color:#fff;font-size:12px;font-weight:400;font-family: 'Source Sans Pro', sans-serif;padding:16px 0px 0px 0px;}
#main #footerShell a[href^=tel]{color:#fff;text-decoration:none;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {overflow:hidden; position:relative;background-color:transparent;}
.jspPane {position:absolute;background-color:transparent;}
.jspVerticalBar {background-color:transparent;height:100%;position:absolute;right:0px;top:0px;width:10px;padding:0px 0px 0px 0px;}
.jspHorizontalBar{display:none;}
.jspVerticalBar *, .jspHorizontalBar * {margin:0; padding:0;}
.jspHorizontalBar .jspCap {float:left;display:none;}
.jspTrack {background:transparent;position:relative;background-color:#ccc;z-index:1;padding:0px;margin:0px;}/*border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;*/
.jspDrag{background:transparent;cursor:pointer;left:0;position:relative;top:0px;background-color:#666;width:12px;margin:0px 0px 0px 0px;}/*border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;*/
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {display:none;}
.jspArrow{display:none;}
.jspCorner {background:transparent; float:left; height:100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin:0 -3px 0 0;}
.jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover {background-color:#8d1540;}
.jspCapTop{background-position:0px 0px;width:10px;height:1px;display:none;}
.jspCapBottom{background-position:0px 0px;width:10px;height:1px;display:none;}

@media (max-width: 1200px) {
}