/*
Branding Colors
#016c9f (light blue)
#0a3a6b (dark blue)

#e1dac2 (drkr tan)
*/






body {
background-color: white;
color: black;
font-family: verdana, helvetica, sans-serif;
margin: 10px 10px;
}


#container {
background-color: inherit;
background: url(images/bg-sidebar.gif) repeat-y;
color: black;
margin-top: 50px;
overflow: auto;
}

#sidebar {
border: 0px solid black;
background-color: inherit;
color: black;
float: left;
overflow: hidden;
padding: 5px; 
text-align: center;
width: 245px; /* 225px */
}

#content {
border: 0px solid #ccc;
background-color: #ede6cc;
color: black;
margin: 0 0 0 300px;  /* 270px */
padding: 10px;
}

/* Made for Cal Guy bumper padding */

#content-sub {
border: 0px solid #ccc;
background-color: #ede6cc;
color: black;
margin: 0 0 0 300px;  /* 270px */
padding: 45px;
}

#views {
border: 0px solid #ccc;
background-color: #ecece3;
color: #68706b;
font: .7em sans-serif;
margin-bottom: 10px;
overflow: hidden;
text-align:left;
} 

#footer {
background-color: inherit;
color: #666;
display: block;
margin: 35px 0 20px 0;
overflow: hidden;
padding: 10px;
text-align: center;
} 

#bookmark {
display: block;
float: right;
margin-right: 25px;
width: 193px;
} 







/* FONT STYLES */
h1 { /* used as hdr visual pg */
color: #333;
font:1.2em verdana, helvetica, sans-serif;
margin-top: 0;
margin-bottom: 15px;
text-align:center;
}

h2 {  /* about pg */
background-color: inherit;
color:#0a3a6b;
font: bold 1em verdana, helvetica, sans-serif;
margin-top: 25px;
padding: 0 0 0 20px;
}

h3 {  /* acnv announce */
background-color: inherit;
color: #333; 
font: bold 1em/1em verdana, helvetica, sans-serif;
margin: 0 0 5px 0;
text-align: left;
}

h4 { /* acnv announce */
background-color: inherit;
color: #666; 
font: bold 12px verdana, helvetica, sans-serif;
margin: 0 0 2px 0;
text-align: left;
}


h5 { /* linkus */
background-color: inherit;
color: burgundy; 
font: bold 1.1em verdana, helvetica, sans-serif;
margin-top: 50px;
text-transform: uppercase;
}

h6 { /* art picks */
background-color: #666;
color: white; 
font: bold oblique 1.5em "times new roman", serif;
margin: 20px 20px 0 20px;
padding: 3px 0 3px 10px;
}

.smtxt {
background-color: inherit;
color: #666;
font: .7em/1.2em verdana, helvetica, sans-serif;
padding: 2px;
}

p {
background-color: inherit;
color: #333;
font: .8em/1.6em verdana, helvetica, sans-serif;
padding: 0 20px 0 20px;
}

.byline { 
color: black;
font: oblique .8em arial, helvetica, sans-serif;
text-align: center;
}





/* MISC */

img {
border: 0px;
}

.banner {
clear: left;
height: 150px;
margin: 20px 0 20px 0;
width: 150px;
}

hr { 
border: 1px solid #ccc;
margin: 35px 20px 35px 20px;
}



/* FORMS */

fieldset {
border: 0;
margin: 0;
padding: 0;
}

.form {
border: 1px solid #016c9f;
background-color: white;
color: black;
float: left;
font: 14px verdana, helvetica, sans-serif;
margin-left: 2px;
padding: 2px;
width: 125px;
}

.submit {
border: 2px solid #016c9f;
background-color: #016c9f;
color: white;
float: left;
font: 12px verdana, helvetica, sans-serif;
margin-left: 2px;
padding: 2px;
}

textarea {
border: 1px solid #ccc;
background-color: #f6f1dd;
color: #333;
font: 11px sans-serif;
padding: 5px;
}



li {
background-color: inherit;
color: #333;
font: .8em/1.6em verdana, helvetica, sans-serif;
padding: 0 20px 0 20px;
}












a:link {color:#0a3a6b; text-decoration:underline;}
a:visited {color: #016c9f; text-decoration:underline;}
a:active  {color:#0171e4; text-decoration:underline;}
a:hover   {color:#0a3a6b; text-decoration:underline;}




























/*
Branding Colors
#016c9f (light blue)
#0a3a6b (dark blue)
*/


ul#menu {
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
font-size: 12px;
height: 36px;
font-family:Tahoma, Verdana, Arial, Helvetica;
position:relative;
display: block;
font-weight: bold;
background:url("images/menu_off.gif") repeat-x left top;
border-bottom: 5px solid #eee6d4; /* e1d6bb */
}

ul#menu li {
display: block;
float: left;
margin: 0;
padding: 0;
}

ul#menu li a {
display: block;
float:left;
color: #016c9f;
text-decoration:none;
padding: 13px 12px 0 13px;
height: 24px;
background:url("images/menu_separator.gif") no-repeat right top;
}

ul#menu li a:hover{
background:url("images/menu_hover.gif") no-repeat right top;
}

ul#menu li a.current,ul#menu li a.current:hover{
color: #0a3a6b;
background:url("images/menu_on.gif") no-repeat right top;
}
#place {
color: #0a3a6b;
background-color:#836214;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 11px; padding-bottom:3px;
}


















/* LISTS */

#content li.bullet {
background-color: inherit;
color: #333;
font: .8em/1.6em verdana, helvetica, sans-serif;
padding: 0;
margin: 0;
}

#content ul.bullet {
background-color: inherit;
color: #333;
font: .8em/1.6em verdana, helvetica, sans-serif;
padding: 0;
}




/* LISTS */

ul.iconlist {
color: #000;
font: 15px/20px "ms sans serif", arial, helvetica, sans-serif;
list-style: none;
margin-left: 20px;
padding: 0;
}

li.acrobat { 
background: url(images/acrobat.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.web { 
background: url(images/web.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.msword { 
background: url(images/msword.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}









ol.reglistol {
color: #000;
font: 1em/1.6em verdana, helvetica, sans-serif;
margin-left: 40px;
padding: 0;
}

ul.reglistul {
color: #000;
font: 1em/1.6em verdana, helvetica, sans-serif;
list-style: disc;
margin-left: 40px;
padding: 0;
}

li.reglistli { 
padding: 3px 0 3px 0px;
margin: .4em 0;
}























/* MENU CELEBRATION */

#menu-celebration {
display:block;
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
width: auto;
display: block;
background:url("images/menu_cele_off.gif") repeat-x left top;
width:600px;
}

ul#menu-cele {
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
font: bold 12px Tahoma, Verdana, Arial, Helvetica;
height: 36px;
display: block;
background:url("images/menu_cele_off.gif") repeat-x left top;
text-transform:uppercase;
}

ul#menu-cele li {
display: block;
float: left;
margin: 0;
padding: 0;
}

ul#menu-cele li a {
display: block;
float:left;
color: white;
font-weight:bold;
text-decoration:none;
padding: 7px 10px 0 10px;
height: 29px;
}

ul#menu-cele li a:hover{
background:url("images/menu_cele_hover.gif") repeat left top;
}

ul#menu-cele li a.current,ul#menu li a.current:hover{
color: white;
background:url("images/menu_cele_on.gif") no-repeat right top;
}

#place {
color: #0a3a6b;
background-color:#836214;
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 13px; padding-bottom:3px;
}








/* Meet the Makers */
#emailUs {
display: block;
width: 135px;
height: 26px;
background: url("images/buy_tickets.gif") no-repeat 0 0;
margin: 0 auto 0 auto;
}

#emailUs:hover { 
background-position: 0 -26px;
}

#emailUs span {
display: none;
}