/*
Peninsula Juniors Volleyball Website Styles
Title:  Default CSS
Author: Pasquale Scerbo (pscerbo@extractable.com)
Date:  November 2007
*/
/*----------------- CSS NORMALIZER -----------------*/

/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/
div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
ul, ol {padding-left:18px;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.cleaner	{ clear: both; }
.clear5	{ clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear16	{ clear: both; height: 16px; }

/* Fix for PNG alpha channel display in IE6 */
* { behavior: url("common/css/iepngfix.htc"); }

/*----------------- DEFAULT -----------------*/
body	{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #222; font-size: 12px; }
.floatRight	{ float: right; }
.floatLeft	{ float: left; }
.cleaner	{ clear: both; }
tr.pad td		{ padding: 0 5px 5px 5px; }

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

/*----------------- WRAPPER -----------------*/
#container	{ width: 820px; margin:  17px auto; overflow: auto; background: url(img/page_bg.jpg) no-repeat 68px 0; }

/*----------------- LOGO -----------------*/
#logo	{ padding: 4px 0 0 35px; }

/*----------------- COLUMNS -----------------*/
#leftCol	{ width: 242px; float: left; height: 587px; background: url(img/ball.jpg) bottom left no-repeat; padding-left: 68px; }
#innerLeftCol	{ width: 227px; background: url(img/white_fade.png) no-repeat; margin-left: 15px; height: 300px; }

#rightCol	{ width: 503px; float: left; margin-left: 7px; margin-bottom: 30px; }
.innerRightCol    { float: left; width: 241px; margin: 15px 3px 0 0; background: url(img/orange_top.png) no-repeat top left; height: 800px; }


.innerRightCol .header	{ color: #e36509; text-align: center; font-weight: bold; padding-top: 7px; height: 21px; }
.innerRightCol .bottom	{ width: 225px; height: 100px; background: url(img/orange_bottom.png) no-repeat; padding: 10px; }

#rightColContent	{ width:487px; float: left; margin-left: 23px; background: url(img/orange_top_content.png) no-repeat; margin-bottom: 30px; }

ul.nav 				{ margin: 10px 0 0 5px; padding: 0px; list-style: none; font-size: 11px; }
ul.nav li			{ color: #222;  }
ul.nav li a 		{ background: url(img/arrow.gif) 0 0px no-repeat; padding-left: 20px; margin: 0; height: 20px; display: block; padding-top: 3px; color: #222; text-decoration: none; }
ul.nav li a:hover	{ background: url(img/yellow.gif) 0 0px no-repeat; padding-left: 20px; margin: 0; height: 20px; display: block; padding-top: 3px; color: #e36509; font-weight: bold; }
ul.nav li a.on	{ background: url(img/yellow.gif) 0 0px no-repeat; padding-left: 20px; margin: 0; height: 20px; display: block; padding-top: 3px; color: #e36509; font-weight: bold; }

#address	{ float: right; margin: 14px 21px 0 0; color: #fff; }
#address2	{ float: right; margin: 14px 100px 0 0; color: #222; } 

.back	{ float: right; font-size: 11px; margin-top: 15px; clear: both; }