/* --- Squash Alberta Events CSS 07/15/2008 ---------------- */
/* --- Black, red, and gray background ---------------- */

/* --- DEFAULTS ---------------- */

a:link, a:visited,   {
color: #ff0000;
text-decoration:underline;}

a:hover, a:active {
text-decoration:none;}

ul, ol {
list-style:none;}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
margin:0;
padding:0;}

/* ---------- BODY -------------------- */

body {
height: 100%;
top: 10px;
font-family: Arial, Veranda;
background-position: 0px 0px;
background-color: #ecf0f3;}

/* --------USAR_mastheadTop (includes login navigation, top banner with main logo) ------------------ */
/* ------------usar_nav_login ------------------ */
#nav-login-box {
padding-top: 2px;
width: 800px;
height: 20px;
margin:0 auto;
font-size: 10px;
color: #ffffff;
background-color: #000000;
font-size: 11px;
font-weight:700;
}

#nav-login {
height: 10px;
}



#nav-login ul {
float: left;
display:inline;
margin:0;
padding:0;}

#nav-login ul li {
padding-top: 3px;
display:inline;
margin:0 auto !important;
padding:1px;
padding-right: 3px;
border-right: 2px #ff0000 solid;}

#nav-login p {
text-align: right;
padding-right: 3px;
padding-top: 15px;}

#nav-login a {
padding-left:2px;
color:#ffffff;
margin:0 !important;
margin-right:-2px;
text-decoration:none;}

#nav-login li:hover, #nav-login a:hover {
color: #ffffff;
text-decoration: underline;}

/* ------------usar_banner ------------------ */

#banner {
margin:0 auto;
font-size: 2em;
height: 75px;
width: 800px;
background-color: #0b0b0b;
background-image: url(images/logo-squashAlberta.jpg);
background-position:center;
background-repeat: no-repeat;
}

#banner p {
position:relative;
font-weight: bolder;
color: #ffffff;
top: 15px;
font-size: 23px;
left: 5px;}

#banner h3 {top: 20px;
position : relative; 
padding: 3px;
text-align: justify;
font-size: 12px;
font-weight: bold;
color: #ff0000;
text-indent: 10px;}

#banner-image {
height: 70px;
width: 175px;
padding-top: 5px;
padding-right: 10px;
}

#banner-info {
position: absolute;
margin-left: 180px;
width: 540px;
left-indent: 5px;
}

/* --- MAIN NAVIGATION MENU Top Navigation---------------- */
/* ---------- usar_mainmenu---------------- */

#mainMenu {
background-color: #000000;
font-size: 11px;
font-weight:700;
margin:0 auto;
width: 800px;
height: 16px;
}

#mainMenu ul {
display:inline;
margin:0;
height: 15px;}

#mainMenu ul li {
float: left;
display: block;
width: auto;
margin: 0em auto auto  0;
border-right: 1px #ff0000 solid;
padding: 2px;}

#mainMenu ul li a {
display: inline;
background:;
color: #ffffff;
text-decoration: none;
font-weight: bold;
margin-top: 1px;
padding: 4px;}

#mainMenu ul li a.current, #mainMenu ul li a:hover {
background:;
color: #ff0000;}

#mainMenu ul li a.current:hover {
background:;
color:  #ff0000;}

/*--------CONTAINER INFORMAITON - includes the the informaiton below the main menu-------*/
/*---------Main Container------------*/
/*---------used by home, rankings, state, links, media, advertise, contact, login, main-list, article------------*/
#container {
position:relative;
margin: auto;
width: 800px;
min-height: 100%;
background-color: #0b0b0b;}

/*---------Top Showcase Box Informamtion - includes small and large versions------------*/
/*---------Large Showcase Box------------*/
/*---------used by home, rankings, state, links------------*/
#infoBox-showcase{
margin : auto; 
position : relative; 
min-height : 200px;
background-color: #0b0b0b;
}

#content-showcase {
	padding-left: 5px;
	padding : 1px;
	min-height: 200px;
	padding-top: 5px;}

#info-showcase {
float: left;
position : relative; 
margin : 1px; 
padding : 1px;
width: 425px;
top: 5px;
bottom: 2px;
}

#info-showcase table { }

#info-showcase p {
left: 5px;
position : relative; 
color : #ffffff; 
text-align: justify;
font-size: 11px;
font-weight:500;
top: 15px;

} 

#info-showcase p a:link {
Color: #ff0000;}
 
#info-showcase h1 {
left: 5px;
text-align: left;
color: #ffffff;
font-size: 16px;
border-bottom: 1px #ffffff solid;
font-weight: bold;}

#info-showcase h2 {
color: #ff0000;
text-align: left;
font-weight: bold;
font-size: 13px;
padding-top: 5px;
left: 5px;}

#info-showcase h4 {
color: #ffffff;
font-size:16px;
font-weight:500;}
 
#image-showcase {
float: right;
width: auto;
top:2px;
left: 525px;
position: absolute;
vertical-align: middle;}

/*---------Large Showcase Box------------*/
/*---------used by home, rankings, state, links------------*//*---------Large Showcase Box------------*/

#infoBox-showcase-a{

margin : auto; 
position : relative; 
height : auto;

background-color: ;
}

#info-showcase-a table { background-color: ;}

#info-showcase-a p {
left: 5px;
position : relative; 
color : #ffffff; 
text-align: justify;
font-size: 11px;
top: 15px;
} 
 
#info-showcase-a h1 {
left: 5px;
text-align: left;
color: #ffffff;
font-size: 16px;
border-top: 1px #ffffff solid;
font-weight: bold;}

#info-showcase-a h2 {
color: #ff0000;
text-align: left;
font-weight: bold;
font-size: 14px;
padding-top: 5px;
left: 5px;}
 

#content-showcase-b {
	padding-left: 5px;
	padding : 1px;
	height:180px;}

#infoBox-showcase-B{

margin : auto; 
position : relative; 
min-height : 180px;
background-color: ;
}

#content-showcase-a {
	padding-left: 5px;
	padding : 1px;
	height:auto;
	background-color: ;
	width: 100%;}

/*---------large Showcase Login Box------------*/
/*---------used by state-login, advertise-login-login-box------------*/
#login-box {
Width: 425px;
Height: 150px;
position:relative;
Top: 15px;}

#login-box table {
	width: 400px;
	border: solid #ffffff 2px;}

#login-box tr {}

#login-box td {
color: #ffffff;
font-size: 9px;}


/*---------Small Showcase Box------------*/
/*---------used by main-list, article------------*/
#infoBox-showcase-small{
margin : auto; 
position : relative; 
min-height : 50px;
}

#content-showcase-small {
	padding-left: 5px;
	padding : 1px;
	height: 50px;}

#info-showcase-small {
float: left;
position : relative; 
margin : 1px; 
padding : 1px;
width: 425px;
top: 3px;
bottom: 2px;}
 
#info-showcase-small h1 {
left: 5px;
text-align: left;
color: #ffffff;
font-size: 16px;
border-bottom: 1px #ffffff solid;

font-weight: bold;}
 
#image-showcase-small {
float: right;
width: auto;
top:2px;
left: 535px;
position: absolute;
vertical-align: middle;}

/*these tags are not used for the short version, but are here if wanted to add latter------------*/
#info-showcase-small h2 {
color: #ff0000;
text-align: left;
font-weight: bold;
font-size: 11px;
padding-top: 5px;
left: 5px;}

#info-showcase-small p {
left: 5px;
position : relative; 
color : #ffffff; 
text-align: justify;
font-size: 10px;
top: 15px;
} 


/*-------CONTENT LAYOUTS----------*/
/*---------Main Content Layout: left side(content): 410px, right side(list-section): 385px------ */
/*---------used by home------------*/
#content {
margin: 0;
float: left;
width:410px;
background:transparent;
margin-top: 3px;
position: relative;
min-height: 100%;}

#list-section {
float: right;
width: 380px;
margin-top: 3px;
position: relative;
min-height: 100%;}

/*---------Article and Lists Content Layout: left side(content_A): 510px, right side(article-list): 285px------ */
/*---------used by state, media, advertise, login, main-list, article------------*/
#content_A {
margin: 0;
float: left;
width:510px;
margin-top: 3px;
position: relative;
min-height: 100%;}

#article-list {
float: right;
width: 285px;
margin-top: 3px;
position: relative;
min-height: 100%;}

/*-------CONTENT Informaiton----------*/
/*---------usar_showcase_a: left side: 410px (used as home page featured article)------ */
/*---------used by home------------*/
#showcase-A {
left: 0;
position: relative;
text-align: justify;} 

#showcase-A p {
top: 3px;
color : #000000; 
padding: 3px;
text-align: justify;
font-size: 10px;
Width: 385px;
background-color: #cccccc;
margin-left: 10px;}

#showcase-A h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
width: 400px;
margin-left: 5px;}

#showcase-A h2 {
padding-top:5px;
font-size: 10px;
font-weight: bold;
color: #ff0000;
width: 390px;
text-align: justify;
padding-left: 1px;
background-color: #cccccc;
margin-left: 10px;
padding-bottom: 3px;
}

#showcase-A h3 {
position : relative; 
padding: 3px;
text-align: justify;
font-size: 12px;
Width: 385px;
font-weight: bold;
color: #ffffff;
background-color: #cccccc;
margin-left: 10px;}

#showcase-A h4 {
position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
width: 385px;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-left: 10px;
}

#showcase-A h4 a:hover, #showcase-A h4 a:active {
}

#showcase-A h4 a:link, #showcase-A h4 a:visited {
color: #ff0000;
position:relative;
margin:0 auto;}

/*---------Featured Touranments: left side: 410px (used for home page featured events)------ */
/*---------Featured Touranments: three different options: one, two, three display------ */
/*---------used by home------------*/
/*---------featuredEvents------ */
#events {
width: 390px;
padding-bottom: 2px;
position: relative;
background: #cccccc;
margin-left: 10px;
margin-top: 3px;}

#events h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
width: 395px;
}

#events h1 a:link {
position: relative;
margin-left: 250px;
color: #ff0000;
font-size: 8px;
text-decoration: underline;}

#events h3 {top: 3px;
position : relative; 
padding-right: 3px;
font-size: 11px;
font-weight: 700;
height: 20px;
color: #ff0000;
background-color: #cccccc;
margin-left: 5px;
text-align: right;}

#events h3 a:hover, #events a:active {
}

#events h3 a:link, #events h3 a:visited {
color: #ff0000;
position:relative;
margin:0 auto;}

/*---------Feature-profile-1, 2, 3------ */
#feature-info h2 {
position: relative;
padding-left: 5px;
font-size: 13px;
color: #ff0000;
width: auto;
font-weight: bold;
}

#feature-info h4 {
padding-left: 5px;
font-size: 10px;
color: #ff0000;
width: auto;
font-weight: bold;
text-align: right;
border-top: 1px solid #ff0000;}

#feature-info p {
font-size: 9px;
}

#Feature-info {
width: auto;
padding-bottom: 2px;
position: relative;
margin-top: 2px;}

#feature-3 {font-size: 10px;}

#info {
width:auto;
position: relative;}

#image {
width: 140px;
padding: 1px;
position: relative;}

#label {
font-weight: bold;
font-size: 11px;
color: #000099;}

/*-------CONTENT_A Informaiton----------*/
/*---------article-website: left side: 510px (used  featured article)------ */
/*---------used by article-website------------*/
#feature-article {
width: 500px;
padding-bottom: 2px;
position: relative;
margin-top: 3px;
margin-left: 10px;
background-color: #cccccc;}

#feature-article h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
width: auto;
}

#feature-article h3 {position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
width:auto;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-left: 5px;
}

#feature-article h3 a:hover,#feature-article h3 a:active {
}

#feature-article h3 a:link, #feature-article h3 a:visited {
position:relative;
margin:0 auto;}

#sub-image {
width: auto;}

#feature-article-label {
font-weight: bold;
font-size: 13px;
color: #000000;
text-align: justify;
text-decoration: none;
padding: 5px;}

#feature-article-label>li {
padding-left: 10px;
list-style-type: disc;
white-space: normal;
list-style-position: inside;}

#articleFull-container {
border-top: 2px #999999 solid;
border-bottom: 2px #999999 solid;
max-width: 500px;
min-height: 300px;}

#articlefull-image {
float: left;
width: 250px;
max-height:100%;
padding: 2px;
background-color: #cccccc;
vertical-align: middle;
text-align: center;}

#articleFull-info {
width:490px;
padding: 3px;
border-top: 2px #ff0000 solid;
min-height: 200px;
padding-bottom: 5px;
}

#articleFull-info h2 {
float: left;
text-decoration: none;
font-size: 13px;
color: #ff0000;
width: 485px;
border-bottom: 1px #ff0000 solid;
font-weight: bold;}

#articleFull-info h2 a:link {
float: left;
text-decoration: none;
font-size: 13px;
border-bottom: 1px #ff0000 solid;} 

#articleFull-info h2 a:visited, #articlefull-info h2 a:active {color: #ff0000;
font-weight: bold;}

#articleFull-info h2 a:hover {
float: left;
text-decoration: none;
font-size: 13px;
color: #ff0000;}

#articlefull-info p {
font-size: 12px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;}

/*---------article-box: left side: 510px (used  featured article)------ */
/*---------used by article-webiste, listrelatedlinks, articl-sponosr,listarticles, main-sponsor------ */
#article-box {
position: inherit;
padding: 1px;}

/*---------list-levels: left side: 510px ------ */
/*---------used by level-(0,1,2)-list-510------------*/

#content-box-510 {
width: 500px;
padding-bottom: 2px;
position: relative;
background: #cccccc;
margin-top: 3px;
min-height: 80px;
margin-left: 10px;
}

#content-box-510 h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
width: auto;
}


#content-box-510 h3 {position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
width: 390px;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-left: 5px;
}

#content-box-510 h3 a:hover,#content-box-510 h3 a:active {
}

#content-box-510 h3 a:link, #content-box-510 h3 a:visited {
position:relative;
margin:0 auto;}

/*---------used by level-1-list-510------------*/

#list-box-510 {
width: 495px;
Padding: 2px;
min-height: 90px;
border-bottom: 2px #ff0000 solid;

}

#level-1-list-info-510{
Padding: 5px;
Width: 345px;
Float: right;
min-height: 60px;}

#level-1-list-info-510 h2 {
position: relative;
padding-left: 5px;
font-size: 12px;
color: #ff0000;
width: auto;
font-weight: bold;}

#level-1-list-info-510 h2 a:link, #level-1-list-info-510 h2 a:visited {
font-size: 12px;
font-weight: bold;
color: #ff0000;}

#level-1-list-info-510 h2 a:hover, #level-1-list-info-510 h2 a:active {font-size: 12px;
font-weight: bold;
}

#level-1-list-510 h4 {
padding-left: 5px;
font-size: 10px;
color: #000000;
width: auto;
font-weight: bold;}

#level-1-list-info-510 p {
color: #000000;
font-size: 11px;
font-weight: 500;}

#level-1-list-510-image {
float: left;
width: 130px;
position: relative;
padding-left: 5px;}

#list-highlight {
font-weight: bold;
font-size: 10px;
color: #0000cc;
text-align: justify;
text-decoration: none;
padding: 5px;}

/*---------used by level-(0,2)-list-510------------*/

#list-box-2-510 {
width: 500px;
Padding: 2px;
min-height:50px;}

#list-box-3-510 {
width: auto;
Padding: 2px;
margin-left: 80px;
min-height:100%;}

#level-2-list-info-510{
	Padding: 5px;
	Width: 400px;
	Float: right;
	min-height: 100%;}
	
#level-2-list-info-510 h2 {
	position: relative;
	padding-left: 5px;
	font-size: 13px;
	color: #fff;
	width: auto;
	min-height: 100%;
	border-bottom: 1px #ff0000 solid;
	font-weight: bold;
	background-color: #000000;}

#level-2-list-510 h4 {
padding-left: 5px;
font-size: 10px;
color: #ff0000;
width: auto;
border-bottom: 1px #ff0000 solid;
font-weight: bold;
}

#level-2-list-510 p {
color: #000000;
font-size: 10px;
font-weight:600;}

#level-2-list-510-image {
float: left;
width: 75px;
position: relative;
padding-left: 5px;}

#level-2-list-info-box {
position: relative;
padding-top: 1px;
padding-bottom: 1px;
text-indent: 3px;
padding-right: 5px;
min-height: 20px;
border-bottom: 1px #000000 solid;}

#level-2-list-date {
position: relative;
padding-left: 2px;}

#level-2-list-info-box h5 {
font-size: 11px;
font-weight: bold;
color: #ff0000;
}

#level-2-list-info-box h5 a:link {
font-size: 11px;
font-weight: bold;
color: #ff0000;}

#level-2-list-info-box h5 a:visited {font-size: 11px;
font-weight: bold;
color: #ff0000;}

#level-2-list-info-box h5 a:hover {font-size: 11px;
font-weight: bold;
color: #ff0000;}

#level-2-list-info-box h5 a:active {font-size: 11px;
font-weight: bold;
color: #ff0000;}

#level-2-list-info-510-link{
	Padding: 5px;
	Width: auto;
	min-height: 100%;}

#level-2-list-info-510-link h4 {
	font-size: 9px;
		color: #ff0000;
			text-align: right;}

#level-2-list-info-510-link h4 a:link, #level-2-list-info-510-link h4 a:visited {
font-size: 9px;
color: #ff0000;
text-align: right;}

#level-2-list-info-510-link h4 a:hover, #level-2-list-info-510-link h4 a:active {
font-size: 10px;
color: #ff0000;
text-align: right;}

#level-2-list-date p {
float: left;
font-size: 10px;
position: relative;
text-align: left;
}

#level-2-list-date h6 {
position: relative;
float: right;
font-size: 10px;
text-align: right;
}

#level-2-list-date a:link {
font-size: 10px;
}

/*-------Small Event List----------*/
/*---------list-section: right side: 385px ------ */
/*---------list-section: has three diffrent sections for color variations ------ */
/*---------used by liveEvents, futureEvents, recentResults------------*/

#list-A, #list-B, #list-C {
width: auto;
position: relative;
padding-bottom: 2px;}

#list-A h1, #list-B h1, #list-C h1{
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
margin-left: 5px;}

#list-A h4, #list-B h4, #list-C h4 {position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-right: 10px;
}

#list-A h4 a:hover, #list-B h4 a:hover, #list-C h4 a:hover, #list-A h4 a:active, #list-B h4 a:active, #list-C h4 a:active {
}

#list-A h4 a:link, #list-B h4 a:link, #list-C h4 a:link, #list-A h4 a:visited, #list-B h4 a:visited, #list-C h4 a:visited{
position:relative;
margin:0 auto;
font-weight: bold;}

#list-a-info, #list-b-info, #list-c-info {
position: relative;
padding-top: 1px;
padding-bottom: 1px;
text-indent: 3px;
padding-right: 5px;
background-color: #cccccc;
margin-right: 10px;
height: auto;}

#list-a-info-date, #list-b-info-date, #list-c-info-date {
position: relative;
padding-left: 2px;}

#list-a-info h3, #list-b-info h3, #list-c-info h3 {
font-size: 11px;
font-weight: bold;
color: #ff0000;
background-color: #cccccc;}

#list-a-info h3 a:link, #list-b-info h3 a:link, #list-c-info h3 a:link {
font-size: 11px;
font-weight: bold;
color: #ff0000;}

#list-a-info h3 a:visited, #list-b-info h3 a:visited, #list-c-info h3 a:visited {
font-size: 11px;
font-weight: bold;
color: #ff0000;}

#list-a-info h3 a:hover, #list-b-info h3 a:hover, #list-c-info h3 a:hover, #list-a--info h3 a:active, #list-b-info h3 a:active, #list-c-info h3 a:active {
font-size: 11px;
font-weight: bold;
color: #000000;}

#list-a-info-date p, #list-b-info-date p, #list-c-info-date p {
float: left;
font-size: 10px;
position: relative;
text-align: left;
background-color: #cccccc;}

#list-a-info-date h2, #list-b-info-date h2, #list-c-info-date h2 {
position: relative;
float: right;
font-size: 10px;
text-align: right;
background-color: #cccccc;}

#list-a-info-date a:link, #list-b-info-date a:link, #list-c-info-date a:link {
font-size: 10px;
background-color: #cccccc;}

/*-------Home page sponsor section----------*/
/*---------main-sponsor: right side: 385px ------ */


#list-article-385{
width: 375px;
padding-bottom: 2px;
 position: relative;
margin-top: 3px;}

#list-article-385 h1 {
position: relative;
width: auto;
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
background-repeat:no-repeat;}

#list-article-385 h4 {position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
width: auto;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-right: 10px;
text-align: right;}

#list-article-385 h4 a:active, #list-article-385 h4 a:hover {
}

#list-article-385 h4 a:link, #list-article-385 h4 a:visited {
position:relative;
margin:0 auto;}

#article-container-385 {
width: 370px;
background-color: #cccccc;}

#article-info-385 {
width:auto;
background: #cccccc;
min-height: 100%;
border-bottom: 2px #000000 solid;
padding-left: 5px;
padding-right: 10px;}

#article-info-385 p {
min-height: 60px;
font-size: 11px;
padding: 5px;}

#article-info-385 h2 {
float: left;
font-size: 12x;
color: #ff0000;
width: 350px;
border-bottom: 1px #ff0000 solid;
font-weight: bold;}

#article-info-385 h2 a:link {
float: left;
font-size: 12px;
color: #ff0000;
text-decoration:none;
} 

#article-info-385 h2 a:visited {
text-decoration:none;
font-size: 12px;}

#article-info-385 h2 a:hover {font-size: 12px;
float: left;
color: #000000;
}

#article-info-385 h2 a:active {font-size: 12px;}

#article-info-385 h3 {
font-size: 11px;
text-align: right;
width: Auto;
padding-bottom: 5px;}

#article-info-385 h3 a:link, #article-info-385 h3 a:visited {
font-size: 11px;
text-align: right;
width: Auto;
text-weight: 700;} 

#article-info-385 h3 a:hover, #article-info-385 h3 a:active {
font-size: 11px;
text-align: right;
width: Auto;
}

/*-------Article Section List----------*/
/*---------list sections: right side: 285px ------ */
/*---------used by listRelatedLinks, article-sponsor,listArticles------------*/

#article-container {
width: 265px;
}

#list-article{
width: auto;
min-height: 100%;
position: relative;
padding-bottom: 2px;
margin-top: 3px;
background: #cccccc;
margin-right: 10px;}

#list-article h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);}

#list-article h4 {
position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-left: 5px;
border-top: 2px solid #000000;
}

#list-article h4 a:hover,  #list-article h4 a:active {} 

#list-article h4 a:link,   #list-article h4 a:visited {
position:relative;
margin:0 auto;}



#article-info {
width:auto;
max-width: 95%;
min-height: 100%;
padding-left: 5px;
padding-right: 5px;}

#article-info h2 {
float: left;
text-decoration: none;
font-size: 11px;
color: #ff0000;
width: 270px;
border-bottom: 2px #000000 solid;
font-weight: bold;}

#article-info h2 a:link {
float: left;
text-decoration: none;
font-size: 11px;
color: #ff0000;} 

#article-info h2 a:visited {
font-weight: bold;}

#article-info h2 a:hover {
float: left;
text-decoration: none;
font-size: 11px;
}

#article-info h2 a:active {
font-weight: bold;}

#article-info h1 a:link {}

#article-info p {
font-size: 11px;
color: #000000;
font-weight:500;
padding: 5px;}

#article-info h3 {
font-size: 10px;
text-align: right;
width: Auto;
font-weight: 400;
padding-bottom: 5px;}

#article-info h3 a:link, #article-info h3 a:visited {
text-align: right;
width: Auto;
} 

#article-info h3 a:hover, #article-info h3 a:active {
text-align: right;
width: Auto;
}

/*-----used by article-sponsor, listrelatedlinks, listarticles, main-sponsor----------*/
#article-image {
float: left;
width: 85px;
min-height: 100%;
padding: 5px;
background-color: #cccccc;}

/*-------GOOGLE INFORMATION----------*/
/*---------google ads and google search: left side: 410px ------ */
/*---------used by googleAd_A------------*/

#google-box, #google-box-510  {
width: auto;
position: relative;
padding-bottom: 2px;
margin-top: 3px;
background: #cccccc;
margin-left: 10px;
margin-bottom: 10px;}

#google-box-730   {
width: auto;
position: relative;
padding-bottom: 2px;
margin-top: 3px;
background: #cccccc;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;}

#google-box-380,  #google-box-370,  #google-box-250  {
width: auto;
position: relative;
padding-bottom: 2px;
margin-top: 3px;
background: #cccccc;
margin-right: 10px;
}

#google-box h1, #google-box-370 h1, #google-box-510 h1, #google-box-730 h1, #google-box-250 h1, #google-box-380 h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);}

#google-box h3, #google-box-370 h3, #google-box-510 h3, #google-box-730 h3, #google-box-250 h3, #google-box-380 h3 {
top: 3px;
position : relative; 
padding-right: 3px;
font-size: 11px;
font-weight:700;
height: 20px;
color: #ff0000;
top: 3px;
background-color: #cccccc;
text-align: right;}

#google-box h3 a:hover, #google-box-370 h3 a:hover, #google-box-730 h3 a:hover, #google-box-380 h3 a:hover, #google-box-250 h3 a:hover, #google-box h3 a:active, #google-box-370 h3 a:active, #google-box-730 h3 a:active, #google-box-250 h3 a:active, #google-box-510 h3 a:hover, #google-box-510 h3 a:active, #google-box-380 h3 a:active {
color: #ff0000;} 

#google-box h3 a:link, #google-box-370 h3 a:link, #google-box-730 h3 a:link, #google-box-250 h3 a:link, #google-box-380 h3 a:link, #google-box h3 a:visited, #google-box-370 h3 a:visited, #google-box-730 h3 a:visited, #google-box-250 h3 a:visited, #google-box-510 h3 a:link, #google-box-510 h3 a:visited, #google-box-380 h3 a:visited  {
color: #ff0000;
position:relative;
margin:0 auto;}

#google-ad-730-A, #google-ad-250-A, #google-ad-A {
padding-left: 15px;}



/*footer information*/

#footer {
margin-top: 5px;
position: inherit;
border-top: 2px solid #ffffff;
margin:0 auto;
width: 800px;
top: 5px;
background-color: #000000;
font-size: 11px;
font-weight: 700;
height: 35px;}

#info-company {
width: 800px;
position: relative;
margin: 0em auto 5px auto;
padding-bottom: 5px;
background-color: #000000;}

#info-company p {
color: #ffffff;
font-size: 10px;
}

#info-standards, #info-standards a:link, #info-standards a:visited, #info-standards a:visited {
color: #ffffff;
position:relative;
margin:0 auto;
text-align: left;}

#info-standards a:hover, #info-standards a:active {
}





/*---------POLL information-----------*/

#poll {
width: auto;
}

#poll h1 {
border-bottom: 2px #c0c0c0 inset;
font-size: 17px;
color: #2d427b;}

#poll h2 {}

#poll p {}

#poll {
width: auto;
position: relative;
padding-bottom: 2px;
background: #fff;
}

#poll h1{
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);}



#poll h3 {top: 3px;
position : relative; 
padding-right: 3px;
font-size: 9px;
height: 20px;
color: #fff;
top: 3px;
border-top: 1px #909dc0 solid;
border-bottom: 1px #909dc0 solid;
background-image: url(images/usar_h4dkblue_bg.gif);
background-repeat: repeat-x;
text-align: right;}

#poll h3 a:hover, #poll h3 a:active {
border-bottom: 1px #fff solid;
color: #fff;}

#poll h3 a:link, #poll h3 a:visited {
color: #fff;
position:relative;
margin:0 auto;
}

/*-------rankings and player profile----------*/

#container-rankings {

margin : auto; 
width: 800px;
z-index : auto; 
position : relative; 
height: inherit;
background-color: #f3f2f0;
}
/*-------Full-Menu Section Informaiton----------*/
/*---------left menu with center article and right article list------ */
/*---------Section used for: about us, overview------ */

#full-menu-content {


width:595px;

}

#full-menu-content table {
	width: 100%;
	vertical-align: top;
}

#full-menu-content tr {}

#full-menu-content td {
	vertical-align: top;
}




#full-menu-showcase {
	width: 465px;
	position: relative;
	text-align: justify;
	margin: 2px;
	background-color: #f3f2f0;
} 

#full-menu-showcase table {
	width: 460px;
}

#full-menu-showcase tr {}

#full-menu-showcase td {
}

#full-menu-showcase p {
top: 3px;
color : #000000; 
padding: 3px;
text-align: justify;
font-size: 11px;
Width: auto;
border-top: 1px #77714f solid;
border-bottom: 1px #77714f solid;
background-color: #ccd5ee;}

#full-menu-showcase h1 {
	height: 37px;
	color: #f3f2f0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 470px;
	border-bottom: 1px #006400 solid;
	background-color: #658dd2;
	text-indent: 5px;
	background-image: url("images/h1-500.gif");
}

#full-menu-showcase h2 {
font-size: 17px;
font-style: italic;
font-weight: bold;
color: #006400;
width: auto;
height: 125px;
text-align: center;
padding: 8px;
background-color: #f3f2f0;}

#full-menu-showcase h3 {
top: 3px;
position : relative; 
padding: 3px;
text-align: justify;
font-size: 12px;
Width: auto;
background-color: #658dd2;
border-bottom: 1px #473c2a solid;
font-weight: bold;
color: #d6e4f1;}

#full-menu-showcase h4 {top: 3px;
position : relative; 
padding-right: 3px;
font-size: 9px;
height: 20px;
color: #f3f2f0;
top: 3px;
width: 345px;
border-bottom: 1px #909dc0 solid;
background-image: url("images/h1-bg.gif");
background-repeat: repeat-x;
text-align: right;}

#full-menu-showcase h4 a:hover, #full-menu-showcase h4 a:active {
border-bottom: 1px #f3f2f0 solid;}

#full-menu-showcase h4 a:link, #full-menu-showcase h4 a:visited {
color: #f3f2f0;
position:relative;
margin:0 auto;}


#full-menu-list {
width: 195px;
margin-top: 3px;
position: absolute;
left: 600px;
top: 20px;}

#full-menu-list-container {
width: 100%;
background-color: #d6e4f1;}

#full-menu-list-info {
width:auto;
background-color: #d6e4f1;
min-height: 100%;
padding-left: 5px;
padding-right: 5px;}

#full-menu-list-info p {
min-height: 100%;
font-size: 10px;
}

#full-menu-list-info h2 {
text-decoration: none;
font-size: 10px;
color: #658dd2;
width: 180px;
border-bottom: 1px #006400 solid;
font-weight: bold;
padding-bottom: 3px;}

#full-menu-list-info h2 a:link {

text-decoration: none;
font-size: 11px;
color: #2d427b;
border-bottom: 1px #900 solid;} 

#full-menu-list-info h2 a:visited {color: #900;
font-weight: bold;}

#full-menu-list-info h2 a:hover {

text-decoration: none;
font-size: 11px;
color: #900;}

#full-menu-list-info h2 a:active {color: #900;
font-weight: bold;}

#full-menu-list-info h3 {
font-size: 9px;
text-align: right;
width: Auto;
color: #006400;}

#full-menu-list-info h3 a:link, #full-menu-list-info h3 a:visited {font-size: 9px;
text-align: right;
width: Auto;
text-decoration: underline;
color: #006400;} 

#full-menu-list-info h3 a:hover, #full-menu-list-info h3 a:active {font-size: 9px;
text-align: right;
width: Auto;
text-decoration: underline overline;
color: #006400;}

#full-menu-list-box {
position: inherit;
padding: 1px;
background-color: #d6e4f1;}

/*submenu features*/

#blank-box {
height: 10px;}

#submenu-info {
text-align : left; 
color : #473c2a; 
margin-bottom : 0; 
padding-top : 2px; 
padding-bottom : 2px; 

margin-top : 0; 
font-weight: bold;
font-size : 13px; 
background : #f3f2f0; 
height : auto;
line-height: auto;
text-decoration : none; 

} 

#submenu-info li {
	width: 115px;
	border-bottom: 1px solid #000000;
	display: block;
	text-decoration : none;
	list-style-type: none;
	}

#submenu-info li a:link {
color : #473c2a; 
border : none; 
text-decoration : none; 
} 
#submenu-info a:hover {
color : #006400; 
text-decoration : none; 
}

/*rankings*/
#content_rankings {
margin: 0;
float: left;
width:580px;
margin-top: 3px;
position: relative;
min-height: 100%;
margin-left: 3px;}

#rankings-list {
float: right;
width: 180px;
margin-top: 3px;
position: relative;
min-height: 100%;}

#feature-rank {
width: 580px;
padding-bottom: 2px;
position: relative;
background: #fff;
margin-top: 3px;}

#feature-rank h1 {
height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: left;
text-indent: 20px;
background-image: url(images/header1-squashAlberta.gif);
width: auto;
}

#feature-rank h3 {
position : relative; 
padding-right: 6px;
font-size: 11px;
text-weight: 700;
height: 10px;
color: #ff0000;
text-align: right;
padding-bottom: 10px;
background-color: #cccccc;
margin-left: 5px;
}

#feature-rank h3 a:hover,#feature-rank h3 a:active {
}

#feature-rank h3 a:link, #feature-rank h3 a:visited {
position:relative;
margin:0 auto;}

#sub-image-rank {
width: auto;}

#feature-rank-label {
font-weight: bold;
font-size: 13px;
color: #ff0000;
text-align: justify;
text-decoration: none;
padding: 5px;}

#feature-rank-label>li {
padding-left: 10px;
list-style-type: disc;
white-space: normal;
list-style-position: inside;}

#rankFull-container {
border-top: 2px #999 solid;
border-bottom: 2px #999 solid;
max-width: 500px;
min-height: 300px;
background-color: #cccccc;}

#rankfull-image {
float: left;
width: 250px;
max-height:100%;
padding: 2px;
background-color: #fff;
vertical-align: middle;
text-align: center;}

#rankFull-info {
width:500px;
padding: 3px;
border-top: 2px #909dc0 solid;
min-height: 200px;
}

#rankFull-info h2 {
float: left;
text-decoration: none;
font-size: 13px;
color: #2d427b;
width: 485px;
border-bottom: 1px #900 solid;
font-weight: bold;}

#rankFull-info h2 a:link {
float: left;
text-decoration: none;
font-size: 13px;
color: #2d427b;
border-bottom: 1px #900 solid;} 

#rankFull-info h2 a:visited, #rankfull-info h2 a:active {color: #900;
font-weight: bold;}

#rankFull-info h2 a:hover {
float: left;
text-decoration: none;
font-size: 13px;
color: #900;}

#rankfull-info p {
font-size: 12px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;}


#rank-box {
position: inherit;
padding: 1px;}



/****Ranking Information****/

/*-------Full Section Informaiton----------*/
/*---------Page with large left article and small right article list------ */
/*---------Section used for: products, newsletter------ */

#full-content {
margin: 0;
width:585px;
background:transparent;
position: relative;
min-height: 100%;}

#full-content table {
		vertical-align: top;	
}



#full-content tr {}

#full-content td {
	vertical-align: top;
	background-color: #cccccc;
}




#full-showcase {
margin: 0;
width:585px;
background:transparent;
margin-top: 3px;
position: relative;
min-height: 100%;}



#full-showcase h3{
top: 3px;
color : #000000; 
padding: 3px;
text-align: justify;
font-size: 11px;
Width: auto;
background-color: #cccccc;}

#subinfo {
color : #000000; 
text-align: center;
font-size: 12px;
Width: auto;
background-color: #cccccc;

}
#infoText {
	top: 3px;
	color : #ff0000;
	padding: 3px;
	text-align: justify;
	font-size: 12px;
	Width: auto;
	font-weight: bold;
}

#infoText-A{
	top: 0px;
	color : #FFFFFF;
	padding: 3px;
	text-align: justify;
	font-size: 13px;
	Width: auto;
	font-weight: bold;
}

#infoText-B{
	top: 0px;
	color : #FFFFFF;
	
	text-align: justify;
	font-size: 10px;
	
	
}

#infoText-B td {background-color:#990000;}

#info-box { 
Width: 100%;
border-bottom:2px solid #660000;}

#full-showcase p {
top: 3px;
color : #000000; 
padding: 3px;
text-align: justify;
font-size: 9px;
Width: auto;
background-color: #ffffff;}

#full-showcase h2 {
font-size: 17px;
font-style: italic;
font-weight: bold;
color: #ff0000;
width: auto;
height: auto;
text-align: center;
background-color: #cccccc;}

#full-showcase h4 {
font-size: 13px;
font-weight: bold;
color: #ff0000;
width: auto;

background-color: #cccccc;}

#full-list {

width: 185px;
position: absolute;
left: 600px;
top: 5px;}

#full-list-container {
width: 185px;
background-color: #cccccc;
border: 1px solid #ff0000;
}

#full-list-info {
width:100%;
background-color: #cccccc;
min-height: 100%;
}

#full-list-info p {
min-height: 100%;
font-size: 10px;
text-decoration:none;
}

#full-list-info h1 {
text-decoration: none;
font-size: 11px;
color: #000000;
width: 100%;
border-bottom: 1px #ff0000 solid;
font-weight: bold;
padding-bottom: 3px;
background-color: #ff0000;}

#full-list-info h1 a:link {

text-decoration: none;
font-size: 11px;
} 

#full-list-info h1 a:visited {
font-weight: bold;}

#full-list-info h1 a:hover {


font-size: 11px;
}

#full-list-info h1 a:active {
font-weight: bold;}

#full-list-info h3 {
font-size: 10px;
font-weight:700;
text-align: right;
width: Auto;
color: #ff0000;
background-color: #cccccc;}

#full-list-info h3 a:link, #full-list-info h3 a:visited {
text-align: right;
width: Auto;
} 

#full-list-info h3 a:hover, #full-list-info h3 a:active {
text-align: right;
width: Auto;
}

#full-list-box {
position: inherit;
background-color: #ffffff;}
 
#section-title {
font-weight: bold;
font-size: 12px;
}


#content_profile {
background-color:;}

#full-content-profile {
background-color: #cccccc;
margin: 10px;}

#full-content-profile p {
font-size:14px;
color: #000000;
font-weight: bold;}

#full-content-profile h1 {
font-size:22px;
font-weight:700;}

#full-content-profile h2 {
color: #000000;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
font-size: 16px;
font-weight: bold;
text-align: left;
text-indent: 10px;

}

#full-content-profile h3 {
font-size:18px;
font-weight:500;}

#full-content-profile h3 a {
color: #0000CC;}

/*-----Calender-----*/

#content_calender {
margin: 0;
width:100%;
margin-top: 3px;
position:inherit;
height: 100%;
}


#full-content-calender {
margin-right: 10px;
margin-left: 10px;
width:780px;
height: 100%;}


#full-content-calender table {
	
	vertical-align: top;
	text-align: left;
	background-color: #cccccc;
}



#full-content-calender tr {
 }

#full-content-calender td {
	vertical-align: top;
	
}




#full-showcase-calender {
margin: 0;
width:100%;
margin-top: 3px;
position: relative;
height: 100%;}



#full-showcase-calender h3{
top: 3px;
color : #000000; 
padding: 3px;
text-align: left;
font-size: 11px;
font-weight: 500;
Width: auto;
}

#full-showcase-calender p {
top: 3px;
color : #000000; 
padding: 3px;
text-align: left;
font-size: 9px;
Width: auto;
background-color: #ffffff;}

