/* defaults, globals, etc.
==============================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

:focus 
{outline: 0;}

body 
{line-height: 1;
font: 12px "Georgia", serif;
text-align: left;
background: #FFFFFF url('summer10images/AWatercolorBack.jpg') repeat-x fixed top center;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate;
border-spacing: 0;}

caption, th, td 
{text-align: left;
font-weight: normal;}

a, a img
{text-decoration: none}

button 
{width: auto;
overflow: visible;}

.clearit 
{clear: both;
height: 0;
line-height: 0.0;
font-size: 0;}

p a, h3 a, #caslist a, #three_five_center li a
{padding: 0 2px;}

p a:link, p a:visited, h3 a:link, h3 a:visited, #caslist a:link, #caslist a:visited, #three_five_center li a:link, #three_five_center li a:visited
{color: #f3951f;}

p a:focus, p a:hover, p a:active, h3 a:focus, h3 a:hover, h3 a:active, #caslist a:focus, #caslist a:hover, #caslist a:active, #three_five_center li a:focus, #three_five_center li a:hover, #three_five_center li a:active
{color: #FFF;
background-color: #f3951f; }



/* structure, layout
==============================================================================*/
.container
{width:960px;
margin:0 auto;
padding: 0 10px;}

#navigation
{text-align: center;
border-bottom: 1px dotted #aaaaaa;}

#m_title
{width: 100%;
height: 180px;
overflow: hidden;
border-bottom: 1px dotted #aaaaaa;
padding-bottom: 24px;
background: transparent url('summer10images/m_back_agate.png') no-repeat top right;}

#m_blurb
{width: 480px;
float: left;
padding: 36px 0;
min-height: 1px;}

#l_title
{width: 100%;
height: 120px;
overflow: hidden;
padding-bottom: 12px;
border-bottom: 1px dotted #aaaaaa;
background: transparent url('summer10images/l_back_agate.png') no-repeat top right;}

#one_five_left, #one_five_right
{width: 191px;
float: left;
min-height: 1px;
margin: 36px 0;}


#three_five_center
{width: 576px;
float: left;
margin: 36px 0;
padding-bottom: 18px;
border: 1px dotted #aaaaaa;
border-top: none;
border-bottom: none;
min-height: 100px}

.four_five_right
{width: 767px;
float: left;
margin: 36px 0;
border-left: 1px dotted #aaaaaa;}

.four_five_right table
{padding: 18px 36px 0 0;
margin: 18px 0px 0 36px;
border-top: 1px dotted #aaaaaa;
}


.footer
{width: 100%;
clear: both;
border-top: 1px dotted #aaaaaa;}

.threewide
{width: 319px;
min-height: 180px;
margin: 36px 0;
float: left;}

.threewide_center
{width: 319px;
min-height: 180px;
margin: 36px 0;
float: left;
border-right: 1px dotted #aaaaaa;
border-left: 1px dotted #aaaaaa;}



/* navigation
==============================================================================*/
#navigation ul
{margin-top: 36px;
}

#navigation li
{float: left;
width: 191px;
font-size:1em;
line-height: 1.2em;
text-transform: lowercase;
font-style: italic;
border-right: 1px dotted #aaaaaa;}

#navigation li span
{display: block;
font-size: 1.3em;
font-weight: normal;
letter-spacing: .04em;
font-style: normal;
text-transform: uppercase;
}

#navigation li a
{display: block;
padding: 9px 0}

#navigation a:link, #navigation a:visited
{color: #424242;}

#navigation a:focus, #navigation a:hover, #navigation a:active
{background-color: #f3951f;
color: #FFF }

#navigation a.active
{background-color: #2b2b2b;
cursor: inherit;
color: #FFF}

#navigation li.end
{border-right: 1px solid transparent}


/* content
==============================================================================*/
#l_title h1
{text-align: left;
display: inline;
text-transform: uppercase;
font-weight: bold;
font-size:80px;
line-height: 120px;
color: #2b2b2b;
padding-right: 18px;}

#l_title a
{color: #2b2b2b;}

#l_title h1 em
{font-weight: normal;}

#l_title h2
{font-size:24px;
vertical-align: text-bottom;
display: inline;
font-weight: normal;
text-align: left;
padding: 0 9px 6px 9px;
color: #FFF;
text-transform: uppercase;
background-color: #e73025;}


#one_five_left h2, #one_five_right h2
{font-size:1.333em;
line-height: 1.125em;
text-transform: uppercase;
color: #2b2b2b;}

#one_five_left p
{font-size:1em;
line-height: 1.5em;
color: #424242;
padding: 0 18px 1.5em 0;
font-style: italic}

#one_five_left p em
{font-size: .8em;
font-style: italic;}

#one_five_right p
{font-size:1em;
line-height: 1.5em;
color: #424242;
padding: 0 0 1.5em 18px;
font-style: italic}

h1.register
{font-weight: bold;
text-transform: uppercase;
font-size:1.667em;
line-height: 0.9em;
margin: 0 18px 9px 0;
}

h1.register a
{text-align: center;
padding: 6px 0;
display: block;
}

h1.register a:link, h1.register a:visited
{background-color: #f3951f;
color: #FFF;
} 

h1.register a:focus, h1.register a:hover, h1.register a:active
{background-color: #2b2b2b;
} 

#one_five_left h2
{padding: 0px 18px 9px 0px;}

#one_five_right h2
{padding: 0px 0px 9px 18px;}

#one_five_right img
{padding-left: 18px;
margin-bottom: 9px;}

#one_five_left img
{padding-right: 18px;
margin-bottom: 9px;}

#three_five_center h1, .four_five_right h1
{font-size:3em;
line-height: 0.5em;
color: #2b2b2b;
padding: 0px 36px;
text-transform: uppercase}

#three_five_center h1.h1fix
{font-size:3em;
line-height: 0.5em;
color: #2b2b2b;
padding: 36px 36px 0;
text-transform: uppercase}

#three_five_center h1 strong, .four_five_right h1 strong
{color: #FFF;
text-transform: uppercase;
background-color: #e73025;
margin-right: 4px;
padding: 0 4px 2px;
font-size: .5em
}

#three_five_center h2
{font-size:1.5em;
line-height: 1em;
color: #2b2b2b;
margin: 18px 36px 0;
padding-top: 18px;
font-weight: bold;
border-top: 1px dotted #aaaaaa;
text-transform: uppercase}

#three_five_center h2.h2fix
{font-size:1.5em;
line-height: 1em;
color: #2b2b2b;
margin: 9px 36px 0;
padding-top: 0;
font-weight: bold;
border-top: none;
text-transform: uppercase}

#three_five_center h2 strong
{color: #FFF;
text-transform: uppercase;
background-color: #f3951f;
margin-right: 4px;
padding: 0 4px 2px;
font-size: .9em
}

#three_five_center h3, .four_five_right h3
{font-size:1.167em;
line-height: 1.286em;
font-weight: normal;
font-style: italic;
padding: 0 36px}

#three_five_center p
{font-size:1.083em;
line-height: 1.385em;
margin: 0 36px;
color: #424242;}

.pfix p, p.pfix
{padding-bottom: 1.385em}

#three_five_center li
{font-size:1.083em;
line-height: 1.385em;
padding: 0 36px;
color: #424242;
font-style: italic}

#three_five_center li a
{font-weight: bold}

#three_five_center li em
{font-weight: bold;
color: #f3951f;
padding-right: 4px }

#three_five_center li strong
{color: #FFF;
text-transform: uppercase;
background-color: #88bf40;
font-style: normal;
font-weight: normal;
font-size: .8em;
letter-spacing: .05em;
padding: 1px 4px 1px;
margin: 0px 2px}

#three_five_center img
{margin: 0 0 18px 36px}

#three_five_center img.lfloat 
{float: left;
padding-right: 18px;
margin: 3px 0 0}

#caslist
{font-size:0.917em;
line-height: 1.636em;
font-weight: normal;
font-style: italic;
padding-left: 18px;
}

#caslist a, table a
{display: block}

table#fullprograms
{width:731px;
border-collapse:collapse;
font-size:1em;
color: #2b2b2b;
line-height: 1.5em;
margin-bottom: 35px;}

th.top
{
padding-right: 1.5em;
}

th 
{text-align:left;
padding-left: .375em;
font-weight: bold;}

td 
{padding: .9em 1.5em .9em .375em;
border-top: 1px dotted #aaaaaa;}

td a
{padding: 0 2px;
font-style: italic;
font-weight: bold}

td strong
{font-style: italic}

td em
{
font-weight: bold;
color: #e73025}

td.double
{background: transparent url('summer10images/atable_back.png') repeat top right;}

table a:link, table a:visited
{color:#2b2b2b; }

table a:focus, table a:hover, table a:active
{background-color: #f3951f;
color: #FFF   }

li.noshow
{display: none}



/* home specific
==============================================================================*/

#m_title h1
{text-align: left;
display: inline;
text-transform: uppercase;
font-weight: bold;
font-size:160px;
color: #2b2b2b;
padding-right: 18px;}


#m_title h2
{font-size:3em;
line-height: 0.5em;
display: inline;
font-weight: normal;
text-align: left;
padding: 0 9px 6px 9px;
color: #2b2b2b;
text-transform: uppercase;
background-color: #e73025;
}

#m_title h2 em
{color: #FFF}

#video
{margin: 36px 0;
width: 480px;
float: left;}

#m_blurb h2
{font-size:2.167em;
line-height: 0.692em;
padding-bottom: 0.692em;
text-transform: uppercase;
color: #424242;
}

#m_blurb h2 strong
{font-weight: bold}

#m_blurb h2 em
{color: #f3951f;
font-weight: bold;
padding-right: 4px}

#m_blurb p
{font-size:1.083em;
line-height: 1.385em;
color: #424242;
padding-bottom:1.385em }






/* footer
==============================================================================*/
.threewide p, .threewide_center p
{font-size:1em;
line-height: 1.5em;
color: #424242; }

.threewide img
{padding: 0 0 2px 9px}

.threewide_center p, .cas_siteinfo p
{padding: 0 18px 1.5em 18px}

.threewide_center p span
{font-weight: bold;
color: #bebebe;
padding: 0 3px;}

.threewide p.fixit
{margin-top: 33px;
padding-right: 18px}

.threewide h2, .threewide_center h2
{font-size:1.833em;
line-height: 0.818em;
font-weight: bold;
color: #2b2b2b;
text-transform: uppercase;}

.threewide h2 strong
{padding: 0 10px 2px;
background-color: #2b2b2b;
color: #e73025;
margin-right: 9px;}

.cas_siteinfo h2
{padding: 0 18px 9px 18px;}

.cas_siteinfo h2 em
{font-weight: normal;
display: block;
font-size: .7em}

h2.daysleft
{padding: 0 18px 9px 18px;}

.footer h3
{text-align: center;
padding: 36px;}

.footer h3 a
{padding: 0 3px;
font-style: italic}

.footer h3 a:link, .footer h3 a:visited
{color: #bebebe;}

.footer h3 a:focus, .footer h3 a:hover, .footer h3 a:active
{color: #FFF;
background-color: #43c3b6;}