* /*Sets border, padding and margin to 0 for all values*/
{
        padding: 0;
        margin: 0;
        border: 0;

}


body {
        font-size: 70%;
        color: #222222;

}

body, html {
        font-family: Verdana, Arial, Tahoma, sans-serif;
        text-align: center; /*** Centers the design in old IE versions ***/
}


.links  {
        margin: 0.2em;
	color: #888888;
	font-weight: bold;
        font-size: 1.3em;
        text-align: center;
}

a {
        text-decoration: underline;
        color: black;
}

a.link1 {
	text-decoration: none;
}

a.link2 {
	text-decoration: none;
}

a.link3 {
	text-decoration: none;
}

a.link4 {
	text-decoration: none;
}

a.link1:hover {
        color:#7F8798;
}

a.link2:hover {
        color:#95B1AF;
}

a.link3:hover {
        color:#969696;
}

a.link4:hover {
        color:#AC9EB3;
}

p {
        margin: 1em;
        font-size: 1.2em;
}


p {padding: 7px 0 7px 0;}


table.tablestyle {
        color: #222222;
        margin: 1em;
        font-size: 1.2em;

}

td.width100 {
        width: 150px;
}

img {
        margin:0;
        padding:0;
        border:0;
}

.clear { clear: both; }

#box1, #box2, #box3, #box4 {
        width: 750px;
        margin: 0 auto; /*** Centers the design ***/
        min-height: 500px;
        text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}


#outerbox {
        width: 750px;
        margin: 0 auto; /*** Centers the design ***/
        min-height: 500px;
        background: #ffffff;
        text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
        border: 2px solid #000;
        padding: 5px;
}

* html #box {
height: 500px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


* html #outerbox {
height: 500px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}     

#box1 {
        background: #D9CAB6;
}

#box2 {
        background: #FDE4D5;
}

#box3 {
        background: #D6D6D6;
}

#box4 {
        background: #FFFFE1;
}

ul {
        margin: 1em;
        font-size: 1.2em;
        list-style-type: none;
}



/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 250px;  
}

* html .outer {
/*** No need for hacking IE on this layout ***/
}

.inner {
width: 500px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap {
float: left;
width: 750px;
margin-left: -250px; /*** Same length as .outer padding-left but with negative value ***/
}

* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#content {
float: right;
width: 500px;
}

* html #content {
position: relative; /*** IE needs this  ***/
}

.contentWrap {
padding: 5px;
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}

.contentWrap li {
padding-bottom: 2px;
} 

#contentabovepics {
        min-height:250px;
	height: 250px;
}

* html #contentabovepics {
        height: 250px; /*** needed for IE ***/
}


#contentpics {
}


/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
        float: left;
        width: 250px;
        height: 500px;
       line-height:0;
}

* html #left {
position: relative; /*** IE needs this  ***/
height: 500px;
}

img.logo {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 5px; 
	left: 8px; 
	z-index: 1;
}

img.adjust {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -84px;
	border-right: 4px solid;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-color: white;
}