html {
    overflow-y: scroll;
    height: 100%;
}

body {
    background: url(../img/header-background.jpg);
    background-repeat:repeat-x;
    background-color: #e8e8e8;
    color: #646464;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;;  /* "Times New Roman", Times, serif; */
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.no-title-bar .ui-dialog-titlebar {
    display: none;
}

.ui-widget-content table {
    color: white;
}

.ui-widget-content a {
    color: #f07c00;
    text-decoration: none;
}
.ui-widget-content a:link {
    color: #f07c00;
}
.ui-widget-content a:visited {
    color: #f07c00;
}
.ui-widget-content a:hover {
    color: #76430D;
}
.ui-widget-content a:active {
    text-decoration: none;
}

/*
.ui-widget div {
  font-size: 70%;

}

.ui-widget ul {
  font-size: 70%;

}
*/

img {
    border: 0px;
}

a {
    color: #f07c00;
    text-decoration: none;
}
a:link {
    color: #f07c00;
}
a:visited {
    color: #f07c00;
}
a:hover {
    color: #f07c00;
}
a:active {
    text-decoration: none;
}


/*
hr {
  border: 0;
  color: rgb(166, 206, 234);
  background-color: rgb(166, 206, 234);
  height: 1px;
  width: 300px;
  float: left;
  margin-bottom: 20px;
}
*/

.div_body {
    color: #646464;
}

.color_green {
    background-color: rgb(115,182,65);
}

.color_gray {
    background-color: rgb(222,237,247);
}

.divRegionMap {
    width: 500px;
    height:500px;
    background-color: white;
    border-color: black;
    border-style: solid;
    border-width: thin;
}

.header {
    width: 900px;
    height: 168px;
}

.logo {
    top: 13px;
    position: relative;
    margin-left: 30px;
    width: 90px;
    height:109px;
    float:left;
    cursor:pointer;
}

.sub-header {
    background-color: #a4d442;
    width: 100%;
    height: 300px;
    border-bottom: #85ac37 solid;
    border-bottom-width: 2px;
    border-top: #85ac37 solid;
    border-top-width: 2px;
}

.footer {
    background-color: #a4d442;
    width: 100%;
    color: white;
    font-size: 90%;
}

.footer table {
    color: white;
    font-size: 90%;
}

.footer a {
    color: white;
    font-weight: bold;
}

.footer a:visited {
    color: white;
}

.footer a:hover {
    color: green;
}

.footer hr {
    border: 0;
    background-color: white;
    height: 1px;
    width: 900px;
}

.header_background {
    /*background-image: url(../img/football/balls/goal-transparent.png); */
    background-image: url(../img/header-background-small.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 190px;
}

.div_header_title {
    font-weight: bold;
    font-size: 220%;
    padding-top: 45px;
}

.div_header_subtitle {
    z-index: 0;
    font-weight: bold;
    font-size: 120%;
    color: white;
}

div.menu {
    z-index: 1;
    height: 45px;
    width: 900px;
    background-color: #eeeeee;
    background-image: url(../img/menu-background-green.png);
    background-repeat: repeat-x;
    border-bottom: #cccccc 1px solid;
}

ul.menu {
    list-style-type: none;
    margin: auto;
}

ul.menu ul {
    list-style-type: none;
    margin: auto;
    background: #004d2c;
}

.menu li {
    float: left;
}

ul.menu > li > a {
    background-image: url(../img/menu-delimiter.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    padding-left: 12px;
    line-height: 45px;
    color: #f07c00;
    font-weight: bold;
    atext-shadow:
        -1px -1px 0 #3d785f,
        1px -1px 0 #3d785f,
        -1px 1px 0 #3d785f,
        1px 1px 0 #3d785f;
}

ul.menu > li > ul > li > a {
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    padding-left: 12px;
    line-height: 45px;
    color: #f07c00;
    font-weight: bold;
}

.submenu {
    z-index: 1;
    width: 450px;
    height: 25px;
    font-size: 90%;
    background-color: white;
    border: #cccccc 1px solid;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.submenu ul {
    list-style-type: none;
    margin: auto;
}

.submenu li {
    float: left;
}

.submenu ul a {
    padding-right: 16px;
    padding-left: 16px;
    line-height: 25px;
    color: #77a002;
    font-weight: bold;
}

.submenu ul a:visited {
    color: #77a002;
}

.submenu ul a:hover {
    color: green;
}

.div_center {
    width: 900px;
}

.content {
    background-color: white;
    width: 100%;
    margin-top: 15px;
    border: #cccccc 1px solid;
    padding: 0px;
    font-size: 90%;
}

.content hr {
    height: 1px;
    background-color: white;
    width: 100%;
    border: 0;
    border-bottom: dashed #cccccc 1px;
}

.inner-content {
    padding: 10px;
}

.page_title{
    font-weight: bold;
    font-size: 150%;
}

.div_footer {
    width: 900;
    color: white;
}

.div_footer_round {
    width: 900;
    background-color: white;
}

.panel_right {
    width: 320px;;
    float: right;
    margin-top: 10px;
    text-align: left;
}

.panel_right_caption {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 5px;
}

.panel_center {
    width: 685px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    text-align: left;
}

.clear_floats {
    clear: both;
}

.vertical_gradient {
    background-color: white;
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEEDF7', endColorstr='#FFFFFF'); /* for IE */
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(222,237,247)), to(#FFFFFF)); /* for webkit browsers */
    /* background: -moz-linear-gradient(top,  rgb(115,182,65), #FFFFFF); /* for firefox 3.6+ */
    /*
    background: -moz-linear-gradient(top,  rgb(222,237,247), #FFFFFF); /* for firefox 3.6+ */
}

.div.menu_item {
    border-right: 0px;
}

.menu_item_active {
    background-color: green;
    cursor: pointer;
}

.round-all-20 {
    border-radius: 20px;
}

.round-all-5 {
    border-radius: 5px;
}

.round-bottom-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.round-top-right {
    border-top-right-radius: 50px; /* top left corner */
}

.round-top-left {
    border-top-left-radius: 50px; /* top left corner */
}

.round-bottom-right{
    border-bottom-right-radius: 30px; /* top left corner */
}

.round-bottom-left{
    border-bottom-left-radius: 30px; /* top left corner */
}

.article_caption {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}

.article_body {
    margin-bottom: 20px;
    font-size: 90%;
}

.article_image {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.article_caption_list {
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 5px;
}

.article_body_list {
    font-size: 90%;
    margin-bottom: 10px;
}

.summary {
    background-color: #C9E1F1;
    padding: 10px;
}

.region-caption-scroll {
    font-size: 115%;
    font-weight: bold;
    color: orange;
}

.scroll-item a {
    font-size: 80%;
    color: #77a002;
    font-weight: bold;
}

.scroll-item a:visited {
    color: #77a002;
}

.scroll-item a:hover {
    color: green;
}

.green-bullet ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.green-bullet li {
    background-image:url(../img/bullet-green.png);
    background-position:0 50%;
    background-repeat:no-repeat;
    padding:0 0 0 15px;
    font-size: 100%;
    font-weight: bold;
}

.ui-widget-content table {
    color: #646464;
}

.coach {
    font-size: 90%;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}

.coach-caption {
    color: orange;
    font-weight: bold;
    font-size: 110%;
}

.coach-image {
    margin: 10px;
    float: left;
}

.coach-body {
    margin-top: 10px;
}

.panel {
    border-radius: 5px;
    background-color: #f6fafd;
    padding: 5px;
}

.panel .big_caption {
    color: #f07c00;
    font-weight: bold;
    font-size: 150%;
    margin-bottom: 10px;
}

.panel .caption {
    color: #f07c00;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_row {
    margin-bottom: 5px;
}

.top-bottom {
    background-color: #004d2c;
    color: white;
}

.top-bottom a {
    color: white;
    text-decoration: none;
}
.top-bottom a:link {
    color: white;
}
.top-bottom a:visited {
    color: white;
}
.top-bottom a:hover {
    color: #f07c00;
}
.top-bottom a:active {
    text-decoration: none;
}


.highlighted {
    background-color: #004d2c;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

.highlighted a {
    color: white;
    text-decoration: none;
}
.highlighted a:link {
    color: white;
}
.highlighted a:visited {
    color: white;
}
.highlighted a:hover {
    color: #f07c00;
}
.highlighted a:active {
    text-decoration: none;
}