/*<?php

$dir = "/var/www/html/images/css/banner/";

// Open a known directory, and proceed to read its files into an array
if (is_dir($dir)) {
   if ($dh = opendir($dir)) {
       while (($file = readdir($dh)) !== false) {
           if (filetype($dir . $file) == "file") {
               $myArray[]=$file;
           }
           //echo "filename: $file : filetype: " . filetype($dir . $file) . "\n";
       }
       closedir($dh);
   }
}

// create a random index to look for in the array
$randomIndex = rand(0, (count($myArray)-1));

// read the filename into a variable
$randomBanner = $myArray[$randomIndex];

?>*/

body {
    font-family: 'Trebuchet MS', Verdana, Arial, sans;
    font-size: 14px;
    	background-image: url(http://www.mikelathrop.com/images/css/bodyBG.jpg);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}

#page {
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#page #pageContent {
	background-color: #B0B0B0;
	float: left;
	width: 740px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-top: 10px;
	background-image: url(http://www.mikelathrop.com/images/css/pageContentBG.jpg);
}

#pageContent div {
   /* background-color: #eeeeee; */
}

#pageTopBorder {
	height: 20px;
	background-image: url(http://www.mikelathrop.com/images/css/topShadowPage.jpg);
}

#header {
    /*border: 1px solid gray;*/
    height: 300px;
    /*background-image: url(http://www.mikelathrop.com/images/css/banner/banner3.jpg);*/
    clear: both;
}

#header #titleSpacer {
    height: 100px;
}

#header #titleContent {
    padding: 10px;
    background-color: black;
    color: white;
}

#header #titleContent h1, #header #titleContent p {
    padding: 0px;
    margin: 0px;
}

#leftSideBar {
    /*border: 1px solid gray;*/
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 150px;
}

#leftSideBar div {
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
}

 #leftSideBar li, ul {
    margin: 0px;
    padding: 0px;
    list-style-type: circle;

}

#content {
    /*border: 1px solid gray;*/
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 420px;
}

#content div {
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
}

#comment_optional {
    /*border: 1px solid gray;*/
    padding: 10px;
}

#rightSideBar {
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    width: 150px;
    /* font-size: 10px; */
}

#rightSideBar div {
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
}

#footer {
    /*border: 1px solid gray;*/
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 100px;
    clear: both;
    text-align: center;
}

ul {
    list-style-type: circle;
    margin-left: 30px;
    margin-top: 20px;
}

ul li, ol li {
    margin-bottom: 10px;
}

a {
    color: #888888;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}