/*

BASIC LAYOUT
Filename: basic_layout.css
Description: This file serves as a framework for the site.
Author: Bret McVey
Company: Capital Soccer Association

*/

/* Page ------------------------------ */
body {
  margin: 0;
  padding: 0;
  text-align: center;
}
.page {
  margin: 0 auto;
  width: 1000px;
}

/* Header ------------------------------ */
.header {
  height: 60px !important;
  margin: 0;
  padding: 0;
}
#topnav {
  position: absolute;
  top: 20px;
  left: 50%;
  height: 40px;
  margin: 0 0 0 -340px;
  padding: 0;
  overflow: hidden;
}

/* Body ------------------------------ */
#e_column_0 {
  float: left;
  margin: 0 0 0 0;
  width: 1000px !important;
}
.column {
  float: left;
  overflow: hidden;
  text-align: left;
}
#column1 {
  padding: 40px 0 0 0;
  width: 148px !important;
}
#column2 {
  margin: 0 1px !important;
  padding: 15px;
  width: 556px !important;
}

/* Home Page Only */
#main_page #column2 {
  margin: 0 1px !important;
  padding: 0;
  width: 586px !important;
}
#column3 {
  width: 263px !important;
}

/* Footer ------------------------------ */
.footer {
  float: left;
  margin:  0;
  padding: 1em 0;
  width: 1000px !important;
}

/*

BASIC STYLE
Filename: basic_style.css
Description: This file serves as a skin to the site's framework.
Author: Bret McVey
Company: Capital Soccer Association

*/

/* Page ------------------------------ */
body {
  background: #EFEFEF url(/resources/all/files/_SiteRoot/SITE19/Icons/body-bg.jpg) repeat-x left top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
}
a,
a:link {
  color: #C00;
  text-decoration: none;
  font-weight: bold;
}
a:active {
  color: #F00;
  text-decoration: none;
}
a:visited {
  color: #990000;
  text-decoration: none;
}
a:hover {
  color: #F00; 
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, 
p, pre, blockquote {
  margin: 0;
  padding: 0;
}
ul, ol, dl, address {
  margin: 0 0 1.5em 2em;
  padding: 0;
}
h1 {
  color: #B5111B;
  font-size: 2.5em;
}
h2 {
  color: #b5111b;
  font-size: 2em;  
  margin: 0 0 .1em 0;
}
h3 {
  color: #333;
  font-size: 1.5em;
  font-weight: normal;
}
h4 {
  color: #b5111b;
  margin-bottom: .5em;
}
h5 {
  color: #0160AA;
  font-size: 1em;
  margin-bottom: 1em;
}  
p {
  color: #444;
  margin: 0 0 1em 0;
}
img {
  border: none;
}

/* Disclaimer */
.disclaimer {
  color: #666;
  font-size: .55em;
}

/* Table Stripes */
table tr.even td {
  background-color: #EEE;
}
table tr.odd td {
  background-color: #FFF;
}

/* Alignment */
.align_left {
  float: left;
}
.align_right {
  float: right;
}
img.align_left {
  margin: 10px 10px 10px 0;
}
img.align_right {
  margin: 10px 0 10px 10px;
}

/* Buttons */
input[type~=submit],
input[type~=reset],
input[type~=button],
button {
  background: #EEE url(/resources/all/files/_SiteRoot/SITE19/Icons/greybutton-bg.jpg) repeat-x center center;
  border: 1px #CCC solid;
  border-width: 1px 1px 2px 1px;
  color: #555;
  cursor: hand;
  cursor: pointer;
  display: inline;
  float: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0 .05em 0 0;
  padding: .25em .75em .2em .75em;
  text-decoration: none;
  text-indent: 0px;
  vertical-align: top;
}
input[type~=submit]:hover,
input[type~=reset]:hover,
input[type~=button]:hover,
button:hover {
  border-color: #999;
  color: #333;
}

#board_table {
  border-collapse: collapse;
}
#board_table td {
  border-bottom: 1px #EEE solid;
  padding: .25em 0;
}


/* Header ------------------------------ */
.header {
  text-align: left;
  position: relative;
}
#screen_logo h1 {
  position: absolute;
  top: 0;
  font-size: 0em;
  height: 99px;
  width: 224px;  
  overflow: hidden;
  margin: 0 0 0 -63px;
  background: url(/resources/all/files/_SiteRoot/SITE19/Icons/csa_logo_screen.png) no-repeat;  
}
#screen_logo h1 a {
  display: block;
  padding: 99px 0 0 0;
}
#print_logo {
  display: none;
}

/* Top Navigation */
#topnav ul {
  background: none;
  border-left: 1px #c54951 solid;
  float: left;
  font-size: 1em;
  margin: 0 0 0 0;
  list-style: none;
}
#topnav ul li {
  background: none !important;
  margin: 0;
  padding: 0;
  position: relative;
}
#topnav li a, #topnav ul li a:link {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/menuitem-bg.png) repeat-x left top;
  border: none;
  border-right: 1px #c54951 solid;
  color: #DDD;
  display: block;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: .92em .9em;
  text-decoration: none;
}
#topnav ul li a:hover {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/menuitem-bg.png) repeat-x left -100px;
  color: #FFF;
}
#topnav ul li.mi_active a,
#topnav ul li.mi_active a:link,
#topnav ul li.mi_active a:hover {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/menuitem-bg.png) repeat-x left -50px;
  color: #b5111b;
}


/* Body ------------------------------ */
#e_content {
  background: none;
}
.enclosing {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/enclosing-bg2.gif) repeat-y center top;
}
.clear_float_bounding {
  height: 0;
}

/* Column 1 */
#column1 {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/leftcolumn-bg.gif) repeat-x left top;
}

/* Side Menu */
#column1 ul {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0; 
  width: 148px;
}
#column1 ul li {
  margin: 0;
  padding: 0;
  width: 148px;
}
#column1 ul ul {
  display: block;
  margin: 0;
  padding: 0;
  position: static;
}
#column1 ul li a, 
#column1 ul li a:link {
  background: #D5D5D5 url(/resources/all/files/_SiteRoot/SITE19/Icons/sidenav_inactive.gif) repeat-y left top;
  border-bottom: 1px #999 solid;
  color: #555;
  display: block;
  font-size: .9em;
  margin: 0;
  padding: .35em .85em .35em 1.15em;
  text-decoration: none;
}
#column1 ul li a:hover {
  background: #FFF url(/resources/all/files/_SiteRoot/SITE19/Icons/sidenav_inactive.gif) repeat-y left top;
  color: #333;
}
#column1 ul ul li a, 
#column1 ul ul li a:link {
  background: #E5E5E5 url(/resources/all/files/_SiteRoot/SITE19/Icons/sidenav_inactive.gif) repeat-y left top;
  color: #333;
  font-size: .8em;
  font-weight: normal;
  padding: .2em .85em .2em 1.15em;
}
#column1 ul li.mi_active a,
#column1 ul li.mi_active a:link, 
#column1 ul li.mi_active a:hover,
#column1 ul ul li.mi_active a:hover {
  background: #EEE url(/resources/all/files/_SiteRoot/SITE19/Icons/sidenav_active.gif) repeat-y left top;
  color: #b5111b;
}
#column1 ul li.mi_active li.mi_inactive a,
#column1 ul li.mi_active li.mi_inactive a:link {
  background: #E5E5E5 url(/resources/all/files/_SiteRoot/SITE19/Icons/sidenav_inactive.gif) repeat-y left top;
  color: #555;
}

/*  Left Weather Update */

#column1 div#weather_update{
  margin: 1em .5em;
  padding: 5px;
  border: 1px solid black;
}

#column1 div#weather_update h2{
  margin: 0;
  font-size: 1em;
}

#column1 div#weather_update p{
  font-size: .9em;
}

/*  Left Partners */
#left_partners {
  text-align: center;
  margin: 1em 0;
}

/* Column 2 */
#column2 {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/centercolumn-bg.gif) repeat-x left top;
}

/* Column 3 */
#column3 {
  background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/rightcolumn-bg.gif) repeat-x left top;
}
#column3 .textbean {
  padding: 10px;
  margin: 0 0 1.5em 0;
}
#column3 #title.textbean {
  margin-bottom: 0;
  padding-bottom: 0;
}
#column3 .sitesearch {
  padding: 10px;
}
#column3 .scriptingbean {
  margin: 0 auto;
  text-align: center;
}
/* Footer ------------------------------ */
.footer {
  background: #EFEFEF;
  border-top: 50px #333 solid;
  text-align: left;
}
#footer_content {
  border-top: 1px #CCC solid;
  margin: 0;
  padding: .5em;
}
.footer p {
  color: #333;
  font-size: .9em;
}


/* bmcvey@vipasolutions.com - SORT THE STYLES BELOW */


/* Event Banner ------------------------------ */
#upcoming_events {
  clear: both;
  float: left;
  width: 586px;
}
#event_banner {
  margin: 0 0 1em 0;
}


/* Newsletter Signup ------------------------------ */
#mini_schedule {
  margin: 0 0 1em 0;
  padding: 0 15px;
}
#mini_schedule h3 a,
#mini_schedule h3 a:link {
  color: #00394e;
  display: block;
  text-decoration: none;
}
#mini_schedule table {
  font-size: 1em;
  border: 1px #B4860C solid;
  margin: 10px 0 0 0;
  width: 240px;
}

#mini_schedule table td {
  font-size: .8em;
  padding: 5px;
  width: 49%;
}
#mini_schedule table td.first_column {
  font-weight: bold;
  text-align: center;
}
#mini_schedule table td.middle_column {
  font-size: .9em;
  text-algin: left;
}
#mini_schedule table td.last_column {
  text-align: right;
}

/* Newsletter Signup ------------------------------ */
#newsletter_signup {
  margin: 0 0 1em 0;
  padding: 0 15px;
}
#newsletter_signup p {
  font-size: .75em;
}

/*  Main Page ------------------------------ */
#main_image, #main_news, #other_headlines {
  float: left;
}
#main_image {
  overflow: hidden;
  width: 110px;
  padding: 15px;
}
#main_news {
  padding: 10px;
  overflow: hidden;
}
div.other_news {
  padding: 10px;
  margin: 1em 0;
  overflow: hidden;
}
#other_headlines {
  background: #EEE;
  border-top: 3px #CCC solid;
  font-size: 1.1em;
  height: 165px;
  overflow: hidden;
  padding: 10px;
  width: 147px;
}
#other_headlines li {
  list-type: none;
}
.breaking_news {
  background: #FFC;
  border: 1px #C00 solid;
  padding: 10px;
}
#contact_block {
  background: #f9e19f;
}
#contact_block table {
  border-collapse: collapse;
  font-size: 1.1em;
}
#contact_block table td {
  border-bottom: 1px #a37b0b solid;
  padding: .25em 0;
}

.campus_text {
  width: 560px;
  overflow: hidden;
  clear: both;
  padding-left: 15px;
}
.campus_text p {
  margin: 15px 0 10px;
}
.campus_text img {
  float: left;
  margin: 0 10px 10px;
  
}


/* Article Styles ------------------------------ */

#main_article {
  margin: 0 0 .5em 0;
}
#main_article .ac_heading,
#recent_articles .ac_heading,
#news_media .ac_heading {
  color: #999;
  font-size: .8em;
}
#main_article .article_heading,
.article .article_heading {
  color: #b5111b;
  font-size: 2em;  
  margin: 0 0 .1em 0;
}
div.article_link_read_more {
  text-align: right;
}
.article_link_read_more a {
  display: block;
  font-weight: bold;
  padding: .25em 0;
  text-decoration: none;
}
#recent_articles {
  border-top: 1px #CCC solid;
  float: left;
  margin: 0 0 1em 0;
  padding: 15px;
  width: 556px;
}
#recent_articles ul,
#recent_articles ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#recent_articles li a {
  border-bottom: 1px #EEE solid;
  display: block;
  font-weight: bold;
  padding: .25em 0;
  text-decoration: none;
}
#recent_articles li a:hover {
  border-bottom: 1px #CCC solid;
}


/* Other News */
#other_news {
  /*background: transparent url(/resources/all/files/_SiteRoot/SITE19/Icons/other_news-bg.png) repeat-y center top;*/
  border-top: 1px #CCC solid;
  width: 586px;
  float: left;
  clear: both;
}
#other_news div.ac_style_boxed div.ac_style_boxed,
#other_news div.ac_item,
#other_news div.ac_item_style_boxed {
  float: left;
  font-size: .9em;
  padding: 14px;
  /*width: 263px;*/

}
#other_news .article_heading,
#main_news .article_heading {
  font-size: 1.2em;
  font-weight: bold;
}

#programs_headline {
  background: #550b0f;
  clear: both;
  float: left;
  padding: .25em 0;
  text-align: center;
  width: 586px;
}
#programs_headline p {
  color: #996d6f;
  font-size: .9em;
  font-weight: bold;
  letter-spacing: .8em;
  margin: 0;
  text-transform: uppercase;
}

/* Program Boxes */
.programbox {
  background: #860D13 url(/resources/all/files/_SiteRoot/SITE19/Icons/programs-bg.png) no-repeat right top;
  color: #FFF;
  float: left;
  height: 70px;
  overflow: hidden;
}
.programbox h3,
.programbox h3 a,
.programbox h2 a:link {
  border-bottom: 1px #970F15 solid;
  color: #FFF;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
}
.programbox h3 a:hover {
  border-bottom: 1px #f0b310 solid;
}
.programbox p {
  color: #FFF;
}
.programbox p a {
  color: #FAB319;
}
#programbox1 {
  clear: left;
}
#programbox1,
#programbox3 {
  padding: 5px 10px;
  width: 126px;
}
#programbox2,
#programbox4 {
  padding: 5px 10px;
  width: 127px;
}
#programbox4 {
  background-position: top left;
} 

/* Search Results */
div.site_search_results_heading {
  background: #B91D28;
  border: 1px #E5ECF9 solid;
}
.site_search_results_heading .site_search_title,
.site_search_results_heading .site_search_results_count {
  color: white;
}
div.site_search_rpp span.site_search_rpp_sep {
  border-right: 1px black solid;
}
.site_search_current_rpp {
  color: red;
}
.site_search_result .site_search_result_title {
  color: blue;
}
.site_search_result .site_search_result_link {
  color: green;
}
.site_search_pager span.site_search_pager_offset a:hover, 
.site_search_pager .site_search_current_offset a,
.site_search_pager span.site_search_pager_prev a:hover,
.site_search_pager span.site_search_pager_next a:hover {
  background: #B91D28;
  color: white;
}
span.site_search_pager_offset a,
span.site_search_pager_prev a,
span.site_search_pager_next a {
  border: 1px gray solid;
}

/* DynaForm */
.formentrybean {
  margin: 1em 0 0 0;
}
.formentrybean .extra_value_renderer_con {
  margin: 0 0 .5em 0;
}
.formentrybean span.extra_value_renderer_con {
  display: block;
}

/* Coaches Portal */ 
#coaches_portal .team_name {
  font-weight: bold;
  font-size: 1.5em;
  margin: 1em 0;
  color: #B5111B;
}
#coaches_portal .team_schedule,
#coaches_portal .team_logo,
#coaches_portal .team_training,
#coaches_portal .team_notes {
  float: left;
  width: 47%;
  border-top: 1px solid #bebebe;
  padding: .25em;
}
#coaches_portal .team_training,
#coaches_portal .team_schedule {
  clear: both;
  border-right: 1px solid #bebebe;
}
#coaches_portal .team_notes,
#coaches_portal .team_logo {
  border-left: 1px solid #bebebe;
  margin-left: -1px;
}
#coaches_portal .team_logo {
  text-align: center;
}
#coaches_portal .team_logo img {
  width: 200px;
  height: 200px;
  background: transparent;
}
#coaches_portal .field {
  text-align: left;
  font-weight: bold;
}

/* Generated by I2RD CMS Wed Nov 22 16:03:26 UTC 2006 */
#header {
  width: auto;
  height: auto;
}
#column1 {
  width: 33.0%;
  height: auto;
}
#e-column_0 {
  width: auto;
  height: auto;
}
#column2 {
  width: 33.0%;
  height: auto;
}
#column3 {
  width: 33.0%;
  height: auto;
}
#footer {
  width: auto;
  height: auto;
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}