body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}
.DIV_001 {
	position: relative;
	top: 0px;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	box-sizing: border-box;
	background-color: #999999;
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 48px;
	border-left: 20px solid #000000;
	border-right: 20px solid #000000;
	border-top: 20px solid #000000;
	border-bottom: 20px solid #000000;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
}
.align_to_right {
	position: relative;
	top: 0px;
	text-align: right;
}
.img_center {
	position: relative;
	top: 0px;
	text-align: center;
	padding-top: 20px;
}
.button_random_color {
	background-color: #999999;
	border: 5px solid #000000;
	border-radius: 10px;
	box-shadow: none;
	margin-top: 0px;
	margin-bottom: 50px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 2px 2px #000000;
	display: inline-block;
	font-family: Arial;
	font-size: 24px;
	cursor: pointer;
}
.button_random_color:hover {
	border: 5px solid #FFFFFF;
}
.DIV_AD {
	position: relative;
	top: 0px;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	padding: 0px;
	box-sizing: border-box;
	background-color: #333333;
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;

	border-left: 20px solid #000000;
	border-right: 20px solid #000000;

	border-bottom: 20px solid #000000;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: #000000;

}
.DIV_002 {
	position: relative;
	top: 0px;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	border-left: 20px solid #000000;
	border-right: 20px solid #000000;
	border-bottom: 20px solid #000000;
	text-align: center;
	text-shadow: 0px 2px 2px #000000;
	font-size: 64px;
	font-family: Arial;
	font-weight: bold;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 64px;
}
.color_info {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 24px;

}
.color_info_center {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
}
.DIV_random_button {
	position: relative;
	top: 0px;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	display: block;

	text-align: center;
	text-shadow: 0px 2px 2px #000000;
	font-size: 64px;
	font-family: Arial;
	font-weight: bold;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 64px;
}
.DIV_NAV {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	border-left: 20px solid #000000;
	border-right: 20px solid #000000;
	border-bottom: 20px solid #000000;
	background-color: #333333;
	text-align: center;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	color: #3399FF;
	line-height: 24px;

}
.UP {
	font-size: 16px;
}
h1 {
	color: #000000;
	margin-top: 24px;
	margin-bottom: 24px;
	font-weight: bold;
	font-size: 48px;
	font-family: Arial;
	line-height: 48px;
	word-wrap: break-word;
}
h2 {
	color: #FFFFFF;
	display: inline;
	margin-top: 24px;
	margin-bottom: 24px;
	font-weight: bold;
	font-size: 24px;
	/*font-family: Impact;*/
	line-height: 24px;
}
img {
	box-shadow: none;
	border-radius: 0px;
}
.equals {
	color: #999999;
}
.anchor {
	color: #3399FF;
	background-color: #333333;
	padding: 0px 5px;
}
.slogan {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
	line-height: 0px;
	text-shadow: 0px 2px 2px #000000;
}
.directions {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
}
.color_name {
	color: #FFFFFF;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 48px;
	line-height: 24px;
	text-shadow: 0px 2px 2px #000000;
}
.color_code_text {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 32px;
	line-height: 32px;
}
.color_code {
	color: #000000;
	font-weight: bold;
	font-size: 32px;
	line-height: 24px;
	font-family: Courier;
	text-shadow: none;
}
.text_center {
	text-align: center;
}
.color_box {
	position: relative;
	background-color: #FFFFFF;
	border: 10px solid #000000;
	border-radius: 20px;
	box-shadow: none;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #FFFFFF;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 2px 2px #000000;
	display: inline-block;
	font-family: Arial;
	font-size: 24px;
}
.info_box {
	position: relative;
	width: 75%;
	background-color: #444444;
	border: 2px solid #000000;
	border-radius: 20px;
	box-shadow: none;
	margin-top: 0px;
	margin-bottom: 50px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 2px 2px #000000;
	display: inline-block;
	font-family: Arial;
}
.words {
	color: #000000;
	font-weight: bold;
	font-size: 24px;
	font-family: Arial;
}
.color_red		{color: #FF0000;}
.color_green	{color: #00FF00;}
.color_blue		{color: #0000FF;}
.color_cyan		{color: #00FFFF;}
.color_magenta	{color: #FF00FF;}
.color_yellow	{color: #FFFF00;}
.color_black	{color: #000000;}

.example_hex_color_code {
	color: #FF9933;
}

.example_rgb_color_code {
	color: rgb(50,200,100);
}

.example_cmyk_color_code {
	color: cmyk(80%,60%,40%,90%);
}

.example_hsl_color_code {
	color: hsl(200,80%,50%);
}


.DIV_001 h1 a:link		{color: #000000; text-decoration: none;}
.DIV_001 h1 a:visited	{color: #000000; text-decoration: none;}
.DIV_001 h1 a:hover		{color: #000000; text-decoration: underline;}
.DIV_001 h1 a:active	{color: #000000; text-decoration: underline;}
.DIV_NAV a:link			{color: #3399FF; text-decoration: none;}
.DIV_NAV a:visited		{color: #3399FF; text-decoration: none;}
.DIV_NAV a:hover		{color: #3399FF; text-decoration: underline;}
.DIV_NAV a:active		{color: #3399FF; text-decoration: underline;}
.UP a:link				{color: #FF9933; text-decoration: none;}
.UP a:visited			{color: #FF9933; text-decoration: none;}
.UP a:hover				{color: #FF9933; text-decoration: underline;}
.UP a:active			{color: #FF9933; text-decoration: underline;}
a:link					{color: #000000; text-decoration: none;}
a:visited				{color: #000000; text-decoration: none;}
a:hover					{color: #000000; text-decoration: underline;}
a:active				{color: #000000; text-decoration: underline;}