@import "menu.css";

/* 
-----------------------------------------------------------
COMMON
-----------------------------------------------------------
*/
body 
{
	font: normal normal 75% Arial, Verdana, sans-serif;
	width: 960px;
	position: relative;
	padding: 0;
	margin: 0px auto;
	color: #000000;
	background-color: #0E3D4F;
	background: url('../images/body-bg.jpg') #045685 repeat-x;
}

h1
{
    font: 180% Arial, Verdana, Helvetica, "sans-serif";
    letter-spacing: normal;
    font-weight: lighter;
    padding: 0px 0px 3px 6px;
    margin: 6px 0px 12px 3px;
    color: #0066CC;
    border-bottom: 1px dashed #708090;
}

h2
{
    font: 160% Arial, Verdana, Helvetica, "sans-serif";
    letter-spacing: normal;
    font-weight: lighter;
    padding: 6px 0px 6px 0px;
    margin: 0px;
    color: #0066CC;
}

h3
{
    font: 145% Arial, Verdana, Helvetica, "sans-serif";
    letter-spacing: normal;
    font-weight: normal;
    padding: 6px 0px 6px 0px;
    margin: 0px;
    color: #000000;
}


p
{
	padding: 0px 0px 12px 0px;
	margin:0px;
}

#fill
{
	width:100%;
	position: relative;
	height:350px;
	float:left;
}

label
{
    display: block;
    padding: 4px 0px 4px 0px;
   
}

/* 
-----------------------------------------------------------
PAGE HEADER 
-----------------------------------------------------------
*/
/*--Banner --*/
#banner-top
{
	width:960px;
	background-color: #9BCA5A;
	height:3px;
	margin-top:25px;
}


#banner
{
	float:left;
	background: url(../images/Bouncer-Header.jpg);
	background-repeat: repeat-x;
	height: 176px;
	width:960px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}
#banner-left
{
	float:left;
}
#banner-right
{
	float: right;
	width: 230px;
	
}


/* 
-----------------------------------------------------------
PAGE BODY
-----------------------------------------------------------
*/
#page-content
{
	padding:18px;
	margin:0px;
	width: 924px; 
	float:left;
	background-image: url(../images/grey-white-gradient.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-bottom: solid 3px #9BCA5A;
	
	
}

.double-column
{
	float:left;
	width: 602px;
	padding: 18px 18px 18px 0;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}
.single-column
{
	float:left;
	width: 230px;
	padding: 18px 18px 18px 0;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}


.right-column
{
	float: right;
	width: 300px;
	min-width: 300px;
	padding: 18px 0 18px 0;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}





.column-heading
{
	background: url(../images/green-header-background.jpg) repeat-x top;
	background-color: #B2E268;
}

.column-heading .top-right
{
	background: url(../images/green-header-top-right.jpg) no-repeat right top; 	
}

.column-heading h1{
	padding: 6px 12px 8px 12px;
	margin: 0;
	color: #FFFFFF;
}

.column-content
{
background-color: #FFFFFF;
padding:10px;
color:#000000;

}

/* 
-----------------------------------------------------------
FOOTER
-----------------------------------------------------------
*/

#footer {
	float: left;
	width: 940px;
	padding: 10px;
	margin-bottom: 25px;
	font: 92% Arial, Helvetica, Verdana, "sans-serif";
	color: #FFFFFF;
}

#copyright
{
	float: left;
	text-align: left;
}

#footer a
{
	color: #FFFFFF;
}

#footer a:hover
{
    color: #CCCCCC;
}

#website-by-identity-boost
{
	float:right;
}



ul.arrowList
{
    list-style: disc url(../images/arrow.jpg) outside;
    vertical-align: middle;
}

ul.arrowList li
{
    padding: 2px 3px 3px 3px;
}

ul.arrowListBlue
{
    list-style: disc url(../images/arrow-blue.jpg) outside;
    vertical-align: middle;
}

ul.arrowListBlue li
{
    padding: 2px 3px 3px 3px;
}

.border_std{ 
border: 1px solid #646464;
}

a{
	color: #0066CC;
	text-decoration: none
}

a:hover {
	color: #000000;
}

a.menu{
	color: #FFFFFF;
	text-decoration: none
}

a.menu:hover {
	color: #CCFFFF;
}

.fixtureRowHeading{
	background-color: #0066CC;
	color: #FFFFFF;
	
}

.fixtureRow{
	background-color: #ffffff;
	color: #000000;
}

.fixtureRowAlt{
	background-color: #F5F5F5;
	color: #000000;	
}





.byesRowHeading
{
    background-color: #9BCA5A;
    color: #FFFFFF;
    padding: 4px 4px 4px 4px;
}
.byesRow{
	background-color: #ffffff;
	color: #000000;
	padding: 3px 4px 3px 4px;
}

.byesRowAlt{
	background-color: #F5F5F5;
	color: #000000;
	padding: 3px 4px 3px 4px;
}

.fixtureRowHeading TD, .fixtureRow TD, .fixtureRowAlt TD, .byesRowHeading TD, .byesRow TD, .byesRowAlt TD
{
    padding: 4px;
}

.saveMessage{
	color:#0066CC;
}

#message-arrow
{
    width: 10px;
    height:32px;
    background: url('../images/message-arrow.jpg') repeat-x;
 }

#message-body
{
    width: 250px;
    height:32px;
    background: url('../images/message-background.jpg') repeat-x;
    color:#ffffff;
    padding-left:11px;
 }



#map_canvas
{
	height:350px;
	width:400px;
	border: 1px solid #000000;
	
}
