/* StyleSheet for Western United FC
   http://www.westernunitedfc.org      	*/

/* Wrapper for centered adjustable size main column. */

#Container {
	min-width: 960px;
	max-width: 1200px;
	margin: 0 auto;
	min-height: 798px;
	text-align: left;
	padding-bottom: 2em;
}


/* Link Styles */

a {text-decoration: none;}
/*a:link	{color: #FF0000;}
a:hover	{color: #660033;}
a:active {color: #FFFF00;}
a:visited {color: #FF0000;}
*/
#ins1 { color: red; }
#ins1 h4 { font-size: 1.1em; margin-top: 0.1em; margin-bottom: 0.1em;  }
#ins1 h5 { font-size: 0.75em; margin-top: 0.1em; margin-bottom: 1em; }

#menu
{
padding:0;
margin:0;
color:#fff;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
list-style-type:none;
}
#menu li {display:inline;}
#menu li a
{
padding:0.2em 1em;
background:gray;
color:#000;
text-decoration:none;
float:left;
border:1px solid #000;
}
#menu li a:hover
{
background:#08c;
color:#fff;
}

header {
position:relative;
height:160px;
background-color:black;
border: outset;
min-width:960px;
}

#headlines div {position:absolute; left: 300px ;top:0px; margin:20px; width:700px;}
#headlines h1 {font-weight:bold; font-size:xx-large; color:white; }
#headlines p {	font-weight:bold; font-size:large; color:yellow; margin-left: 10px;}
#headlines p a {color: red;}
#headlines p a:active {color: red;}
#headlines p a:visited {color:#FF9900;}
#headlines p a:hover {color: #FFC080;}

.headline {	font-weight:bold; font-size:xx-large; color:white; }

.news {	font-weight:bold; font-size:large; color:yellow; margin-left: 10px;}
/*.news a {color: red;}
.news a:active {color: red;}
.news a:visited {color:#FF9900;}
.news a:hover {color: #FFC080;}
*/

.newsCont { font-weight:700;	font-size: medium;	color:white;	margin-left: 10px;}
.newsCont a {color: red;}
.newsCont a:active {color: red;}
.newsCont a:visited {color:#FF9900;}
.newsCont a:hover {color: #FFC080;}


.plabel
{
	font-weight:bolder;
	color: #3366FF;
	text-align:center;
	font-effect: outline;
}
tr.d0 td { text-align:center; background-color:#505050; border:none; font-weight:bold; font-size: 115%; color:WHITE;padding-left: 6px; padding:1px;  padding-right:6px; }
tr.d1 td { text-align:center; background-color:#4c4c48; border:none; font-weight:bold; font-size: 115%; color:WHITE;padding:1px; padding-left: 6px; padding-right:6px; }
tr.dc td { text-align:center; background-color:#505050; border:none; font-weight:bold; font-size: 135%; color:WHITE;	font-style:italic;}

.coach
{
	font-weight: bold;
	font-size: large;
	color: WHITE;
	text-align:center;
	font-style:italic;
}

.players
{
	font-weight:bold;
	font-size: medium;
	color:WHITE;
	text-align:center;
}

.sidebar
{
list-style-type:none;
margin-top: 1.5em;
}

.sidebar li {
position:relative; left:-30px;
background: url(images/animsoc2.gif)  no-repeat left top;
padding-left:35px;
padding-top:5px;
padding-bottom:5px;
text-align:left;
font-size: 95%;
font-weight:bold;
color:white;
min-height:25px;
}

.sidebar li a:visited{color: #ff5050;}
.sidebar li a:hover{color: #ffe0e0;}
.sidebar li a{color: red;}

.sb2 {
font-size: smaller;
color:yellow;
font-weight:bold;
vertical-align:text-top;
display: inline;
position:relative; left:5px; top:2px;;
clear:both;
}


.hidebox  { z-index:99;  visibility:hidden;}
.showbox  { z-index:99;  visibility:visible;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 60%;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid blue}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e0a838;
padding: 5px;
left: -5000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
top:-100px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -200px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
	position:absolute;
	top: 40px;
	border: 0px solid #980E10; /*THEME CHANGE HERE*/
	border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: #980E10;
	width: 200px;
	visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #FDE8E9;
border-bottom: 1px solid #FDE8E9; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: white;
}
.dropmenudiv_a a.sub_bottom{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 0px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: white;
background: transparent url(images/sub_bottom.gif) bottom left no-repeat;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}

.dropmenudiv_a li {
	display:block;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 12px Arial;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 4px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu a.left{
float: left;
color: white;
padding: 9px 11px ;
text-decoration: none;
border-right: 1px solid white;
background:url(images/blockdefault_left.gif)  top left no-repeat;
}

.solidblockmenu a.right{
float: left;
color: white;
padding: 9px 11px 9px 11px;
text-decoration: none;
border-right: 0px solid white;
background:url(images/blockdefault_right.gif)  top right no-repeat;
}


.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

#blockmenu a:hover.left{background: transparent url(images/blockactive_left.gif) top left no-repeat;}
#blockmenu a:hover.right{background: transparent url(images/blockactive_right.gif) top right no-repeat;}

#blockmenu a#current{background: transparent url(images/blockactive_right.gif) top right no-repeat;}

/**
 * IHeading - information objects with headings, body text.
 *
 */

.iheading li  {list-style: square } 
.iheading h1 {
	font-size: 1.6em;
	color: #FFFF00;
}
.iheading h2 {
	font-size: 1.5em;;
	border: thin #444444;
	background-color:#333333;
	color: #FcFcfc;
}
.iheading h2:first-letter
{
	font-size: 1.7em;
	color: #fefe30;
}

.iheading h3 {
	font-size: 1.5em;
	margin-left: 10px;
	padding-left:10px;
	background-color:#444444;
	color: #F8F8f8;
}

.iheading {
	margin-left:10px;
	padding: 10px;
}

.iheading  p {
	font-size: 1.3em;
	color: #F8F8F8;
	text-indent: 1cm;
	margin-left:20px;
	padding: 10px;
}

.infobox {
	position:relative;
	left:40px;
	top:10px;
	float:left;
	width:700px;
}

.infobox p {
	font-size: 1.2em;
	color: white;
	text-indent:30px;
}

.infobox h1 {
	font-size:  1.4em;
	color:  yellow;
	font-weight:900;
}

.teampage h1,.teampage h2,.teampage h3,.teampage h4,.teampage h5 {text-align:center; color: #fff; }
.teampage h1 {font-size:1.7em;}
.teampage h2 {font-size:1.3em; text-decoration:underline}
.teampage h3 {color: yellow; font-size: 1.25em;}
.teampage h4 {color: yellow; font-size: 1.25em; text-decoration:underline}
.teampage h5 {font-size: 1.2em;}

/*Credits: Dynamic Drive CSS Library				*/
/*URL: http://www.dynamicdrive.com/style/			*/
/* Modified to use as a CLASS rather than an ID.	*/

.slantedmenu{
	font-weight: bold;
	font-size: 1.1em;
}

.slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: '.'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

ul.slantedmenu {
padding: 0;
margin: 0;
/*border: 1px solid black;*/
text-align: left; /*set value to 'center' for example to center items*/
}

ul.slantedmenu li{
display: inline;
background: url(/images/bg-red-g.png);
float: left;
height:1.5em;
line-height: 1.5em;
}

ul.slantedmenu li a{
color:  white;
padding: 0 .6em 0 .5em;
margin: 0;
text-decoration: none;
background: transparent url(/images/slantdivider.gif) top right no-repeat;
}

ul.slantedmenu li a.slast {
color:  white;
padding: 0 .6em 0 .5em;
margin: 0;
text-decoration: none;
background: transparent;
}

ul.slantedmenu li a:hover { text-decoration: overline underline; background: url(/images/slanthi.gif) top right no-repeat ; }

ul.slantedmenu li a.slast:hover { text-decoration: overline underline; background: url(/images/slanthilast.gif) top right repeat-x ; }