body {
	background-color: #FFFFFF;
	background-image: url('../images/Website-Background-2.jpg');/* sets the background image */;
	background-position: top left;		/* positions the background image */	
	background-attachment: fixed; 		/* prevents the background from scrolling */;
	background-repeat: repeat; 			/* just in case the screen is bigger than 1280 x 1024 */;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0 20% 0 5%;
}

td {

}

tr {

}

table {

}

ul {

}

li {

}

p {

}

ul {
    list-style-type: square;
}


a {
    color: #005A79;
    font-weight: bold;
    text-decoration: none;
}

a:LINK {

}

a:VISITED {

}

a:HOVER {
    color: #A10F00;
    text-decoration: underline;
}

a:ACTIVE {

}

.banner {
    letter-spacing: 2px;
    font-weight: bold; 
    text-transform: lowercase; 
    color: #000; 
    padding: 8px;
}

h3 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h2 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 200%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #A10F00; 
}

h2 {
	font-size: 130%;
	color: #590800;
	letter-spacing: 1px;
	text-transform: lowercase;
	text-align: left;
}

h3 {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 110%;
	text-transform: lowercase;
	color: #78260A;
}

h5 {
    font-size: 105%;
    color: #A16400;
}

h4 {
    font-size: 105%;
    color: #A16400;
}

h6 {
    font-size: 100%;
    color: #8D9900;
    letter-spacing: 1px;
}

.navigation {
    clear: both;
    text-align: left;
    color: #2f4f4f;
    font-size: small;
    font-weight: normal;
    line-height: 130%; 
    padding-bottom: 5px;
    text-transform: lowercase;
}

.navigation a {
    /*text-decoration: none;*/
    /*padding-left: 3px;*/
}

.navigation A:link {

}

.navigation A:visited {

}

.navigation A:hover {
    color: #A10F00;
    text-decoration: underline;
}

.navigation A:ACTIVE {

}

.textarea {
    margin-left: 20px;
    text-align: left;
    line-height: 130%;
}

.leftside {
    padding: 2px;
}

.botnavbar {
    text-align: left; 
    color: #000;
    font-size: small;
    padding: 5px 5px 5px 0;
    text-transform: lowercase;
}

.copyright {
    text-align: left;
    font-size: small;
    color: #000;
    letter-spacing: 2px;
    padding: 0 5px 5px 0;
}

/*  This defines the area of the header container.
*/

#title {
	font-size: 36pt;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	color: #003366;
	padding: 15px 0 5px 0;
	font-weight: normal;
	text-decoration: none;
}

#header {
	/* */
}

#navbar {

}

/*  Put any special footer settings here.
*/
#footer {
    clear: both;
    line-height: 100%;
    text-align: left;
}

/*  The infobox is that red-bordered box that sits along the right margin. It has
    2 parts, the infoheader (a class) and info (also a class).
*/

#infobox {
    float: right;
    width: 32%;
    color: #000; 
    font-size: small; 
    margin: 0 0 20px 20px;
    line-height: 120%;
    text-indent:0;
}

.infoheader {
    color: #fff; 
    font-size: medium;
    line-height: 130%;
    padding: 5px 10px 5px 10px;
    font-weight: bold; 
    letter-spacing: 1px;
    font-weight: bold; 
    background: #A10F00;
}

.info {
    padding: 1px 5px 0 5px;
    border-left: 1px dotted #A10F00;
    border-right: 1px dotted #A10F00;
    border-bottom: 1px dotted #A10F00;
    background: #fff;
}

.info p {
    padding: 0 10px;
}

.info a {
	color: #A16400;
}

/*  This is the main part of the page. Many of the attributes are inherited from the 
    body tag, above.
*/
#container {
    clear: both;
    text-align: left;
    line-height: 130%;
}

#container p {
    margin: 0 0 1em 0;
}

#container li {
    margin: 0 0 1em 0;
}

#fiction {
	background-color:white;
	font: normal normal normal medium/150% "Myriad Web Pro", Tahoma, Arial, Helvetica, sans-serif;
	border: #003366 double medium;
	width: 40em;
	padding: 1em;
}

#fiction p {
	text-indent: 1em;
}

#fiction h2 {
	text-transform:none;
}

#fiction h3 {
	text-transform:none;
}

#fiction blockquote {
	text-indent:0;
	font-size:large;
	font-style:italic;
}

#fiction .computer {
	background:black;
	color:lime;
	font-family:"OCR A Extended", "OCR-A II", monospace;
	padding: 1em;
	text-indent:0;
	line-height:110%;
}

.thumbzone {
    margin: 0 40px 0 40px;
}

.firsttext {
    clear: right;
    border-top: 1px solid #aaa;
}

.thumbfirst
{
    float: left;                    /*Floats the image to the left*/
    clear: both;                    /*Forces the image down to the next line*/
    width: 187px;                    /*Width*/
    height: 130px;
    border: 4px double #aaa;
    margin: 0 1em 1em 0;
    padding: 6px;
    text-align: left;
}

.widethumbfirst
{
    float: left;                    /*Floats the image to the left*/
    clear: both;                    /*Forces the image down to the next line*/
    width: 251px;                    /*Width*/
    height: 133px;
    border: 4px double #aaa;
    margin: 0 1em 1em 0;
    padding: 6px;
    text-align: left;
}

.secondtext {
    clear: left;
    border-top: 1px solid #aaa;
}

.thumbsecond
{
    float: right;                    /*Floats the image to the left*/
    clear: both;
    width: 187px;                    /*Width*/
    height: 130px;
    border: 4px double #aaa;
    margin: 0 0 1em 1em;          /*Creates a bottom and left margin*/
    padding: 6px;
    text-align: right;
}

.widethumbsecond
{
    float: right;                    /*Floats the image to the left*/
    clear: both;
    width: 251px;                    /*Width*/
    height: 133px;
    border: 4px double #aaa;
    margin: 0 0 1em 1em;          /*Creates a bottom and left margin*/
    padding: 6px;
    text-align: right;
}
.clearboth { 
    clear: both; 
}

.bigpic {
    float: left;                    	/*Floats the image to the left*/
    /*clear: both;*/                    /*Forces the image down to the next line*/
    width: 312px;                   /*Width*/
    height: 225px;
    border: 4px double #aaa;
    margin: 0 2em 2em 0;
    padding: 1em;
    text-align: center;
}

.widebigpic {
    float: left;                    	/*Floats the image to the left*/
    width: 419px;                   /*Width*/
    height: 223px;
    border: 4px double #aaa;
    margin: 0 2em 2em 0;
    padding: 1em;
    text-align: center;
}

.bigpic2 {
    float: left;                    	/*Floats the image to the left*/
    /*clear: both;*/                    /*Forces the image down to the next line*/
    width: 400px;                   /*Width*/
    height: 300px;
    border: 4px double #aaa;
    margin: 0 2em 2em 0;
    padding: 1em;
    text-align: center;
}

.tallbigpic2 {
    float: left;                    	/*Floats the image to the left*/
    /*clear: both;*/                    /*Forces the image down to the next line*/
    width: 300px;                   /*Width*/
    height: 400px;
    border: 4px double #aaa;
    margin: 0 2em 2em 0;
    padding: 1em;
    text-align: center;
}

.thumbzone h3 {
    margin: 0 0 .5em 0;
}

.bigpic h3 {
    margin: .2em;
}

.largepic {
    float: left;                    /*Floats the image to the left*/
    clear: both;                    /*Forces the image down to the next line*/
    width: 640px;                    /*Width*/
    height: 480px;
    border: 4px double #aaa;
    margin: 0 2em 2em 0;
    padding: 1em 1em 0 1em;
    text-align: center;
}

.largepic h3 {
    margin: 1em 0 0 0;
}

.widelargepic {
    float: left;                    /*Floats the image to the left*/
    clear: both;                    /*Forces the image down to the next line*/
    width: 680px;                    /*Width*/
    height: 400px;
    border: 4px double #aaa;
    margin: 0 2em 2em 0;
    padding: 1em 1em 0 1em;
    text-align: center;
}

.widelargepic h3 {
    margin: 1em 0 0 0;
}

.floorplan {
    clear: both;
    background-color: #fff;
    /*width: 75%;*/					/* Commenting this out causes the width to 'float'*/
    filter: alpha(opacity=70,finishopacity=0, style=0);
    border: 1px solid #aaa;
    text-align: center;
    margin: 0 0 2em 2em;
    padding: 1em;
}

.screenshot {
    clear: both;
    width: 640px;
    height: 480px;
    background-color: #fff;
    filter: alpha(opacity=80,finishopacity=0, style=0);
    border: 4px double #aaa;
    text-align: center;
    margin: 1em;
    padding: 1em;
}

.box {
    margin: 1em;
    padding: 1em 1em 0 1em;
    background-color: #fff;
    width: 30em;
    filter: alpha(opacity=80,finishopacity=0, style=0);
    border: 1px solid #aaa;
}

.box p {
    margin: .5em 0 0 0;
}

.tip {
    float: left;
    clear: both;
    margin: 0 4em 1em 2em;
}

.tiptitle {
    font-weight: bold;
    color: #78260A;
    letter-spacing: 1px;
}