@CHARSET "ISO-8859-1";
@import "structure.css";
@import "forms.css";
@import "calendar.css";
@import "admin.css";

/*--------------------------------------------------------*

    Cross - site

*--------------------------------------------------------*/
h2{
    font-size:1.5em;
}

h3{
    font-size:1.2em;
}

h2, h3{
    color: #244a6c;
}

h2 a, h3 a{
	color:#28395a;
	text-decoration:none;
	border-bottom:solid #fff 1px;
	padding:0;
	font-weight:bold;
}

h2 a:hover,h3 a:hover{
    color:#C00;
}


/*-------------------------- End of Navigation Section --------------------------*/
.displayBox h2 {
    border-bottom: solid red 2px;
    border-bottom: solid #ce6500 2px;
    font:bold 1.6em arial;
    padding: 5px;
}

.displayBox#picOfWeek{
    text-align:center;
}


/*--------------------------------------------------------*

    Standard Tables

*--------------------------------------------------------*/
table {
    border: solid #888 1px;
    width: 100%;
}

table caption,table td a {
    color: #a61613;
}

table td a:hover {
    color: red;
}

table caption {
    border: none;
    border-bottom: solid #c32d2d 1px;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0 5px 0;
}

table th {
    background: #9A000D;
    color: #FFF;
    font-weight: bold;
}

table th {
    border: solid #888 1px;
    padding: 3px;
}
table td{
    padding:5px;
}

table th,table td {
    border: solid #888 1px;
}

table tr td {
    background: #f7fbff;
}


table tr.even td{
	background:#eaece9;
	color:#000;
}

table tr.odd td{
}


tfoot tr td {
	font-size:0.85em;
}

/*
Misc styles - Front Page
*/
.displayBox#frontImages{
    text-align:center;
}

.displayBox#frontImages img{
	border:solid silver 1px;
	background:#EEE;
	padding:5px;
	margin:2px;
}

.displayBox,div#sponsors {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

div#sponsors{
	padding:10px;
}

div#sponsors .left,div#sponsors .right{
    width:45%;
    text-align:center;
    padding:5px;
    margin:2px;
}


.leftNewsCol,.rightNewsCol{
    width:45%;
}

.leftNewsCol{
    float:left;
}

.rightNewsCol{
    float:right;
}

.newsAndEvents h3{
	float:left;
    font: normal 1.3em arial;
    width: 100%;
    margin:0;
}

.newsAndEvents img{
	  float:left;
}

.newsAndEvents h3 a{
	width:80%;
	padding:5px 0 5px 01px;
    float:left;
}

.newsAndEvents p{
    margin:0 0 15px 0;
}

.newsDate {
    float: left;
    width: 100%;
    margin: 0 0 5px 3px;
    color: #B00;
    font-size: 0.85em;
}

.eventDetails{
	margin: 0 0 5px 3px;
}

div#sponsors {
    margin-top: 20px;
    border-top: solid silver 1px;
}

div#sponsors h2 {
    font-style: italic;
    font: italic normal 1em arial;
    color: #333;
}

.sponsor{
    border: solid #FFF 1px;

}

.sponsor:hover {
    border: solid #BBB 1px;
}

.sponsorLogoSmall {
    width: 200px;
    height: 50px;
    border: none;
}

/*---------------------------------------------------------

    Styles for the gallery

---------------------------------------------------------*/
.album{
	float:left;
    width:100%;
    border:solid #CCC 1px;
    padding:10px;
    margin:0 0 10px 0;
}

.albumThumbnail img{
	width:75px;
	height:75px;
	float:left;
	border:solid #CCC 2px;
}

.albumThumbnail:hover img {
    border: solid #900 2px;
}

.album h2,.album .numPhotos,.album .dateUpdated,.album p{
	margin:0 0 0 10px;
	width:600px;
	float:left;
}

.album .numPhotos,h4.numPhotos{
    font-size:0.85em;
    color: #888;
}

.album .dateUpdated,h4.dateUpdated{
    font-size:0.85em;
    color: #888;
}

.albumDetails h3 {
    font-size: 2em;
    text-align: center;
    font-weight: normal;
}

.album p,.albumDetails .albumDescription ,.imageName {
    color: #244a6c;
}

.imageHolder{
	float:left;
	width:750px;
	text-align:center;
}

.imageHolder img#photo{
    border: solid silver 3px;
    width:640px;
    height:480px;
    margin:0 0 0 20px;
    float:left;
}

.imageHolder .imageName{
	width: 100%;
	float:left;
}


.arrowHolder{
	float:left;
	width:35px;
    height:35px;
    margin:200px 0 0 0;
}

.arrowHolder img{
	border:none;
}
.arrowHolder.leftArrow{
    float:left;
}

.arrowHolder.rightArrow{
    float:right;
}

.thumbnails ,.otherNews {
	float:left;
	width:100%;
    padding: 3px;
}


.thumbnails img {
    float: left;
    border: solid silver 1px;
    padding: 2px;
    margin: 4px;
    background: #EFEFEF;
}

.thumbnails a:hover img {
    background: #a50000;
}

.thumbnails img.currentPic {
    background: #0051a4;
}



/*---------------------------------------------------------

    Misc styles for text

---------------------------------------------------------*/
.centeredText {
    text-align: center;
}

.left{
    float: left;
}

.right{
    float: right;
}

.displayLabel{
    font:bold 1em arial;
    margin: 0 5px 0 0;
}

.required{
	color:#C00;
	font:bold 0.8em arial;
	height:70px;
}



/*---------------------------------------------------------

    System messages

---------------------------------------------------------*/
.info,.success,.warning,.error,#matchStatus {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

#matchStatus{
	text-align:center;
	font:bold 1.2em arial;
	border-width:1px !important;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}


.inlineMessage{
	border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}


.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

.inlineMessage.warning{
	color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/small_warning.png');
}

.inlineMessage.error{
	color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/small_error.png');
}


.postponed{
	color: #36516c;
    background-color: #b5d1ff;
    background-image: url('../images/refresh.png');
    border-color:#36516c;
}

.friendly{
	color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/friendly.png');
    font:bold 1.2em arial;
}

.cup{
	color: #b33c14;
    background-color: #ecda7d;
    background-image: url('../images/cup_match.png');
    font:bold 1.2em arial;
}

div#map,div#mapEmpty {
	left:100px;
    width: 600px;
    height: 400px;
    border: solid #103063 1px;
    margin: 10px 0px 0px 0px;
}

.weather {
    text-align: center;
}
.forecast{
	border-top:solid #CCC 1px;
	margin:0 0 20px 0;
}
.forecast p{
    margin:0 0 10px 0;
}

.weather .weatherDate{
    font-size:0.9em;
    float:left;
    width:100%;
    margin:0 0 10px 0;
}

.weatherTagLine{
	border-top:solid #CCC 1px;
	font-size:0.8em;
	font-style:italic;
    float:left;
    width:100%;
    margin:0 0 10px 0;
}

.showHideBar{
	float:left;
	width:100%;
	border:solid navy 1px;
	vertical-align:middle;
	background:#6091c3;
	font:bold 0.8em arial;
	color:#FFF;
}

.showHide{
   /*border:solid red 3px !important;*/
}

.showHideBar span{
	float:left;
	height:100%;
	margin:0;
	padding:04px 0 0 02px;
}


.showHideBar button{
	float:right;
    width:20px;
    margin:2px;
    background:none;
    border:none;
    color:#FFF;
    font-weight:bold;
    font-size: 1.2em;
}

.matchReport{
	border:solid #FFF 1px;
}


a:hover .matchReport{
	border:solid #C00 1px;
}

.settingsHolder img, .settingsHolder a{
	border:none;
}

.settingsHolder a{
	width:100%;
	vertical-align:middle;
}

a img{
    border:none;
}

a.linkSmall{
    font:0.9em arial;
    text-decoration:none;
    color:#244a6c;
}

a.linkSmall:hover{
    border-bottom:dashed #1c8fd0 1px;
    color:#1c8fd0;
}

.moveArrow img{
    border:none;
}

strong{
	font:bold 95% arial;
}


/*------------------*/
div.tabStrip{
	float:left;
	width:100%;
	border:solid red 1px;
}

div.tabStrip ul{
	margin:0;
    padding:10px 0 10px 10px;
    list-style:none;
}

div.tabStrip li{
    display:inline;
    margin:0;
    padding:0;
    float:left;
    margin:0 15px 0 0;
    text-align:center;
}

div.tabUpdateArea{
}


/*------------------*/
div.tabStrip{
	float:left;
	width:100%;
	border:solid red 1px;
}

div.tabStrip ul{
	margin:0;
    padding:10px 0 10px 10px;
    list-style:none;
}

div.tabStrip li{
    display:inline;
    margin:0;
    padding:0;
    float:left;
    margin:0 15px 0 0;
    text-align:center;
}

div.tabUpdateArea{
}


/*------------------*/
div.tabStrip{
	float:left;
	width:100%;
	border:solid red 1px;
}

div.tabStrip ul{
	margin:0;
    padding:10px 0 10px 10px;
    list-style:none;
}

div.tabStrip li{
    display:inline;
    margin:0;
    padding:0;
    float:left;
    margin:0 15px 0 0;
    text-align:center;
}

div.tabUpdateArea{
}


div#division_list{
	float:left;
	width:100%;
}