html

{

	margin:0;

	padding:0;

	background-color:#303030;

	color:#ffffff;

}



body

{

	text-align: center;

}



img 

{ 

	border: none; 

}



div#wrapper

{

	border:solid 0px #000000;

	width:700px;

	margin-left: auto;

	margin-right: auto;

	margin-top:0;

	text-align: center;

}



div#content

{

	width:700px;

	margin-left: auto;

	margin-right: auto;

	margin-top:0;

	text-align: left;

}



div#banner

{

	border:solid 0px #0000ff;

	height:96px;	

}



div#ribbon

{

	border:solid 0px #000000;

	background-image:url(../images/ribbon.png);

	height:41px;

}



div#main

{

	border:solid 0px #000000;

	background-image:url(../images/background.png);

	background-repeat: repeat-y;

	margin:0;

	padding:0;

	height:auto;

	width:700px;

	float:left;

	font-family:Georgia;

	color:#cfeaf9;

}



div#photo

{

	border:solid 2px #ffffff;

	width:410px;

	margin-top:5px;

	margin-bottom:5px;

}



div#navigation

{

	border:solid 0px #ff0000;

	width:200px;

	height:auto;

	left:700px;

	top:0px;

	font-family:Georgia;

	color:#ffffff;

	float:right;

}





ul#navlist

{

	border:solid 0px #00ff00;

	width:auto;

	height:500px;

	list-style-type:none;

	font-size:20px;

}



div#navigation ul

{

	border:solid px #00ff00;

}



div#navigation ul a

{

	border:solid 0px #00ff00;

	text-decoration:none;

	color:#cfeaf9;

}



div#navigation ul a:hover

{

	border:solid 0px #00ff00;

	text-decoration:none;

	color:#cfc099;

	font-size:20px;

	padding:0;

}



div#navigation ul li ul

{

	border:solid 0px #00ff00;

	text-decoration:none;

	display:none; /* Display nothing when not 'hovered' */

	width:150px;

	position:relative;

	left:20px;

	margin:0;

	padding:0;

}

	

div#navigation ul li

{

	border:solid 0px #00ff00;

	text-decoration:none;

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

	width:100%;

	position: relative;

	float:left; /* Make sure (in IE) there is no margin between the menu items */	

}



div#navigation ul li:hover

{

	display:block; /* When rollover the menu item, the whole item will be seen as link. */

}



div#navigation ul li ul li

{

	border:solid 0px #00ff00;

	font-size:14px;

}



div#navigation ul li ul li a:hover

{

	border:solid 0px #00ff00;

	font-size:14px;

}



div#text

{

	margin:0;

	padding:0;

	height:auto;

	width:420px;

	float:left;

	margin-left:70px;

	border:solid 0px #00ffff;

}



div#text_under

{

	margin:0;

	padding:0;

	height:auto;

	width:420px;

	float:left;

	margin-left:70px;

	border:solid 0px #00ffff;

}



div#pictures

{

	margin:0;

	padding:0;

	height:auto;

	width:420px;

	float:left;

	margin-left:70px;

	border:solid 0px #00ffff;

}



div#footer

{

	margin-top:0px;

	clear:both;

	background-color:#cfeaf9;

	height:auto;

	font-family:Georgia;

	text-align:center;

	font-size:12px;

	color:#303030;

	background-image:url(../images/footer.png);

}



div#pink

{

	padding-top:3px;

	height:auto;

	width:200px;

	text-align:center;

}



div#copyright

{

	clear:both;

}

div#world_travel a
{
	color:#ffffff;
}

div#high_school a
{
	color:#ffffff;
}