/* Our "universal rule" */
{
padding: 0;
margin: 0;
border: 0;
}
body { 
text-align: center;
font-family: Verdana, Arial, Sans Serif;
font-size:12px;
color: #383838;
background-color: #474747;
background-image: url(cubies.gif);

}

a 
{

}

ul.mainNav {
font-size:14px;
background:orange;
margin:0;
padding: 0;
width: 130px;
list-style:none;
}
.mainNav a {
color: white;
font-weight:bold;
text-decoration:none;
background:gray;
margin-left:5px;
border: 1px solid white;
display:block;
padding:2px;
}

.mainNav a:hover {
color:black;
background:none;
text-decoration:none;
font-weight:bold;
border: 1px solid orange;
}

h1, h2, h3{ 

font-family: Georgia, Times New Roman;

}

#mainContainer {
position: absolute;
padding:10px;
left: 200px;
width: 760px;
background:white;

margin: 0 auto; /* We are going to center this design */
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
}

#header {

}
#topborder {
margin-top:-10px;
margin-right:-10px;
margin-left:-10px;
margin-bottom:5px;
height:20px;
background-image: url(pattern-bar.gif);
background-repeat: repeat-x;
clear:both;
}


#footerborder {
margin-right:-10px;
margin-left:-10px;
margin-top: 10px
font-size:9px;
color:white;
height:30px;
background-image: url(bg-bar.gif);
background-repeat: no-repeat;
clear:both;
}


#bottomborder{
float:left;
top:-10px;
}

#primary-links {
padding-top:16px;
width:400px;
text-align:right;
float:right;
}


#primary-links a
{
font-weight: bold;
}

#bottom
{
clear:both;
}

#wrappercont;
{
float:left;
}

#maincontent
{
float:left;
width:545px;
margin-bottom: 10px
}

#contentblock
{
border:solid 1px #000;
padding: 5px;
margin-right:5px;
}

#right
{
float:right;
width:200px;
}

#left
{
border: 1px dotted #eee;
float:left;
width:190px;
margin-left:10px;
padding:5px;
}


#hidden1
{
visibility: hidden;
}

.item
{
position: relative;
top: 4.7em;
}


.highlight
{
float:left;
padding-right: 5px;

}

.images
{
float:right;
margin:2px;
}

.singleitems
{
padding:5px;
margin: 5px;
border: 1px dotted orange;
clear:both;
}

#column {
position:relative;
float: right; /* Our column is going to be right aligned */
width: 200px; /* Our total width - content width is 260px */

}
#footer {
text-align:center;
clear: both; /* We have to clear our floats */
width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
margin: 0 auto; /* We need to center the footer also */

}