/*
	RESET
*/

html							{ overflow-y: scroll; }
ul								{ list-style: square inside; }
ol								{ list-style: decimal inside; }
table							{ border-collapse: collapse; }

/* colors */

lightblue {	background-color: #b1bbc5;font-size: 93%;}
lightgrey {	background-color: #dddddd;font-size: 93%;}
lightburgundy {	background-color: #e0cccc;font-size: 93%;}
mediumblue {	background-color: #4c7094;font-size: 93%;}
mediumburgundy {	background-color: #944c4c;font-size: 93%;}
mediumgrey {	background-color: #cccccc;font-size: 93%;}
darkblue {	background-color: #002242;font-size: 93%;}
darkburgundy  {	background-color: #751919;font-size: 93%;}
darkgrey  {	background-color: #222222;font-size: 93%;}

/* typography */

body				{ font-family: arial; font-size:12px; line-height: 1.6em; }
p, li				{ line-height: 1.6em; margin: 0 0 12px 0;  text-align: left;  color: #003366; }
boxes p             { font: bolder; }


/* structure */

#header	 { height: 150px;  margin: 0px auto; padding: 12px 12px 12px 12px; }

#boxes {
	width: 550px;
	margin: 12px 12px 12px 12px;
}

.boxItem         {
    width: 230px;
    float: left;
    padding: 12px 12px 12px 12px;
}


#footer {
	height: 50px;
	padding-top:100px; padding-left:48px;
}

/* design */


body {
	background: url(background.png) no-repeat;
	background-color: #cccccc;
}

#boxes {
	border: thin solid #ffffff;
	background: #dddddd ; /* url(squiggle.png) no-repeat 6px 6px;*/
	opacity: .65; moz-opacity: .65;
}

p, li	{ color: #002242; }
ul      { list-style: none;   }
h4      { color: #751919; }
h5      { color: #003366; }

#footer li	 { display: inline;  padding: 6px 6px 6px 6px;}
#boxes h4 {	font-size:16px; padding-top: 10px; }
#boxes h5  {	font-size:13px; padding-bottom: 6px; }
#boxes ul {	padding-bottom: 10px; }