body{
margin:0;
padding:0;
font-family: DajaVu Sans, Arial;
}

/*the lines below are the colors for text links*/

A:link {
 COLOR: blue /*The color of the link*/
}
A:visited {
 COLOR: blue /*The color of the visited link*/
}
A:hover {
 COLOR: DarkBlue /*The color of the mouseover or 'hover' link*/
}
BODY { COLOR: black /*The color of all the other text within the body of the page*/
}

h1{font-size: 1.5em;
font-family: DajaVu Sans, Arial;
}

h2{font-size: 1.0em;
font-family: DajaVu Sans, Arial;
}

h3{font-size: .9em;
font-family: DajaVu Sans, Arial;
}

 /*for the font size under the pictures*/
b{font-size: .9em;
font-family: DajaVu Sans, Arial;
}

p{font-family: DajaVu Sans, Arial; font-size: .9em;
}
 /*for the font size for the bottom links*/
p.links{font-family: DajaVu Sans, Arial; font-size: .7em;
}
 /*for the font size for under the pictures*/
p.caption{font-family: DajaVu Sans, Arial; font-size: .8em;
}

/*box is to make the menu background blue and move it up over the top picture*/
.menubox{
position:absolute; z-index: 99;
margin-top: -196px;
margin-left: -3px;
width: 248px; background: #129fff;
border-left: 1px solid blue;
border-right: 1px solid blue;
}

/*this is the left side menu*/
.ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 1;
width: 245px;
}

.ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial; font: normal 90%;
}

.ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 3px;
width: 237px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: black;
background-color: #129fff;
border-bottom: 1px solid #90bade;
border-left: 3px solid #129fff;
font-family: Arial;
}

* html .ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 215px; /*185px minus all left/right paddings and margins*/
}

.ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

.ddblueblockmenu div.menutitle{ /*this is the heading text*/
color: black;
border-bottom: 1px solid black;
padding-top: 5px;
padding-left: 2px;
padding-right: 0px;
padding-bottom: 5px;
background-color: #2175bc;
font-family: Arial; font-size: 1.1em;
}

#maincontainer{
width: 825px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top: 20px;
background-color: transparent;
border-right: 1px solid blue;
font-family: DajaVu Sans, Arial;
}

#topsectiontop{
background-color: #ffffff;
height: 40px; /*Height of top section*/
margin-left: 6px;
margin-bottom: -50px;
font-size: 1.1em; font-family: DajaVu Sans, Arial;
line-height: 1.02em;
}

#topsection{
background: #ffffff;
height: 310px; /*Height of top section*/
margin-left: -3px;
margin-bottom: 0px;
font-size: 1.1em; font-family: DajaVu Sans, Arial;
line-height: 1.02em;
}

#topsectionbottom{
background-color: tan;
height: 60px; /*Height of top section*/
margin-top: 5px;
margin-right: 0px;
margin-left: 252px;
margin-bottom: 0px;
border-top: 1px solid blue;
border-left: 1px solid blue;
border-bottom: 1px solid blue;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
width: 262px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
margin-left: 542px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
margin-bottom: -10px; /*  -16 offsets the contentwrapper showing thru the bottom right corner removes the white from the bottom of the collumns*/
background: tan;
border-top: 0px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}

#leftcolumn{
float: left;
width: 245px; /*Width of left column in pixel*/
padding-top: 10px;
margin-top: 0px;
margin-left: -825px; /*Set left margin to -(MainContainerWidth)*/
background: tan;
border-top: 0px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
font-family: DajaVu Sans, Arial; font-size: .9em;
}

#rightcolumn{
float: left;
width: 262px; /*Width of right column in pixels*/
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
margin-left: -572.5px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background: tan;
border-top: 0px solid blue;
border-left: 1px solid blue;
border-right: 1px solid blue;
}

/*so I can set margins for the logo and include the when experience counts text at the bottom without space between it and the logo*/
.logobox{
margin-top: 20px;
margin-bottom: 20px;
background-color: transparent;
}

/*box is for the address and e-mail address do I use this anywhere?*/
.addressbox{
width: 260px; background-color: tan;
border: 1px solid blue;
padding: 5px;
}

#footer{
clear: left;
width: 100%;
height: 18px;
background: black;
font-family: DajaVu Sans, Arial; font-size: .8em;
color: #FFF;
text-align: center;
padding: 4px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

hr{
margin-top: 5px;
width: 90%;
height: 1px;
color: black;
}