/* CSS Document */

.videofeature div {
	margin-left: 10px
}
body {
	margin-top: 5px;
	/*margin-left: 5px; */
	/*background-color:lightyellow;*/
	background-color: rgb(238, 238, 238);
	/*background-image:url(../pics/sun.png); /* tiled x,y */
}
/* - a: statements must appear in this order
Richard York p. 98*/
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;/* text-decoration:none; */
}
a:active {
	color: #000000;
	text-decoration: none;
	background-color: #DA3871;
} /*  end of a: staments */
/* .name Classes can be used as often as needed  */
p, h1, h2, h3, h4, h5, h6, li, ul {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	font-style: normal;
}
p {
	font-size:12px; /* default */
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center; /* default */
	padding-top: 5px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;  /* default  */
	padding-left: 10px;
	padding-top: 5px;
}
h3 {
	font-size:14px;
	font-weight:bold;
	text-align: left; /* default */
	padding-left: 10px;
	padding-top: 5px;
}
h4 {
	font-size:12px;
	font-weight:bold;
	text-align: left; /* default */
	padding-left: 10px;
	padding-top: 5px;
}
/* list styles */
li.disc {
	list-style-type: disc; /* type is used to either <li> or <ul> elements  */
}
li.circle {
	list-style-type: circle; /* type is used to either <li> or <ul> elements  */
}
li.square {
	list-style-type: square; /* type is used to either <li> or <ul> elements  */
}
li.none {
	list-style-type: none; /* type is used to either <li> or <ul> elements  */
}
ul.square {
	list-style-type: square; /* type is used to either <li> or <ul> elements  */
}
li.myLiStyle {
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	text-align: left;  /* default  */
	padding-left: 10px;
	padding-top: 10px;
	list-style-type: disk;
}
/* border styles */
.borders {
	border: 2px solid navy;
	padding: 10px;
	margin:0px
}
.separator {
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	color: #000000;
}
/* navigation  */
.navigation {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-indent: 10px;
	background-color: #CFCFCF;
	display: block;					/* vertically */
	padding: 4px 0 6px 4px; /* top, right, bottom, left */
	border-bottom: 1px solid #FFFFFF;
	width: 126px;/* border-right: 1px solid #FFFFFF; */
}
.navigation:hover {
	text-decoration: none;
	/* border-right: 1px solid #FFFFFF; */
	color: #FFFFFF;
}
#nav dl dt {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #CFCFCF;
	display: inline;
	padding-left: 5px;					/* vertically */
	margin: 0;
	/* border-bottom: 1px solid #FFFFFF; */
	width: 130px;
	text-align: left;/* border-right: 1px solid #FFFFFF; */
}
#nav:hover {
	text-decoration: none;
	/* border-right: 1px solid #FFFFFF; */
	color: #FFFFFF;
}
.v_sel { /* vertical selected menu */
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-indent: 10px;
	/* background-color: #CFCFCF; */
	background-color: #DA3871;
	display: block;	/* vertically */
	padding: 4px 0 6px 4px; /* top, right, bottom, left */
	border-bottom: 1px solid #FFFFFF;
	width: 126px;
	color: #000000;/* border-right: 1px solid #FFFFFF; */
}
.hz_sel { /* horizontal selected menu */
	color: #000000;
	/* font-weight: bold;*/
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	background-color:#DA3871;
}
.layers {
	/*margin: 0px; */
	padding: 5px;
	width: 100px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border: 3px solid #DA3871;
	float: left;
	background-color: #FFFFCC;
	margin-top: 5px;
	left: 5px;
}
.layers1 {
	/*margin: 0px; */
	padding:0;
	width: 120px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	border: 1px solid #74ace5;
	float: left;
	margin-top: 5px;
	left: 0px;
	color: #ffffff;
}
#wrapper {	/* or container. Wrapped around the entire table to create the border */
	width: 901px;
	border: 1px solid;
	/*padding: 10px; */
	margin: 5px auto;	/* centre wrapper  regardless of the browser's window width *//*background-image: url *//*background-repeat:no-repeat;*/
	border-color: #CFCFCF;	/*background-color:#00F;*/
	
	/*text-align: center;*/
	/* border-color: navy; */
}
.leftimage {
	float: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid white;
}
.rightimage {
	float: right;
	margin: 0 0 20px 15px;/* border: 1px solid #000000;*/
}
.clearit { /* makes an element appear below all the content above it */
	clear: both;
	display: block;
}
.white {
	color: #ffffff;
}
/* visited countries */
.countries {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}