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

body {
background-color: #000000;
font-family: verdana, arial, sans-serif;
font-size: 70%;
color: #7d7d7d;
background-image: url(black-stripes-bg.jpg);

}


* html #header {height:80px;} /*min height for IE6*/


#wrapper {
margin-left: auto;
margin-right: auto;
width: 800px;
background-color: #000000;

}

#header {
margin-left: auto;
margin-right: auto;
width: 800px;
height: 234px;
background-color: #000000;
background-image: url(header.jpg);

}

#topnav {
margin-left: auto;
margin-right: auto;
padding-top: 5px;
width: 800px;
height: 50px;
background-color: #000000;
text-align: center;


}

a.top {
font-weight: bold;
border-right: 1px dotted;
font-size: 110%;
color:#307874;
padding: 3px 10px 2px 10px;
text-decoration: none;
}

a.topr
{font-weight: bold;
font-size: 110%;
color:#307874;
padding: 3px 10px 2px 10px;
text-decoration: none;

}


a.title, a.title:visited, a.title:hover, a.title:active{
font-weight: bold;
font-size: 80%;
color:#307874;
padding: 5px;
text-decoration: none;
}



#content {
margin-left: auto;
margin-right: auto;
width: 700px;

}

#maincontentwrapper {

margin-left: auto;
margin-right: auto;
width: 800px;
background-color: #000000;

}

#leftcol {
width: 150px;
float: left;
background-color: #000000;
min-height: 1600px;
}


#middlecol {
margin-left: auto;
margin-right: auto;
width: 600px;
text-align: center;


}

#middlecollinks {
margin-left: auto;
margin-right: auto;

}

#advertise {
width: 500px;
margin-left: 200px;
text-align: left;
}

#rightcollinks {
width: 0px;
float: right;
background-color: #000000;



}
.thumbnail { 
font-family: verdana, Helvetica, sans-serif; 
float: left; 
width: 155px;
padding: 2px 2px 5px 2px;
min-height: 400px;


}



#bottomnav {
margin-left: auto;
margin-right: auto;
padding: 5px;
width: 800px;
height: 25px;
background-color: #000000;
text-align: center;


}

a.bottom {
font-weight: bold;
border-right: 1px dotted;
font-size: 110%;
color:#307874;
padding: 3px 10px 2px 10px;
text-decoration: none;
}

a.bottomr
{font-weight: bold;
font-size: 110%;
color:#307874;
padding: 3px 10px 2px 10px;
text-decoration: none;

}



a.footer {
color: #307874;
font-size: 95%;
}

#cse-search-box {
margin-left: auto;
margin-right: auto;

float: right;
}

#categories {
margin-left: auto;
margin-right: auto;
margin-top: 55px;
width: 750px;
text-align: justify;
padding: 5px 0px 15px 0px;
border-top: dotted thin #333333;
border-bottom: dotted thin #333333;

}

a.categories-bottom:link  {
font-size: 8pt;
color: #7d7d7d;
text-decoration: none;
}

a.categories-bottom:visited  {
font-size: 8pt;
color: #307874;
text-decoration: none;
}

a.categories-bottom:hover {
font-size: 8pt;
color: #74b43d;
text-decoration: none;
}

h1, h2 {
font-size: 105%;
font-weight: bold;

}

td {
text-align: right;

}

/*===== Resets =====*/
address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}

html {overflow-y:scroll;} /*keep scrollbar present in FF*/

h1,h2,h3,h4,p {
    margin:0;
    padding: 10px 10px 0 10px;
}
#navbar h4, #footer h4 {padding:0}

/*==== Begin Layout Styles ====*/


#navbar {
    height:1.65em;
    line-height:1.65em; 
    background:#000000;
    text-align:center;
   
}
#container {
    margin-left:130px;
    margin-right:130px;
    
    min-height:400px;
    background:#000000; /*content color*/
}
* html #container {height:400px;}
#innerwrap {
    float:left;
    width:100%;
    position:relative;
 background:#000000;
}

#innerwraplinks {
    float:left; 
    width: 100%;
   display: inline;
 background:#000000;
}

#content {
    float:right;
    width: 525px; /*450px with #container side borders*/
    background:#000000; /*content color*/
}
#left {
    float:left;
    width:130px;
    margin-left:-130px;
    padding-bottom:10px;
    position:relative; /*IE6 needs this*/
    background:#000000;
}
#right {
    float:right;
    width:130px;
    margin-right:-130px;
    padding-bottom:10px;
    position:relative; /*IE6 needs this*/
    background:#000000;
}
.clear {clear:both}
#footer {
    clear:both;
   
    line-height:1.65em; 
    background:#000000;
    text-align:center;
    
}
h5.expand {padding:20px 10px;}
h5.expand a {color:blue;}
h5.expand a:hover {
    display:block;
    height:250px;
    color:white;
    background:blue;
}
code {font-weight:bold; color:green}


#right {left:1px;}