/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles   creekline                          */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	background-color: #FFC;
	font-size: 16px;
	
}

a{
	color: #006699;
	text-decoration: none;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link{
	color: #F63;
	text-decoration: none;
}
.floatImageRight {
	clear: right;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#dataTable h1 {
	width: 760px;
	font-size: 120%;
}


a:visited{
	color: #F63;
}

#calendarContainer p {
	width: 760px;
}
#calendarContainer li {
	width: 760px;
}



h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	color: #66C;
	margin: 0px;
	padding: 0px;
}
#familyFeaturesContainer p {
	width: 760px;
}


h2{
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #63F;
	margin: 0px;
	padding: 0px;
}

a:hover{
	color: #33F;
	text-decoration: underline;
}
#forumPostsContainer blockquote {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	width: 700px;
}



th {
	background-image: url(../images/bgTh.jpg);
	background-color: #ec6206;
	border: thin solid #ec6206;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#bannerAdContainer_calendarPage {
	float: right;
	width: 78%;
}
#forumPageHeader {
	float: right;
	width: 78%;
}

#forumPageHeader p {
		width: 760px;
}



h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}


h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
}
#tableContainer p {
	width: 760px;
}


ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

.noBackgroundOrBoarder {
	background-color: #F0C;
	border-top-color: #FC3;
	border-right-color: #FC3;
	border-bottom-color: #FC3;
	border-left-color: #FC3;
}
#mediakitpdf {
	float: right;
	width: 78%;
	padding-left: 10px;
	margin-right: 8px;
}


#dataTable h2 {
	background-color: #6f6;
	font-size: 18px;
}

#dataTable td a {
	text-decoration: underline;
	color: #c63;
	font-weight: normal;
}
#coolerContainer {
	float: left;
	width: 670px;
	margin-right: 0px;
	padding-left: 50px;
	padding-right: 50px;
}

#dataTable {
	font-family: Arial, sans-serif;
	border-collapse: collapse;
	font-size: 14px;
}

#tableContainer {
	float: right;
	width: 78%;
	font-size: 100%;
}
#familyFeaturesContainer {
	float: right;
	width: 78%;
	font-size: 100%;
}




#dataTable table tr td a:hover {
	color: #33F;
	font-weight: normal;
}

#dataTable th {
	text-transform: uppercase;
	color: #000;
	background-color: #ec6206;
	background-image: url(../images/bgTh.jpg);
	text-align: left;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	border: thin solid #ec6206;
}

#dataTable td {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	border: thin solid #ec6206;
	font-weight: normal;
}


.centerParagraphGreenText {
	color: #6C6;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 36px;
}

.centerParagraph {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul.nav {
	list-style: none; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	background-color: #999;
	color: #000;
	border-top-style: none;
	border-top-color: #666;
}

.sidebarParagraph {
	text-align: center;
	padding: 5px;
	font-weight: bold;
}


ul.coolerNavBar a, ul.coolerNavBar a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: auto;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background-color: #6F6;
	color: #00C;
}
ul.coolerNavBar a:hover, ul.coolerNavBar a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #00F;
	background-color: #F96;
}

ul.coolerNavBar {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	background-color: #999;
	color: #000;
	padding-left: 0px;
	margin-left: 0px;
}
ul.coolerNavBar li {
	border-bottom: 1px solid #666; /* this creates the button separation */
	color: #000;
	width: auto;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	text-align: center;
	background-image: none;
	background-repeat: repeat;
	background-color: #FC9;
}

#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #ffc;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
}

#content{
	float: left;
	width: 60%;
	padding-left: 10px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
	border-bottom: 1px solid #CCC;
	color: #FFFFFF;
	background-color: #FF3333;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 20px;
}

#globalNav img{
	display: block;
	color: #FFFFFF;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
	color: #FFFFFF;
	background-color: #FF3333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{

}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	margin: 10px 10px 0 0;
	padding: 0px 0px 0px 0px;
	border: solid 1px #333;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #000;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #933;
	border-bottom-color: #933;
	border-left-color: #933;
	border-top-color: #933;
	color: #000;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	background-color: #6F6;
	color: #00c;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dfdfdf;
	border-right-color: #666;
	border-bottom-color: #333;
	border-left-color: #858585;
	color: #00c;
}

#sectionLinks a:hover{
	background-color: #dddddd;
	color: #F63;
	text-decoration: none;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}
#coolerRightNavBar .nav li a {
	border: thin solid #000;
	width: 180px;
}



/************** #headlines styles **************/

#headlines{
	margin: 0px;
	font-size: 80%;
	background-color: #eeeeee;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	text-align: center;
	float: right;
	width: 15%;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
}
.coolerNavBar li a {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #dfdfdf;
	border-right-color: #666;
	border-bottom-color: #333;
	border-left-color: #858585;
}


#headlines p{
	padding: 5px 0px 5px 0px;
}
.bannerImage {
	border: thick groove #C30;
	margin-left: 3px;
	margin-top: 10px;
}
.sideBarAd {
	margin: 10px;
	border: thick groove #c30;
}
.topBannerImage {
	border: thick groove #c30;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.bannerImageRight {
	border: thick groove #C30;
	margin-left: 45px;
	margin-top: 10px;
}

.bannerImageLeft {
	border: thick groove #C30;
	margin-left: 3px;
	margin-top: 10px;
}
#bannerAdContainer_homePg {
	height: 100px;
	width: 570px;
}


head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
}

#coolerRightNavBar {
	float: right;
	width: 19%;
	border-right-width: thin;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #6C9;
}
#bannerAdContainer {
	height: 100px;
	width: 570px;
}
#calendarContainer {
	font-size: 100%;
	float: right;
	width: 78%;
	font-family: Verdana, Geneva, sans-serif;
}
#forumPostsContainer {
	font-size: 100%;
	float: right;
	width: 78%;
}

.footerAd {
	border: thick groove #c30;
	margin-left: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bannerAdFooterContainer {
	width: 78%;
	float: right;
}

#forumPostsContainer p {
	width: 700px;
}

.text760pxlimit {
	width: 760px;
}

.classifiedImage {
	border: thick groove #C30;
	margin-left: 33px;
	margin-top: 10px;
}
.classifiedImage2columnPg {
	border: thick groove #C30;
	margin-left: 115px;
	margin-top: 10px;
}

#facebookLogo {
	position: absolute;
	top: 109px;
	width: 160px;
	left: 15px;
}

#tiwi {
	margin-left: 20px;
}

#tiwiSmall {
	margin-left: 8px;
}

#footballTablesWrap {
	float: left;
	width: 50%;
}

#footballImagesSection {
	float: left;
	width: 40%;
	padding-top: 100px;
}

#tableContainer #dataTable h2 {
	width: 347px;
	text-align: center;
}

#navBar p {
	padding: 10px;
	text-align: center;
}