/*
CSS-file for Illawarra Junior Football Association - 2007
Developed by Phosphor Essence Ltd.
*/
*{
padding: 0;
margin: 0;
border: 0;
}

body, html {
color: #333; 
font-family: Arial, Tahoma, sans-serif;
background:url(/static/images/1/grass.png);
height: 100%;
}
body {
font-size: 70%;
padding-bottom: 1px; /*** Prevents jumping from side-to-side in Firefox when a page does/doesn't scroll ***/
}
* html body {
padding: 0; /*** Clearing 1px of bottom padding (needed for Firefox) in IE6 ***/
}
p {padding: 7px 0 7px 0;}

a {
color: #75BAC1;
text-decoration: none;
}

a:hover {
color: #E04C4C;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }

#maincontent
	{width:950px;}

#mainContainer {
width: 950px;
margin: 20px 0 0 0;
padding: 0;
min-height: 100%;
text-align:center;
}

* html #mainContainer {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
#header {
padding:0;
margin: 0 0 0 0px;
width:940px;
background:url(/static/images/1/header-extn.png) repeat-x;
}
#header a {
border: none;
}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
width: 100%;
margin: 0px 0 0 37px; /*** Make some space for our top menu ***/
padding-bottom: 0px; /*** Same as footer height ***/

}

.inner {
width: 100%; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
float: left;
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 100%;
height: 100%;


}

#content {
float: none;
width: 100%;
margin: 0;
padding: 0;
}

.contentWrap {
padding:0;
margin: 0 0 34px 0; /*** Added to prevent overlap of last few lines of content and footer ***/
}

/*
.contentWrap #leftcol{
width: 215px;
float: left;
position: relative;
}
.contentWrap #rightcol {
width: 40%;
left: 30px;
margin: 0 0 0 20px;
float:left;
}

.contentWrap #side-bar{
float:left;
width:20%;
margin: 0 0 0 20px;
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
*/

/**************************
NAV
**************************/
#nav {
padding: 5px 0 5px 0;
position:relative;
top:16px;
left:99px;
height: 15px;
margin:0px 0 0 165px;
float:left;
/*

width:45%;
margin:-648px 0 0 147px;
*/
background:url(/static/images/1/nav-grad.jpg);
background-repeat: no-repeat;
/*background-position: 85px;*/
margin:-55px 0 0 146px;
width:690px;
}
* html #nav {
position: relative; /*** IE needs this  ***/
display: inline;
}
#nav ul {
list-style: none;
}
#nav li, #nav li.nav-end {
margin: 0 0 0 -1px;;
padding: 0 15px 2px 15px;
float: left;
border-left: 1px solid #000;
}
#nav li.nav-end {
border-right: none;
}



/**************************
FOOTER
**************************/
#footer {
width: 100%;
margin: 0 0 0 0;
text-align: center;
font-size:1em;
color:black;
font-family:arial,helvetica, sans-serif;
font-weight:bold;
}

#footer .items a
{
	color: white;	
}

* html #boxtitle {
width: 546px;
}

/**************************
BOX STYLES
***************************/
.box { float: left; width: 146px; margin 5px 10px 10px 5px;}

#leftcol .box{width:100%;}

.box .top .edge{ margin: 0 4px 0 4px; height: 4px; overflow: hidden; letter-spacing:.05em; color:#3c4e2c;} /* overflow hidden is for IE6 */
.box .bottom .edge{ margin: 0 4px 0 4px; height: 4px; overflow: hidden;} /* overflow hidden is for IE6 */
.box .top .cnrleft { float: left; margin: 0 -4px 0 0;}
.box .top .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}
.box .bottom .cnrleft { float: left; margin: 0 -4px 0 0;}
.box .bottom .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}

/**************************
BOXTITLE
**************************/
#boxtitle #leftcol p {
color: #666666;
font-size: 1.1em;
}
#boxtitle h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
color: #8BC6CC;/*21A5CB*/
font-weight: 100;
padding: 0 0 0 6px;
margin: 0px;
}

/*****************
BANNER
*****************/

.banner{
position:relative;
height:86px;
margin: 0 0 0 0;
width:100%;
display:inline;
left:-250px;
}

.banner .title{
color:#FFF;
font-size:1.8em;
font-weight:bold;
margin: -65px 10px 0 0;
float:right;
z-index:10;
position:relative;
}

input, textarea, select{
border: solid 1px #aa9c8f;
margin:5px;
}

.button{
border:none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.soccer-man{
position:absolute;
z-index:10;
}

.man1 /*Login*/
{
margin: -30px 0 0 40px;
}

.man2 /*Calendar*/
{
margin: -30px 0 0 160px;
}

.man3 /*Sidebar*/
{
margin: -30px 0 0 150px;
}

.man4 /*Club News*/
{
margin: -30px 0 0 80px;
}

#tools
{

text-align:right;
padding-right:10px;
padding-bottom:0px;
}