/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;	/******  NEED TO CHANGE: hard code this to a set width? ******/
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		/* font-size:90%; /* NEED TO CHANGE: this is .8em in the other stylesheet; which one do i want? */
		font-family: Tahoma, "Times New Roman", Times, serif;
		font-size: .8em; 
		line-height: 1.5em;
    }
	a {
    	/****** color:#369;  NEED TO CHANGE: pick link color ******/
		color:#0066FF;
		text-decoration:none;
		font-weight:bolder;
	}
	a:hover {
		color:#fff;
		background:#0066FF;
		text-decoration:none;
	}
    h1, h2, h3 {
       /*original shit from internet dude 
	   	margin:.8em 0 .2em 0;
        padding:0;
		color:#0066FF;
		*/
		/*CODE BELOW "BORROWED" from FS */
		/*padding: 15px 15px 0 30px;*/
		padding: 0px 15px 0 30px;
		margin: 0;
		font-size: 1em;
		line-height: 1.5em;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-weight:bold;
		color:#0066FF;
    }
    p {
	/* original shit from internet dude
        margin:.4em 0 .8em 0;
        padding:0;
		padding: 15px 15px 0 30px;
	*/
	
	padding:0;
	margin: 0;
	/*font-size: 1em;*/
	line-height: 1.5em;
	/*text-transform: uppercase;*/
	letter-spacing: .1em;
	/*font-weight:bold;
	color:#0066FF;*/
    }
	img {
		/*margin:10px 0 5px; ORIGINAL SHIT */
		margin:0 0 0 10px;
		
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	   /* display:inline;*/
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369; /******  NEED TO CHANGE: pick color ******/
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#fff;  /******  NEED TO CHANGE: pick color ******/
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap { /* NEED TO CHANGE: hard code width here? */
	    float:right;
	    width:50%;/*used to be 50%...maybe change it back...*/
	 /*   position:relative;used to be relative, maybe change it back*/
	 position:relative;
	   right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
		/*background-color:#0066CC;*/
		padding-top:20px;
    }
	
	/*HEATH'S SHIT */
	.mainContent {
		float: left;
		width:33%;
		padding:0 20px 0 20;
		margin: 30px 0 15px 0;
		/*text-align:left;
		background-image: url(images/iconbox_bg.png);
		background-repeat: repeat-y;
		
		border:'10px' 'border-style' '#CC0000';
		background-color:#CC9966;*/
}

.selectedNav{
	/*background-color:#aaccdd;*/
	font-weight:bold;
	font-style:italic;
}

.mainContent P{
	font-size: 1.1em;
	line-height: 1.45em;
	margin: 15px 30px 0 30px;
	padding: 0;
	
	}
	
.mainContent h3{
	font-size: 1.5em;
	padding-bottom: 2px;
	text-align:left
	color:0066FF;
	}
	
.headerDivLogo {
		float:left;
		width:25%;
		margin:0px 0 0 0;
		}

.headerDivText {
		float: left;
		width:40%;
		padding:10px 0 10px 0;
		/*background-color:#CC6699;*/
		}
.headerDivText h3 {
	letter-spacing:normal;
	font-size: 1.5em;
	text-align:left;
	text-transform:none;
	}

.headerDivText i {
	text-align:left;
	text-transform:none;
	font-style:italic;
	font-size:.85em;
	}

.headerDivSearch {
		float: left;
		width:35%;
		padding:10px 0 10px 0;
		/*background-color:#CC6699;*/
		/*scrap this shit once site is up and running */
		font-weight:bold;
		color:#FF0000;
		}
		
.headerDivSearchInput {
		border:0;
		text-align:left;
		/*background-color:#CC6699;*/
		}
		
	input {
		border: 1px solid #0066FF;
		margin: 2px 2px 2px 0px;
	}
	
	textarea {
		border:1px solid #0066FF;
		margin: 2px 2px 2px 0px;
	}
	
	textarea:hover{
		border: 1px solid #f00;
	}
	
	.input:hover {
    	border: 1px solid #f00;
	}
	
	/*.button {
    	border: 1px solid #006;
    	background: #CBDEFC;
}*/

	label {
		width: 10em;
		float: left;
		text-align: right;
		margin-right: 0.5em;
		display: block;
		color:#0066FF;
		font-weight:bold;
	}
	
	.submit
	{
		margin-left:10em;
		border: 2px outset #006;
		background: #99C1FF;
		font-weight:bold;
		vertical-align:top;
	} 
	
	legend{
		margin: 0;
		font-size: 1em;
		line-height: 1.5em;
		text-transform: uppercase;
		letter-spacing: .1em;
		font-weight:bold;
		color:#0066FF;
	}
	
	fieldset{
		width:50em;
		border: 1px solid color:#0066FF;
	}
	
	/**** HOMEOWNER MAIN CONTENT DIVs ***/
	.homeownerContent{
		
		width:50%;
		padding:0 20px 0 20px;
		margin: 30px 0 15px 0;
		background:#00FF66;
		
	}
	
	.homeownerContent P{
		font-size: 1.1em;
		line-height: 1.45em;
		margin: 15px 30px 0 30px;
		padding: 0;
	
	}
	
	.homeownerContent h4{
		font-size: 1.0em;
		padding-bottom: 2px;
		text-align:left;
		color:#0066FF;
		padding:0px 0px 0px 30px;
	}
	
	.nestedContent{
	
	}
	
	
	/*end HEATH'S SHIT ^^^^^*/
	
	
	/* Footer styles
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	*/
	
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
		text-align:justify;
		font-size:smaller;
		color:#0066FF;
    }
	
	.footerJustify
	{
		/*text-align:justify;
		width:100%;
		font-stretch:extra-expanded;
		background-color:#0099FF;*/
	}