/* Main HTML Components */
body { background-color: #FFFFFF; height: 100% }
a { text-decoration: none; }
table { padding: 0px; spacing: }
img { border:0; }
/* Links */
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; }
a:link { color: #003399; }
a:visited { color: #003399; }
a:hover { color: #339933; }
/* HTML Header */
#page_header { height: 140px; border: 0; padding: 0; }
#header_logo { float: left; margin-top: 30px; margin-left: 10px; width:500px; }
#header_links { float: right; margin-right: 25px; margin-top: 15px; }
#header_links a { display: block; background-image: url(../imgs/ball_yellow_16.png); background-repeat: no-repeat; background-position: 0px 4px; padding: 4px 2px 4px 2px; text-indent: 20px; font-size: 12px; color: #FFFFFF; font-weight: bold; font-family: verdana, arial;}
#header_links a:hover { background: #FFFFFF url(../imgs/ball_blue_16.png); background-repeat: no-repeat; background-position: 0px 4px; color: #000033; -moz-border-radius: 3px; }
/* Dividers */
.header_div { display: block; background: #FFFFFF url(../imgs/colorline.gif); width: 800px; height: 15px; margin-left:auto; margin-right:auto; }
.footer_div { display: block; background: #FFFFFF url(../imgs/div_line.jpg); width: 800px; height: 9px; margin-left:auto; margin-right:auto; }
/* Blocks */
.blank { height: 10px; display: block; }
.block { width: 800px; margin-left:auto; margin-right:auto; }
.block2 { width: 798px; margin-left:auto; margin-right:auto; border-style:solid; border-width: 0px 1px 0px 1px; border-color: #000000; }
/* Backgrounds */
.bluebg { background: #003399 url(../imgs/background.gif); }
.whitebg { background: #FFFFFF; }
.dotbg { background: #FFFFFF url(../imgs/dot.gif); }
.graybg { background: #CCCCCC; }
/* Main Page - Content */
#menu { background: #003399; width: 800px; height: 21px; margin-left:auto; margin-right:auto; }
#container { overflow:hidden; display: block; position: relative; }
#container2 { background: #FFFFFF; height: 300px; width: 798px; margin-left:auto; margin-right:auto; border-style:solid; border-width: 0px 1px 0px 1px; border-color: #000000; }
#container blockquote { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; text-align: left; }
#container blockquote .title { color: #339933; font-weight: bold; font-style: italic; margin-bottom: 10px; margin-top: 20px; }
#container blockquote .side_quote { margin-top: 10px; font-weight: bold; font-style: italic; color: #003399; font-size: 10px; text-align: center; }
#container blockquote .quote_author { margin-top: 10px; font-weight: bold; font-style: italic; color: #000000; font-size: 12px; text-align: center; }
#container a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
#container .title { color: #339933; font-weight: bold; font-style: italic; margin-bottom: 10px; margin-top: 20px; font-size: 16px; }
#container .subtitle { color: #339933; font-weight: bold; font-style: italic; margin-bottom: 10px; margin-top: 20px; font-size: 12px; }
/* Footer */
#site_map { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 9px; font-style: italic; font-weight: bold; margin-top: 0px; }
#site_map a:link { color: #003399; }
#site_map a:visited { color: #003399; }
#site_map a:hover { color: #339933; }
#page_footer { height:80px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#page_footer #footer_logo { float: left; width: 250px; margin-top: 5px; }
#page_footer #school_info { float: left; width: 350px; margin-top: 10px; font-weight: bold; font-style: italic; color: #003399; font-size: 10px; }
#page_footer #copyright { float: right; margin-right: 15px; margin-top: 65px; font-size: 8px; color: #333333; }
#last { height: 25px; }
/* Section Headers */
.section_header { background-image: url('../imgs/dotYellow.jpg'); }
.section_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #FFCC33; text-align: left; font-weight: bold; height: 40px; width: 50%; text-indent: 5px; }
.section_title .section_subtitle2 { font-size: 14px; color: #333333; top: 13px; position: relative; }
.section_title a { font-size: 14px; color: #333333; top: 13px; position: relative; }
.section_title a:link { color: #333333; }
.section_title a:hover { color: #333333; }
.section_title a:active { color: #333333; }
.section_title a:visited { color: #333333; }
.section_title a .section_subtitle { font-style:italic; color: #003399;}
.section_title a:link .section_subtitle { color: #003399; }
.section_title a:visited .section_subtitle { color: ffcc33; }
.section_title a:hover .section_subtitle { color: #339933; }
.section_content { width: 100%; overflow: auto; }
.section_content ol { font-family: Arial; text-align: justify; font-size: 12px; }
.section_content li { margin-bottom: 12px; }
.section_content2 { width: 100%; overflow: auto; font-family: Arial; font-size: 12px; margin-left: 15px; margin-right: 15px; }
.section_content3 { overflow: auto; font-family: Arial; font-size: 12px; margin-left: 15px; margin-right: 15px; text-align: justify; }
.section_title2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; background-color: #FFCC33; text-align: left; padding: 10px; }
.section_content4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; padding: 10px; margin: 10px; width:80%; }
.events
/* Main Article Section */
.article { width: 100%; border: 0px; }
.article td { padding: 0px 10px 0px 10px; }
/* Event Presentarion */
.event_th_container { float: left;}
.event_th { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 180px; margin-left: 10px; float: left; }
.event_th img { display: block; }
.event_th .caption { display: block; color: #333333; margin-bottom: 15px; }
.event_th .date { display: block; color: #999999; margin-bottom: 15px; font-weight: bold; }
.event_th .more { display: block; margin-bottom: 15px; width: 110px; }
/* Section Photo Links */
.plink { float: left; width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin-left: 10px; }
.plink a { display: block; margin-bottom: 20px;}
.plink a .link_text { margin-top: -10px; font-size: 12px; }
.plink img { display: block; margin-bottom: 20px;}
.plink .title { display: block; color: #339933; font-weight: bold; margin-bottom: 20px;}
.plink .text { display: block; margin-bottom: 20px; }
/* Flash Links : Presentation */
.flash_links { margin-left: 15px; margin-bottom: 10px; width: 570px; }
.flash_links img { margin-left: -1px; }
.flash_links .flink { margin-left: 0px; width: 190px; float: left; }
.flash_links .flink a { display: block; background: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: center; }
/*
.flash_link
*/
/* Columns */
.col1-3 { margin: 0 0 0 0; width: 200px; float: right; height: 100%; position: absolute; right:0px; }
.col1-3-2 { margin: 0 0 0 0; width: 200px; float: left; height: 100%; position: absolute; left:0px; }
.col2-3 { width: 573px; float: left; height: 100%; }
.col2-3-2 { width: 573px; float: right; height: 100%; }
.col1 { background: #FFFFFF; width: 100%; height: 100%; }
.lastcol { margin-right: 0px !important; }
.col1-2 { width: 484px; float: left; margin-right: 25px; }
.col1-4 { width: 226px; float: left; margin-right: 25px; }
.col2-4 { width: 484px; float: left; margin-right: 25px; }
.col3-4 { width: 742px; float: left; margin-right: 25px; }
.right_col { float: right; position: absolute; right: 0;}
.col_space { margin-right: 25px; }
/* Alignment */
.center { text-align: center; margin-left: auto; margin-right:auto; }
.right { text-align: right; right: 0px; }
.bottom { bottom: 0px; vertical-align: bottom; position: absolute; width: 200px; }
/* Static Width */
.width-80 { width: 80px; }
.width-120 { width: 120px; }
.width-200 { width: 200px; }
/* Indent */
.indent-10 { margin-left: -10px }
.page_subheader_img { margin-left: 10px; z-index:-1;}
.page_subheader_title { font-size: 30px; font-weight:bold; position: absolute; color:#F9E045; top: 50px; left: 5px; }
.page_subheader_title_2line{ font-size: 35px; font-weight:bold; position: absolute; color:#F9E045; top: 10px; left: 5px; }
.page_subheader_subtitle { font-size: 30px; position: absolute; color:#4B9534; top: 55px; right: 30px; font-variant:small-caps; }
.page_subheader_year { font-size: 36px; position: absolute; color:#4B9534; top: 50px; right: 50px; }
.page_subheader_img2{ margin-left: 10px; z-index:-1;}
.page_subheader_title2 { font-size: 30px; font-weight:bold; position: relative; color:#F9E045; bottom: 45px; left: 5px; float: left; }
.page_subheader_year2{ font-size: 36px; position: relative; color:#4B9534; bottom: 45px; right: 50px; float: right; }
.page_subfooter_img { margin-left: 10px; z-index:-1;}
.data_table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
.data_table table { width: 95%; margin-left: auto; margin-right: auto; }
.data_table th { background-color:#003399; color:#FFFFFF; }
.data_table tr { background-color:#E2E2E2; text-align: center; color: #003399; }
.data_table tr a{ font-size: 12px; }
#calendar-table tbody td { border-style:solid; border-width: 1px 1px 1px 1px; border-color: #000000; }
#calendar-table thead td h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #003399; text-align: center; }
.color_key { border-style:solid; border-width: 1px 1px 1px 1px; border-color: #000000; }