/* This is the CSS for the first redesigned and updated Phoenix Storm Rugby Club website.
   Created: Wed, Dec 27, 2006
*/   

/*classes for setting minimum width
*/

* html .layout2 {
	margin-left: -800px;
	position: relative;
}
/*\*/
* html .layout2, * html .content {
	height: 1px;
}
/**/
.content {
	padding: 5px;
}
.width {
	width: 99%;
	min-width: 800px;
	margin:0 auto;
	height:100%;
	border:3px solid #000066;
}
* html .minwidth {
	padding-left: 800px;
}
/*\*/
* html .minwidth, * html .layout {
	height: 1px;
}



        body
		{
			margin: 0;
			padding: 0;
			font-size: 95%;
			font-family: Arial, Helvetica, sans-serif;
			color: #000;
		}
		
		a:link 
		{ 
			color: #0000FF;
			text-decoration: none;
		}
		
		a:visited 
		{ 
			color: #0000FF;
			text-decoration: none;
		}
		
		a:hover, a:active
		{
			color: #00CCCC;
			text-decoration: none;
		}
		
		div#banner
		{
			color: #fff;
			background-color: #000066;
		}
/* Styles for the TOP NAVIGATION BAR */		
		div#topnav
		{
			clear: both;
			background-color: #000066;
			border-bottom: 1px solid #000066;
			padding: .5em 1em;
			text-align: left;
		}
		
		div#topnav ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
		div#topnav li
		{
			display: inline;
			margin-right: 1em;
		}
		
		div#topnav a:link 
		{
		 	color: #FFFF00;
			text-decoration: none;
		}
		
		div#topnav a:visited 
		{
		 	color: #FFFF00;
			text-decoration: none;
		}
		
		div#topnav a:hover, a:active
		{
			color: #FFFFFF;
			text-decoration: none;
		}
/* This CONTAINER is for the left aligned background image which serves as left border
   for site and right border for LEFTBAR */
		div#container
		{
			background-image:url(../images/left_col_base.jpg);			
			background-repeat: repeat-y;
		}
/* This CONTAINER2 is for the RIGHT aligned background image which serves as right border
   for site and left border for SPONSORS */
		
		div#container2
		{
			background-image: url(../images/right_col_base.jpg);
			background-repeat: repeat-y;
			background-position: right;
		}

/* Styles for LEFTBAR area, this area is for longer term news/information items (same on all pages) */		
		div#leftbar
		{
			float: left;
			width: 155px;
			margin-left: 10px;
			padding: 5px 0px 5px 0px;
		}
		
		div#leftbar h3
		{
			color: #336699;
			margin: 0;
			padding: 15px 0px 0px 0px;
			text-align: center;
		}
		
		div#leftbar p
		{
			margin: 0;
			padding: 0px;
		}
		
/* Styles for SPONSORS area, this area is for displaying sponsors logos (same on all pages)*/
		div#sponsors
		{
			float: right;
			width: 165px;
			margin: 0;
			padding: 5px 5px 5px 5px;
		}
		
		div#sponsors h3
		{
			margin-top: 0;
			padding: 15px 0px 0px 0px;
			text-align: center;
            color: #336699;
		}
		
/* Styles for MAIN CONTENT area, this area is for displaying the changing content on each page */
		div#maincontent
		{
			margin-left: 200px;
			margin-right: 200px;
		}
		
		div#maincontent h2
		{
			font-size: 2em;
			color: #336699;
			margin: 0;
			padding: 30px 0px 10px 0px;
			font-weight: bold;
		}
		
		div#maincontent h3
		{
		    font-size: 1.5em;
			color: #336699;
			margin: 0;
			padding: 15px 0px 0px 0px;
			font-weight: normal;
		}
		
		div#maincontent p
		{
			margin: 0;
			padding: 0px;
		}
		
		div#maincontent
		{
			line-height: 120%;
	    }
/* This allows for full length columns */	
		#cleardiv
		{
			clear: both;
			height: 1em;
		}

/* Styles for the FOOTER area */
		div#footer
		{
			clear: both;
			padding: .5em 1em;
			border-top: 3px solid #000066;
			text-align: center;
			font-size: small;
		}
		
		div#footer a:link 
		{ 
			color: #000066;
			text-decoration: none;
		}
		
		div#footer a:visited 
		{ 
			color: #000066;
			text-decoration: none;
		}
		
		div#footer a:hover, a:active
		{
			color: #FFFF00;
			text-decoration: none;
		}
		
		div#footer ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
		div#footer li
		{
			display: inline;
			margin-right: 1em;
		}
		
		
.float-right {float: right; padding: 3px 10px 3px 3px;}
.float-left {float: left; padding: 3px 3px 3px 3px;}