@CHARSET "UTF-8";  
html, body, div, dt, dd, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html { font-size: 62.5%; }

body {
margin:0;
background: #ffe7b9 url(/2010am/images/bg_gradient.gif) repeat-x;
font: 1.1em/1.6em "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial,sans-serif;
}

#header {
width: 960px;
min-height: 155px;
height: auto !important;
height: 155px;
background-color: #fdb813;
}

#header_bar {
width: 960px;
padding: 0px;
margin: 0px;
background-color: #40033d;
min-height: 5px;
height: auto !important; height: 8px;
}

#content {
width: 960px;
padding: 0px;
margin: 0px;
background-color: #FFF;
min-height: 640px;
height: auto !important; height: 640px;
}

#content_left_nav {
float: left;
width: 200px;
padding: 0px;
margin: 0px;
background-color: #FFF;
color: #000;
text-align: center;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
line-height: 1.2em;
background: #ffe7b9 url(/2010am/images/bg_nav_long.gif);
background-position: bottom center;
}

#content_left_nav a {
display: block;
padding: 8px 4px;
border-bottom: 1px solid #fdb813;
text-decoration: none;
color: #440840;

}
#content_left_nav a:hover {
text-decoration: none;
color: #fff;
background: #ffe7b9 url(/2010am/images/bg_nav_over.gif);
background-position: top center; 

}

#content_middle { 
width: 760px; 
background-color: #fff; 
float: left; 
text-align: left;
min-height: 600px;
height: auto !important; height: 600px;
}

.header_bar {
font-weight: bold; 
font-size: 1.1em;
background-color: #783b77;
color: #fff;
padding: 5px;
text-align: left;
display: block;
}



a {
color: #5d1258;
}
a:visited {
color: #5d1258;
}
a:hover {
color: #fdb813;
}

.h1, h1 , .h2, h2 , .h3, h3, .h4, h4, .h5, h5 , .h6, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #5d1258;
}

.h1, h1 {
font-size: 1.7em;
margin-top: 0;
margin-bottom: 0.5em;
line-height: 1.3em;
}

.h2, h2 {
font-size: 1.6em;
margin-top: 1.6em;
margin-bottom: 0.5em;
}

.h3, h3 {
font-size: 1.4em;
margin-top: 1.6em;
margin-bottom: 0.5em;
}

.h4, h4 {
font-size: 1.2em;
margin-top: 1.8em;
margin-bottom: 0.4em;
}

.h5, h5 {
font-size: 1.1em;
margin-top: 1.8em;
margin-bottom: 0.3em;
}

.h6, h6 {
font-size: 1em;
margin-top: 2em;
margin-bottom: 0;
}

.schedule_table {
border: 1px solid #ffe7b9;
border-bottom: 0px;
width: 650px;
}

.schedule_table_header {
font-weight: bold; 
font-size: 1.1em;
color: #fff;
padding: 5px;
margin: 2px 0px;
background-color: #783b77;
}

.schedule_table td {
padding: 4px;
border-bottom: 1px solid #ffe7b9
}


.date_table {
border: 1px solid #783674;
margin: 0px 5px 25px 5px;
}

.date_table td {
padding: 4px;
border-bottom: 1px solid #783674;
}

.date_table_header {
font-weight: bold; 
font-size: 1.1em;
background: url(http://www.aaea.org/2010am/images/bg_nav_over.gif);
background-position: top;
color: #fff;
padding: 5px;
margin: 2px 0px;
text-align: center;
border-bottom: 1px solid #fdb813;
}



.calloutheader {
text-align: center;
font-weight: bold;
padding: 4px 2px 4px 2px;
}

.bottomline td {
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #CCCCCC;
}

.smaller {
font-size: 1em;
}

.buttoncenter {
margin: 2px;
padding: 8px;
font: bold 11px Arial, Helvetica, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #783674;
background-color: #783674;
color: #FFFFFF;
width: 220px;
text-align: center;
}

.buttonleft {
margin: 2px;
padding: 8px;
font: bold 11px Arial, Helvetica, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #783674;
background-color: #783674;
color: #FFFFFF;
width: 220px;
text-align: center;
float: left;
}

.buttonright {
margin: 2px 100px 2px 2px;
padding: 8px;
font: bold 11px Arial, Helvetica, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #783674;
background-color: #783674;
color: #FFFFFF;
width: 220px;
text-align: center;
float: right;
}

.buttonleft a, .buttonright a, .buttoncenter a {
width: 100%;
display: block;
text-decoration: none;
color: #FFFFFF;
margin: -8px;
padding: 8px;
}

.buttonleft a:hover, .buttonright a:hover, .buttoncenter a:hover {
width: auto;
color: #783674;
background-color: #FFFFFF;
}


#content_main {
background-color: #FFFFFF;
padding: 14px 10px 25px 14px;

}


#footer {
width: 960px;
min-height: 13px;
height: auto !important; height: 13px;


}

/* Generic Classes */
.floatL { float: left; }
.floatR{ float: right; }
.clearL { clear: left; }
.clearR { clear: right; }
.clearB { clear: both; }


