/* CSS by c.mendoza for the klip. 
   if this works for you, or if it doesn't, 
   drop me an email: c AT matadata.com
*/

p , h1{
	margin: 0;
	color: white;
}
body {
	color: white;
	padding: 0;
	margin:0;
	border: 0;
	text-align:center;
	background: #808080 url(/images/s7_backy.jpg) 50% 0px repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}



#container {

	text-align: left;
	width: 749px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0 0 0px;
	background-color: transparent;
	/*
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	*/
}

/**************************************
 *COMMON
/**************************************/

#head {

	padding: 0;
	overflow:hidden;
	background: transparent url(/images/s7_head.jpg) top left no-repeat;
	height: 195px;
}
	
#title {
	display:none;
	/*float: left;*/
	height: 51px;
	width: 220px;
	background: transparent url(/images/s6_logo.gif) top left no-repeat;
}

#navBar {
	text-align: right;
	margin: 0px 10px 0 0;
	padding: 0;
}

#content{
	/*margin-top: 340px;*/
	clear: both;
	/*background: transparent url(/images/rule_news.gif) 430px 150px repeat-y;*/
	margin-top: 0px;
	padding: 20px 10px 0px 10px;
}

#footer {
	width: 749px;
	margin-left: auto;
	margin-right: auto;
	background-color:#222222;
	margin-top: 40px;
	text-align:left;
	padding: 5px 0 5px 0;
	border-top: 1px solid #555555;
	/*
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: none;
	*/
	
}

/**************************************
 *INTRO PAGE
/**************************************/

#mainTitle{
	margin: 0px 0 0 0;
}

#mainContent{
	float:left;
	margin: 5px 0px 0px 0px;
	padding: 10px 25px 20px 25px;
	width: 388px;
	background: transparent url(/images/mainborder.jpg) bottom right no-repeat;
	voice-family: "\"}\"";  /*Tantek Box Model Hack*/
  	voice-family:inherit;
	width: 338px;
}

#mainExtra{
	background: transparent url(/images/rule_extra.gif) top left repeat-x;
	margin-top: 10px;
	padding-top: 25px;
}

#mainContent img {
padding-right: 10px;
}

html>body #mainContent{
  width:338px;
} 

#news { 
	/*this is a problem DIV, it renders differently in ALL browsers
	applied Owen Hack, which makes it work in Moz and IE6. Check Safari and IE Mac*/
	
	/*Changed width to auto... this was a big duh, there was no need to set the width
	  while setting margins from both sides*/
	
	/*OK, now we got working:
		WIN: IE5.01, IE6, Moz, Opera 7.51
		MAC: ?????
	*/
	
	
	background: transparent url(/images/rule_news.gif) 0px 0px repeat-y;
	margin: 25px 0px 0px 439px; /*margin for ie5*/
	width:auto;
	padding-right: 25px;
	padding-left: 20px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	margin: 5px 0px 0px 412px; /*margin for ie6*/
}

html>body #news{
	margin: 15px 0px 0px 412px; /*margin for ie6*/
}	

head:first-child+body #news{
	margin: 15px 0px 0px 412px; /*margin for moz*/
}

#newsItem{
	
}



/**************************************
 *CONTENT PAGES
/**************************************/

#contentTitle{
	margin: 0px 0 0 0;
}

#contentText{
	float: right;
	margin: 20px 0px 0px 00px;
	padding: 0px 25px 20px 25px;
	width: 430px;
	background: transparent url(/images/rule_content.gif) top left repeat-y;
	
	voice-family: "\"}\"";  /*Tantek Box Model Hack*/
  	voice-family:inherit;
	width: 380px;
	margin: 20px 0px 0px 0px;
}

html>body #contentText{
	margin: 15px 0px 0px 300px; 
	width: 380px;
}	

head:first-child+body #contentText{
		width: 380px;
	margin: 15px 0px 0px 300px;
}


#contentSupport, #linkList {
	/*background: #222222 url(/images/s7_support_backg.gif) top left repeat-y;*/
	float:left;
	position:absolute;
	background: transparent url(/images/rule_link.gif) bottom left repeat-x;
	width: 200px;
	padding-bottom: 10px;
	margin: 20px 0px 0px 10px;
	/*
	border: 1px solid #555555;
	border-top: none;
*/
}

#linkList {
	position:fixed; /*if you use IE you a fool boy. get a fix, get the MOZ!*/
	/*margin: 10px 0px 0px 10px;*/
	padding: 0;
}

#linkList.faq {
	position:absolute;
}

/**************************************
 *GALLERY STUFF
/**************************************/

#galleryItem {
clear:both;
margin-bottom: 0;

}


#gImage{
	padding: 0;
	margin: 0;
	float:left;
	padding-bottom: 20px;


}

#gCaption{
	margin-left: 120px;

}



#galleryItem a{
	padding: 0;
	
}

#galleryItem a:visited{
}

#galleryItem a:hover{
}

.galleryThumb, .galleryPic{
	border:1px solid #FF9900;
}

#galleryItem img{
	border: 1px solid #FF9900;

}

/**************************************
 *TEXT FORMATTING
/**************************************/

a {
	color:#FF9900;
}

a:visited {
	color:#AD6800;
}

a:hover {
	color:#FF9900
}



#mainContent p, #contentText p, #footer p, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1.5em;
	padding: 0px 0px 20px 0px;
}


#mainContent p {
	font-size: 0.7em;
}
#content li {
	list-style-image:url(/images/contbullet.gif);
}

#linkList li {
	list-style-image:url(/images/linkbullet.gif);
	line-height:1.3em;
	padding: 0 0 10px 0;
}

#linklist ul{
}

#linkList li:hover, #linkList li.selected { /* IE foolz, get something better */
	list-style-image:url(/images/linkselected.gif);
}

#contentText p.mediumText {
	font-size: 0.7em;
}

#footer p{
	padding: 0 10px 0 0;
	margin:0;
}

#mainTitle h1, #contentTitle h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 3px 0px 3px 3px;
	color:#FF9900;
}

#news h1, #contentSupport h1{
	margin: 5px -25px 0px 8px;
	height: 18px;
	/*line-height:0;*/
	padding:0;
	
}

#contentSupport h1 {
	text-indent: -2000px;
	background: transparent url(/images/s6_news.gif) top right no-repeat;
}

#news h2, #contentSupport h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Courier New", Courier, mono;
	font-size: 0.7em;
	text-align:left;
	font-weight: bold;
	color:#808080;
	margin: 0px 0px 0px 0px;
	padding: 10px 8px 8px 8px;
}

#news p, #contentSupport p, #contentSupport li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.57em;
	line-height: 1.6em;
	color:#808080;
	margin: 0px 0px 0px 0px;
	padding: 1px 8px 8px 8px;
}

#contentText h2, h3 {
	font-size: 0.65em;
	margin-top: 4px;
}	

#footer p {
	padding:0 0 0 13px;

}

.topline {
	background: transparent url(/images/topline.gif) top left no-repeat;
	padding-top: 5px;
}

.imgInsert {
	border: 1px solid #A8AEB4;
	float: right;
	margin: 5px 10px 5px 5px;
	border: 1px solid #666666;
}

.imgInsertLeft {
	/*border: 1px solid #A8AEB4;*/
	border: 1px solid #999999;
	float: left;
	margin: 3px 10px 0px 0px;

}

.imgInsertLocation  {
	float: right;
	margin: 0px 50px 0px 0px;
	padding: 0;
	border:none;
}

#gCaption p{
	padding:0;
	margin: 0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
padding: 3px 0px 3px 3px;
color:#FF9900;
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
padding: 3px 0px 3px 3px;
color:#FF9900;
}