/* Style Reset */

* {
    padding:0;
    margin:0;
    }
/* h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; } */
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

img {
border: 0;
}

option {min-width: 1.5em;} /* Firefox Hack for Select bug */


body {
    margin: 0;
    padding: 0;
    background-color: #ccc;
    
	/* background-image:url(/images/bg3.jpg); */
	/* background: #cce3b9 url(/images/bggrad.gif) bottom left  fixed repeat-x; */
    }
div#bigcontainer {
    width: 1000px;
    margin: auto;
    border: 1px solid #ccc;
}

div#header {
	background: #000;
    width: 100%;
}
div#search {
	text-align: right; 
	background-color: #ccc;
	vertical-align:middle;
	/* background: #dfdfdf url(/images/search_bg.gif) bottom left  repeat-x; */
	background: url(/images/search_bg2.gif) top left  repeat-y;
	/* border-top: 1px solid #cfcfcf; */
	border-top: 1px solid #609;
	background: #306;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#search img {
	vertical-align: middle;
}
div#search form {
	padding:0; 
	border:0; 
	margin:0;
	margin-right: 5px;
}
div#rightcontent {
    float: right;
    /* width: 150px;
	padding: 10px;
	margin-top: 47px; border-right: 1px solid #ccc;*/
	background-color: #FFF;
	
}


div#navigation {
    float: left;
    width: 150px;
	/* padding: 10px;
	margin-top: 47px; border-right: 1px solid #ccc;*/
	background-color: #FFFFFF;
	
}

div#content {
	margin-left: 160px;
	background: #fff;
	margin-right: 160px;
}
div#container {
  width: 100%;
  float: right;
  margin-left: -160px;
  background: #fff;
}
div#wrapper {
    background: #FFF;
}


div#navigation ul {
	margin: 0;
	padding: 0;
}

div#navigation ul li {
    list-style-type: none;
	/* list-style: disc url(/images/list.gif) inside;	*/
	padding: 0;
}

div.navbox {
    margin: 10px;  
    padding: 5px; 
    border: 1px #ccc solid; 
}

div.videobox{
    padding: 5px; 
    border: 1px solid #333; 
    margin-left: 5px; 
    width: 200px;
}

div.videoimage {
    display: block; 
    float: left;
}
.carddesc {
    vertical-align: top;
}



div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  text-align: right;
  font-weight: bold;
  }

div.row span.formw {
  float: right;
  text-align: left;
  display: inline;
  }  


tr.ruled{
    background:#ffc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}    
table{
    /* border-top:1px solid #ccc; */
    border-collapse: collapse;
	width: 100%;
	padding: 0;
	text-align: left;
	margin: 0;
}
th,td{
    /* border-top:1px solid #ccc; */
    border-collapse: collapse;
    padding:10px !important; 
}
div#mytable tr.ruled{
    background:#333;
    color:#ccc;
}
 
.cardart {     
   vertical-align: text-top;
   clear: both;
   width: 100px;
   
    }
   /* CSS Document */

div#content dl{
	width: 100%;
	padding: 0;
	float: left;
        
        
} 
div#content dl dt{ 
	float: left;
	width: 40%;
	padding: 3px;
	margin: 0 -1px 0 0;  
	font-weight: bold;
	border-top: 1px #ccc solid; 
	border-right: 1px solid #ccc; 
    clear: left;
    font-weight: bold; 
        
} 
div#content dl dd{ 
	width: 55%;
	padding: 3px;
	float: left;
	margin: 0;
	border-top: 1px #ccc solid; 
	border-left: 1px #ccc solid; 
        /*clear: right; Forces the dd to break to the next line.*/
        
} 
/*Creates the horizontal border between each *row*.*/
div#content  dl> dd + dt, div#content dl > dd + dt + dd{
	border-top: 1px #ccc solid;
}
dl > dd{
	padding: .5em 5% 1em 5%;
}

div#footer {
 border-top: 1px solid #ccc;
 padding: 10px;
	
}
.clearing {
  height: 0;
  clear: both;
}
    /* CSS Document */

.spacer {
	clear: both;
}
.first {
	border-top: 0 !important; 
}
.last {
    margin-bottom: 0px;
}


/* typography */

div.navad {
    font-family: Arial, Verdana, sans-serif;
    font-size: 70%;
    color: #333;   
    padding: 5px;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 7px;
    display: block;
    line-height: 14px;
    width: 125px;
}
div.navad  a{
    text-decoration: underline !important;
    font-weight: bold;
    }

div#navigation {
	font-family: Arial, Verdana, sans-serif;
	color: #333;
}


div#navigation h1 {
	font-size: 75%;
	line-height: 15px;
	font-weight: bold;
	padding: 3px;
}
div#navigation  ul, li {
	font-size: 80%;
	line-height: 15px;
}

div#navigation h2 {
	margin-bottom: 0;
}



div#content {
	font-family:   Arial, Verdana, sans-serif;
	color: #000;
}


div#content p, div#content li, div#content dl {
    font-size: 85%;
	line-height: 15px;
	color:#333;
	padding: 3px;
}

div#content dl {
	font-size: 70%;
}


div#content h1 {
    font-size: 115%;
    text-align: left;
	padding:  5px 5px 5px 0;
    margin-top: 10px;
}

div#content h2 {
	font-size: 90%;
	margin-top: 10px;
	padding:  5px 5px 5px 0;
}
div#content h3 {
	font-size: 80%;
	padding:  5px 5px 5px 0;
}

.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color:#666;
	padding: 10px;
	
}

a {
	color: #0000FF;
	text-decoration: none;
	}
a:visited {
	color: #069;
	}
a:hover {
	color: #CC0000;
}

div#footer {
	font-family: Arial, Verdana, sans-serif;
	color: #666;
	font-size: 70%;
    background-color: #fff;	
}
div#search {
	font-family: Arial, Verdana, sans-serif;
	color: #ccc;
	font-size: 75%;
}
 div#search textbox, div#search input {
	font-family: Arial, Verdana, sans-serif;
	font-size: 85%
}
 textarea, input {
    font-size: 85%;
    font-family: Arial, sans-serif;
    }
div#footer a {
	color: #666 !important;
	text-decoration: none;
}

/* Card Match Page
div.listleft {
	float: left;
	position: absolute;
	clear: both;
}
div.listright {
	float: right;
	clear: both;
	position: absolute;
} */