@charset "UTF-8";
/* CSS Document */


a:link {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #aaaaaa;
	text-decoration: none;
	font-weight: bold;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a.white:link {color: #ffffff; text-decoration: none; }
a.white:active {color: #888888; text-decoration: none; }
a.white:visited {color: #ffffff; text-decoration: none; }
a.white:hover {color: #dddddd; text-decoration: none; }

.TopMenu a:link {color: #ffffff; text-decoration: none; }
.TopMenu a:active {color: #888888; text-decoration: none; }
.TopMenu a:visited {color: #ffffff; text-decoration: none; }
.TopMenu a:hover {color: #dddddd; text-decoration: none; }

a.blue:link {color: #000077; text-decoration: none; }
a.blue:active {color: #0000ff; text-decoration: none; }
a.blue:visited {color: #000077; text-decoration: none; }
a.blue:hover {color: #4444ff; text-decoration: none; }

.user1 a:link {	color: #003377; text-decoration: none; font-weight: 700; text-transform: uppercase; }
.user1 a:active {color: #0088ff; text-decoration: none; font-weight: 700; text-transform: uppercase; }
.user1 a:visited {color: #003377; text-decoration: none; font-weight: 700; text-transform: uppercase; }
.user1 a:hover {color: #4488ff; text-decoration: none; font-weight: 700; text-transform: uppercase; }

a.red:link {color: #880000; text-decoration: none; }
a.red:active {color: #ff0000; text-decoration: none; }

a.red:visited {color: #880000; text-decoration: none; }
a.red:hover {color: #ff0000; text-decoration: none; }

a.readon:link {color: #880000; text-decoration: none; font-weight: 700; text-transform: uppercase; }
a.readon:active {color: #ff0000; text-decoration: none; font-weight: 700; text-transform: uppercase; }
a.readon:visited {color: #880000; text-decoration: none; font-weight: 700; text-transform: uppercase; }
a.readon:hover {color: #bb0000; text-decoration: none; font-weight: 700; text-transform: uppercase; }



.latestnews {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
.latestnews:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
ul.latestnews:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
li.latestnews:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}

/*
.blogsection {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
.blogsection:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
ul.blogsection:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
li.blogsection:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}

.blog_more {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
.blog_more:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
ul.blog_more:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
li.blog_more:link {
	color: #444444;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
}
*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
	font-stretch: narrower;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: -1px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #660099;

	margin: 0px;
	padding: 0px;
}

h6 {
}



p {
	margin-top: 0px;
	padding-top: 0px;
}

address {
}

pre {
}


ul.menu {
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height: 2;
}
li.menu {
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
}

.img_caption.left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 5px none #FFFFFF;
	text-align: center;
	font-style: italic;
}


.img_caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 5px none #FFFFFF;
	text-align: center;
	font-style: italic;
}

.img_caption.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	border: 5px none #FFFFFF;
	text-align: center;
	font-style: italic;
}

/* Should be component formatting: */




h2.contentheading, .contentheading {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}



.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h1.componentheading, .componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 8px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

.contentdescription {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-weight: bold;
}

contentpagetitle {
}

content_rating {
}

content_vote {
}

small {
}

createdate {
}

modifydate {
}

.mainlevel {
	padding-bottom: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}
.sublevel {font-weight: normal; text-transform:capitalize ; font-size: 11px  }
.input {
	width: 100px;
}


/* copy all css above tags to templates/system/css/editor.css */

article_separator {
	font-size: 1px;
	height: 1px;
	max-height: 1px;
}

.PageWrapper {
	background-color: #FFFFFF;
	top: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.Header {
	height: 110px;
	width: 775px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-left: 13px;
}

.TopMenu {
	height: 25px;
	width: 775px;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	margin-left: 13px;
}

.TopBanner{
	height: 35px;
	width: 775px;
	overflow: hidden;
	background-color: #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	margin-left: 13px;
	background-image: url(../images/BannerBG.png);
	color: #999999;
}

.BodyWrapper {
	background-repeat: repeat-y;
	width: 775px;
	position: relative;
	padding-left: 13px;
}

.breadcrumb {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	width: 480px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.Content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 520px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 10px;
	position: relative;
}


.Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	width: 520px;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.user1 {
	width: 95px;
	padding-top: 40px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.BodyBG {
	background-image: url(../images/PageBG.jpg);
	position: relative;
	width: 800px;
}

.user1BottomImage {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

.rightbanner {
	width: 115px;
	padding-top: 50px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.right {
	width: 115px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.rightbottom {
	width: 115px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}




#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{  /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
.moduletablemainnav{ /* I have absolutely positioned the module, you might have a different scheme*/
	position:absolute;
	top:187px;
	left:20px;
	z-index:100;margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height:1em;
background:transparent;
font-weight:700;
margin:0;
padding:0;
}
#mainlevelmainnav a{
	display:block;
	color:#CCCCCC;
	text-decoration:none;
	margin-right:15px;
	padding:0.3em;
}
#mainlevelmainnav li{
float:left;
padding:0;
}
#mainlevelmainnav li ul{
	position:absolute;
	left:-999em;
	height:auto;
	width:11em;
	font-weight:400;
	border:#00C 1px solid;
	margin:0;
	background-color: #CCCCCC;
}
#mainlevelmainnav li li{
width:11em;
}
#mainlevelmainnav li ul a{
	width:11em;
	color:#666666;
	font-size:0.9em;
	line-height:1em;
	font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background:#039 url(../images/soccerball.gif) 98% 50% no-repeat;
}
.ContentBanner {
}