html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td

{margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;}

:focus{
outline:0;}

body{
line-height:1;
color:black;
background-color:#000000;}

ol, ul{
list-style:none;}

table{
border-collapse:separate;
border-spacing:0;}

caption,th,td{
text-align:left;
font-weight:normal;}

.content{
position:relative;
padding:0px 0px;
overflow:auto;
#overflow:visible;
width:980px;}

body{
font-size:62.5%;}

.hide{
display:none;}

.clear{
clear:both;}

.collapsed{
overflow:hidden;height:0;}

#container{
text-align:left;
position:relative;
width:980px;
padding:0 8px;
margin:0 auto;
overflow:hidden;}

div.section-banner{
width:980px;
display:block;
position:absolute;
top:110px;
left:10px;
display:block;}

div.section-banner{
background:transparent url(img/bannerblue.jpg) no-repeat scroll 0 50%;
height:101px;
margin-left:-4px;
margin-top:-2px;
overflow:hidden;
padding:2px 4px 6px;
text-indent:-9999px;
width:980px;}

body{
font-family:'Lucida Grande',Tahoma,'Lucida Sans','Trebuchet MS',sans-serif;
line-height:1.4em;
color:#999999;}

img{
border:0;}

hr{
border:none;
color:transparent;
background:transparent;}


/* * * * * * * * * * * * * * Layout * * * * * * * * * * * * * * * */


#left_column{
float:left;
width:180px;
padding: 5px 5px 5px 0px;
margin: 0px 0px 0px 0px;}

.central_column{
width:590px;
padding: 5px 5px 5px 10px;
margin: 0px 0px 0px 0px;}

.right_column{
width:180px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;}


/* * * * * * * * * * * * * box elements * * * * * * * * * * * * * * */


div.smallbox{
margin: 0 0 10px 0;}

div.smallbox h1{
background: url(img/smallbox-head.jpg) no-repeat;
height: 17px;
color: #00a7aa;
font: 10px 'Lucida Grande', Tahoma, Arial, Helvetica, Sans-serif;
font-weight:bold;
padding: 6px 0 0 10px;
margin: 0;
border-bottom: 1px solid #000000;}

div.smallbox div.smallboxbar{
height: 25px;
color: #00a7aa;
font: 10px 'Lucida Grande', Tahoma, Arial, Helvetica, Sans-serif;
padding: 2px 0 0 10px;
clear: both;
background: url(img/smallbox-foot.jpg) repeat-x;}

div.smallbox div.smallboxbar a{
display: block;
color: #00a7aa;
text-decoration: none;}

div.smallbox div.smallboxbar a:Hover{
display: block;
color: #00c4c7;
text-decoration: none;}

div.mainbox{
margin: 0 0 10px 0;}

div.mainboxcontent{
background:url(img/mainbox-bg.jpg) repeat-y;
_overflow:auto;
padding: 6px 6px 0px 6px;}

div.StreamContent{
background:url(http://www.clanrv.worldclanleague.com/img/mainbox-bg.jpg) repeat-y;
_overflow:auto;
text-align: center;
padding: 6px 6px 0px 6px;}

div.mainbox h1{
background: url(img/mainbox-head.jpg) no-repeat;
height: 17px;
color: #00a7aa;
font: 10px 'Lucida Grande', Tahoma, Arial, Helvetica, Sans-serif;
font-weight:bold;
padding: 6px 0 0 10px;
margin: 0;
border-bottom: 1px solid #000000;}

div.mainbox div.mainboxbar{
height: 10px;
color: #00a7aa;
font: 10px 'Lucida Grande', Tahoma, Arial, Helvetica, Sans-serif;
padding: 0 0 0 0;
clear: both;
background: url(img/mainbox-foot.jpg) repeat-x;}
	
div.mainbox div.mainboxbar a{
display: block;
color: #00a7aa;
text-decoration: none;}

div.mainbox div.mainboxbar a:Hover{
display: block;
color: #00c4c7;
text-decoration: none;}


/* * * * * * * Lists * * * * * * * */


ul li.box{
background: url(img/list_item.jpg) repeat-x;
border: 1px solid #0E0E0E;
border-top: 0px;
height: 14px;
padding: 4px;}
	
ul li.box a{
display: block;
color:#999999;
text-decoration: none;
height: 14px;}

ul li.box a:Hover{
display: block;
color:#FFFFFF;
text-decoration: none;
height: 14px;}

ul li.box2{
background: url(img/list_item.jpg) repeat-x;
border: 1px solid #0E0E0E;
border-top: 0px;
height: 14px;
padding: 4px;}

ul li.box2 a{
margin-top: -0.5em;
display: block;
color:#999999;
text-decoration: none;
height: 14px;}

ul li.box2 a:Hover{
display: block;
color:#FFFFFF;
text-decoration: none;
height: 14px;}


/* * * * * * * * * * Typography * * * * * * * * * */


a{
color:#999999;
text-decoration:none;
padding: 5px 0 0 0;}

a:hover{
color:#FFFFFF;}

#primary-nav a{
color:#999999;}

a.image-link img{
display:block;}

p.first {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-bottom: 0.0em;
font-size: 0.9em;
text-align: left;
margin-top: -0.8em;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.first2 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-bottom: 0.0em;
font-size: 0.9em;
text-align: left;
margin-top: 0.8em;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.first3 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-bottom: 0.0em;
font-size: 0.9em;
text-align: left;
margin-top: -0.2em;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 2.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.first4 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-bottom: 0.0em;
font-size: 0.9em;
text-align: left;
margin-top: -0.4em;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.second {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.second2 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-top: -0.2em;
margin-bottom: 0px;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 2.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.second3 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-top: 14px;
margin-bottom: 0px;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.last {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-top: 0px;
margin-bottom: 0.8em;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.last2 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-top: 0px;
margin-bottom: -0.8em;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

p.last3 {
color:#999999;
padding: 0 0 0 0;
line-height: 8px;
margin-top: 14px;
margin-bottom: 7px;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}


/* * * * * * * * * * Row Links * * * * * * * * * * */


#row-links a.level1{
background:transparent url(img/row-link-arrow.gif) no-repeat 0 4px;}

a.level1{
background:transparent url(img/icon-link-arrow.gif) no-repeat 0 4px;
padding:0 0 0 10px;
color:#999999;}

#row-links a.level1:hover{
background:transparent url(img/row-link-arrow.gif) no-repeat 0 -146px;}

a.level1:hover{
background:transparent url(img/icon-link-arrow.gif) no-repeat scroll 0 -146px;
color:#FFFFFF;}

a.level2{
background:transparent url(img/icon-link-arrow.gif) no-repeat scroll 0 4px;
padding:0 0 0 10px;}

a.level2:hover{
background-position:0 -146px;}


/* * * * * * * * * * Navigation Bar * * * * * * * * * */


/* Hides normal text links */
div.property-name a,#primary-nav li.major a{
overflow:hidden;
background-repeat:no-repeat;
height:0!important;}

div.property-name{
display:block;
position:absolute;
z-index:1;
top:21px;
left:65px;
width:110px;
height:26px;}


/* * * * * * * * * * * Main Navigation bar * * * * * * * * * * * */


#navbar{
position:relative;
height:111px;
width:996px;
margin:0 -8px 101px -8px;
background:transparent url(img/nav-bg.png) no-repeat 0 0;
#background:transparent url(img/nav-bg.png) no-repeat -8px 0;
_background:transparent url(img/nav-bg.png) no-repeat 0 0;}

#body-home

#navbar{
margin:0 -8px;}

#primary-nav{
height:70px;
padding-left:182px;
list-style:none;
position:relative;}

#primary-nav li.major a{
background-position:0 -76px;
background-repeat:no-repeat;}

#primary-nav li.major a:hover{
background-position:0 -38px;}

#primary-nav li.major{
float:left;}

#primary-nav li.major a{
display:block;
margin-top:32px;
padding:38px 0 0 0;}


/* * * * * * * * * * Main Bar Links * * * * * * * * * * */


#primary-nav li.home a{
background-image:url(img/nav-home.png);
width:74px;
background-position:0 0;
text-decoration:underline;}

#primary-nav li.members a{
background-image:url(img/nav-members.png);
width:109px;}

#primary-nav li.forum a{
background-image:url(img/nav-forum.png);
width:86px;}

#primary-nav li.schedule a{
background-image:url(img/nav-schedule.png);
width:116px;}

#primary-nav li.results a{
background-image:url(img/nav-results.png);
width:106px;}

#primary-nav li.timetrials a{
background-image:url(img/nav-timetrials.png);
width:131px;}


/* * * * * * * * * * * Nav bar glow * * * * * * * * * * */


div.glow,div.glow div{
position:absolute;
width:100px;
z-index:1;}

div.glow div{
bottom:0;
height:35px;}

div.glow{
top:70px;
left:260px;
overflow:hidden;
height:0;}

div.glow div.left{
background:url(img/glow-left.png) no-repeat;
width:50px;}

div.glow div.right{
margin-left:50px;
width:49px;
background:url(img/glow-right.png) no-repeat;}

div.glow div{
_behavior:url('js/iepngfix.htc');}


/* * * * * * * * * * * Breadcrumb * * * * * * * * * * */


#breadcrumb{
position:relative;
z-index:10;
margin-top:14px;
padding-left:8px;}

#breadcrumb p{
font-weight:bold;
width:auto;
line-height:1.2em;
margin-right:5px;
color:#7F7F7F;
font-size:10px;}

#breadcrumb p,#breadcrumb ul{
float:left;}

#breadcrumb ul li{
float:left;
background:url(img/breadcrumb-arrow.gif) left 3px no-repeat;
padding-left:13px;
padding-right:8px;
line-height:1.2em;}

#breadcrumb ul li.first{
background:none;
padding-left:0;}


/* * * Breadcrumb nav links (left)* * */


#breadcrumb a{
color:#00a7aa;
font-weight:bold;
line-height:1.2em;}

#breadcrumb a:hover{
color:#00c4c7;
font-weight:bold;}

#breadcrumb,#breadcrumb li.last a{
color:#7F7F7F;}

#breadcrumb{
_margin-top:-2px;}

#row-links{
bottom:0;
height:40px;
padding:0;
position:absolute;
right:8px;
#right:18px;
_right:8px;
z-index:10;}

#row-links li{
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:12px 0 0 30px;}

#row-links a{
font-size:1.1em;}


/* * * Breadcrumb nav links (right) * * */


#navbar #row-links a{
color:#00a7aa;
font-weight:bold;}

#navbar #row-links a:hover{
color:#00c4c7;
font-weight:bold;}

#primary-nav{
_height:88px;}

*:first-child+html 

*:first-child+html #navbar{
margin:0 -8px 120px 0;}

div.glow div{
_behavior:url('js/iepngfix.htc');}


/* * * * * * * * * * * Miscellaneous * * * * * * * * * * */


dd{
padding:0 0 0 50px;}

.vert-align-1{
display:table;
overflow:hidden;
float:left;
height:300px;
width:465px;}

.vert-align-2{
display:table-cell;
vertical-align:middle;}

.link-right-align{
float:right;
margin-right:20px;}

li._1.0{
background-color:#e8e8e8;}

strong{
font-weight:900;}

html{
_font-size:50%;}

body{
_text-align:center;
_font-size:125%;}

#container{
#overflow:hidden;}

.content{
_padding:25px 5px 25px 10px;}

.content{
_zoom:1;}

.vert-align-1{
#position:relative;}

.vert-align-2{
#position:absolute;
#top:50%;}

.vert-align-3{
#position:relative;
#top:-50%;}


/* * * * * * * * * * * Lightbox * * * * * * * * * * */


.thumbnail{
padding: 0px 0px 0px 0px;
background-color: #0E0E0E;
float: left;}	

.caption{
font-size: 0.9em;
padding-top: 0.2em;}

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;}

#lightbox img{
width: auto;
height: auto;}

#lightbox a img{
border: none;}

#outerImageContainer{
position: relative;
background-color: #1F1F1F;
width: 250px;
height: 250px;
margin: 0 auto;}

#imageContainer{
padding: 10px;}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;}

#imageContainer>#hoverNav{
left: 0;}

#hoverNav a{
outline: none;}

#nextLink{
width: 49%;
height: 100%;
background-image: url(data:img/gif;base64,AAAA);
/* Trick IE into showing hover */
display: block; }

#prevLink{
width: 49%;
height: 100%;
background-image: url(data:img/gif;base64,AAAA);
/* Trick IE into showing hover */
display: block; }

#prevLink {
left: 0;
float: left;}

#nextLink {
right: 0;
float: right;}

#prevLink:visited:hover {
background: url(http://www.clanrv.worldclanleague.com/img/prevlabel.gif) left 15% no-repeat;}

#prevLink:hover {
background: url(http://www.clanrv.worldclanleague.com/img/prevlabel.gif) left 15% no-repeat;}

#nextLink:visited:hover {
background: url(http://www.clanrv.worldclanleague.com/img/nextlabel.gif) right 15% no-repeat;}

#nextLink:hover {
background: url(http://www.clanrv.worldclanleague.com/img/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{
font: 12px 'Lucida Grande',Tahoma,'Lucida Sans','Trebuchet MS',sans-serif;
background-color: #1F1F1F;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	;}

#imageData{
padding: 0 10px 10px 10px;
color: #00A7AA;}

#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;}

#imageData #caption{
font-weight: bold;}

#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;}
		
#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;} 	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: transparent; }

/* footer */

#footer{
padding-top:25px;
position:relative;
width:984px;height:123px;
background:url(img/footer-bg.jpg) 0 25px no-repeat;
text-align:center;
color:#00c4c7;
clear:both;
padding-left:0;
padding-right:0;
margin-left:-2px;}

#footer .footer-bug{
padding-top:55px;
width:695px;
margin:0 auto;
background-color:transparent;
color:#00c4c7;}

#footer a{
color:#7D7D7D;}

#footer{
_width:990px;
_background:url(img/footer-bg.jpg') 0 25px no-repeat;
_margin-left:-2px;
_margin-right:-8px;}
