#contain {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 10px;
	color: #555;
	border: 1px solid #ccc;
	}

imgright{
float: right;
display: inline;
border: 1px solid #000000;
}
	
#wrapper-content-page {
	float: left;
	width:600px;
	margin: 20px 30px 3em 2em;
	border: 1px solid #cfc;
}
	

#firstcol {
	float: left;
	}
	
#secondcol {
	float: left;
padding-bottom: 6px;
border: 1px solid #000000;
	}

#secondcol a {
	
	line-height: 1.5em;
	color: #ccf;
	font-size: 180%;
	font-family: Goudy Old Style;
	}

#thirdcol {
	padding-top: 10px;
	margin-right: 106px;
	margin-bottom: 10px;
	float: right;
	}
	/*------- firstcol  -----------*/
/* =-=-=-=-=-=-=-[box One]-=-=- 212px  =-=- */
	
#box {
	width: 50px;
	border: 1px solid #ccc;
	margin: 5px;
padding-left: 6px;
padding-bottom: 6px;
	}
	
/*  -----------[box Two] ----------- */
	
#box2 {
	width: 50px;
	border: 1px solid #ccc;
	margin: 5px;
padding-left: 6px;
padding-bottom: 6px;
	}
	
/*  -----------[box Three] ------------ */
	
#box3 {
	width: 50px;
	border: 1px solid #ccc;
	margin: 5px;
padding-left: 6px;
padding-bottom: 6px;
	}
	
	/*------- secondcol  -----------*/
/*  -----------[box Four] ----------- */
	
#box4 {
	width: 500px;
	border: 1px solid #ccc;
	margin: 5px;
padding-left: 6px;
padding-bottom: 6px;
	}
	
	
/* =-=-=-=-=-=-=-[box Five]-=-=-=-=-=-=-=- */
	
#box5 {
	width: 500px;
	border: 1px solid #ccc;
	margin-top: 7px;
	margin-left: 5px;
padding-left: 6px;
	}
	
/* ------------[box Six]------------- */
	
#box6 {
	width: 500px;
	border: 1px solid #ccc;
	margin-top: 12px;
	margin-left: 5px;
padding-left: 6px;
	}
	

	/*------- thirdcol  -----------*/
/* ------------[box Seven] ----------- */
	
#box7 {
	width: 50px;


	}
	
	
/* ------------[box Eight]------------- */
	
#box8 {
	width: 50px;
	margin-top: 28px;
	}
	
	
/* ------------[box Nine]------------- */
	
#box9 {
	width: 50px;
	margin-top: 95px;
	}
	

body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

#wrapper {
		
	width: 888px;
	margin: 0px;
	text-align: left;	
	/*border: black solid;*/
}


#page-top {
	background: white url('../images/pg-top.png') no-repeat left top;
	
	padding:  0  0 200px 0;
	
	
}


#menu {
	
	overflow: hidden; }


#menu ul {

	margin: 20px 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}

#menu li {
	display: inline;
	float: left;
}

#menu a {
	float: left;
	background:url(../images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu a span {
	background: transparent url(../images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000066;
	display: block;
	float: left;
	cursor: pointer; 
}

 #menu a:hover { background-position:0% -42px; }
 #menu a:hover span {	background-position:100% -42px; }


#content {	
	margin: -200px 245px 15px 40px;
	/*border: blue dotted;*/
}

#wrapper-shortcuts {
	float: right;
	width:180px;
	margin: 20px 50px 3em 2em;
	background: transparent url('../images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-shortcuts { margin-right: 15px; }

#shortcuts { padding-top: 5px; }

#shortcuts ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#shortcuts h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#shortcuts a:link, #shortcuts a:visited { color: #888; }
#shortcuts a:hover { color: #5b8fbe; }

#footer {
line-height: 13px;
margin-left:10%;
width: 700px; 
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
background-color:#eeeef3;
 text-align:center; 
 font-size: .7em;
 color:black;
}

.leftimg {
	float: left;
	margin-right: 12px;
	font: normal small-caps normal .5em Serif;
}

#boxholder {
	float: left;
	padding-bottom: 6px;
	width: 100%;
	height: 80%;
	}
div.item hr {
	display: block; clear: 
	left; margin: -0.66em 0;
  	visibility: hidden;
}

div.clearer {
	clear: left;  height: 0;
}

.rightimg {
	float: right;
	margin-right: 12px;
}

h1{ text-align: left;  font-style: italic; font-size: 2em; font-family: "Lucida Grande", "Zapf Chancery", "Comic Sans MS", cursive, sans-serif, Verdana, Arial; }
h2 {text-align: center; font-size: 1.8; font-style: italic; color:#636; }
h3 { text-align: center;font-size: 110%; font-style: italic; color:maroon; margin-top:-10px;}
p{ text-align: left; }

#leftmargin {margin-left: 2cm}
a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #333; text-decoration: underline; }

.myBox
{
	margin-top: 50px;
	margin-left:15px;
	line-height: 9px;
        border: 1px solid #00004a; 
    
    }

/* Credits and thanks to:
css from Nautica2 by mejobloggs,  Design by Aran @ stuio7designs.com helped inspired this design 
*/