@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
/* Unrelated to excercise */
* {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	text-align:justify

}
body {
	color : #5a1c46;
	background-color: #FFF;
	text-align:left;
	padding-right: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	line-height: 160%;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
		
}
div#container {
	position : relative;
	width : 969px;
	padding-top : 0px;
	text-align : left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#branding {
	z-index : 1;
	position : relative;
	width : 100%;
	height : 90px;
	background-image: url(../images/header.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CB013D;
}
#logotop {
	width: 150px;
	float: left;
	height: 20px;
	padding-bottom: 40px;
	padding-top: 10px;
}
a img { border: none;}
div#nav {
	width : 100%;
	background-color : #fff;
	overflow : hidden;
}

div#content {
	width : 100%;
	background-color : #fff;
	overflow : hidden;
}

#flashcolumn1 {
	float: left;
	width: 677px;
	padding: 0px;
	background-color:#000;
	height: 100px;
}
#flashcolumn2 {
	float: left;
	width: 292px;
	padding: 0px;
	background-color:#000;
	height: 100px;
}

#textcolumn1 {
	float: left;
	width: 677px;
	padding: 0px;
	background-color:#fff;
	height: auto;
	text-align:justify
}
#textcolumn2 {
	float: right;
	width: 292px;
	height: 150px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#textcolumn3 {
	float: right;
	width: 280px;
	padding: 0px;
	height: 100px;
}
div#content_main {
	float : left;
	width : 650px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align:justify
}
p {
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #333;
	text-align:justify
	white-space: normal;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 0;
	padding: 5px; }
} 
	
br {padding-top: 5;}

/* Boxs */
div#content_mainlevel2 {
	float : left;
	width : 685px;
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#promobox1
{
	PADDING-LEFT: 4px;
	FLOAT: left;
	WIDTH: 160px;
	COLOR: #000;
	HEIGHT: 256px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 8px;
}
#promobox1
{
	FLOAT: left;
	WIDTH: 217px;
	COLOR: #000;
	HEIGHT: 25px;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px;
}
#promobox2
{
	PADDING-LEFT: 10px;
	FLOAT: left;
	WIDTH: 217px;
	COLOR: #000;
	HEIGHT: 25px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0px;
}
#promobox21
{
	PADDING-LEFT: 3px;
	FLOAT: left;
	WIDTH: 217px;
	COLOR: #000;
	HEIGHT: 27px;
	background-repeat: repeat-x;
	background-position: right center;
	padding-top: 3px;
}


#promobox211
{
	PADDING-LEFT: 3px;
	FLOAT: left;
	WIDTH: 218px;
	COLOR: #000;
	HEIGHT: 143px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
}


#promobox211 A
{
	FONT-WEIGHT: bold;
	COLOR: #000;
	font-size: 10px;
}
#promobox22
{
	PADDING-LEFT: 3px;
	FLOAT: left;
	WIDTH: 217px;
	COLOR: #000;
	HEIGHT: 27px;
	background-repeat: repeat-x;
	background-position: right center;
	padding-top: 3px;
}
#promobox23
{
	PADDING-LEFT: 3px;
	FLOAT: left;
	WIDTH: 217px;
	COLOR: #000;
	HEIGHT: 27px;
	background-repeat: repeat-x;
	background-position: right center;
	padding-top: 3px;
}

 /* 14px/16=0.875em */
	
.infolist {
	list-style-type:none;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}

.infolist {
	list-style-type:none;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}

 #promobox211 .infolist li {
	color: #000;
	list-style-type: square;
	line-height: 21px;
	list-style-position: inside;
	padding-left:10px;
}

 #promobox211 .infolist li a {
	line-height: 21px;
	list-style-position: inside;
	color: #FFF;
	text-decoration: none;
}

 #content_main .radbut li {
	 
	list-style-image: url('../images/red_dot.jpg');
	list-style-type: square;
	line-height: 21px;
	list-style-position:outside;
	padding-left:20px;
	
}

 #content_main .radbut li a {
	line-height: 21px;
	list-style-position:inherit;
	color: #000;
	text-decoration: none;
}
 #content_main .insied li {
	list-style-type: square;
	line-height: 21px;
	list-style-position:outside;
	padding-left:20px;
}
/* page Il*/

.radbut {
	list-style-type:none;
	margin: 0;
	padding: 0;
	color:#333;
}

 #content_main .radbut li {
	list-style-type: square;
	line-height: 16px;
	list-style-position: inside;
	padding-left:20px;
	text-indent: -1.5em;	
}

#bannerleft
{
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 292px;
	COLOR: #000000;
	HEIGHT: 120px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 50px;
	background-image: url(../images/Quicklinks.jpg);
	padding-right: 0px;
}

div#site_info {
	position : relative;
	width : 100%;
	height : 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff0101;
}
div#containerfoot {
	position : relative;
	width : 969px;
	padding-top : 0px;
	text-align : left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#footer {
	color: #666;
	text-align: right;
	clip: rect(auto,auto,auto,auto);
	width: 100%;
	background-color: #FFF;
}

#footerin
{
	width : 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}
	#footer li { display: inline; margin-right: 0px; margin-left:20px; margin-right:5px;}
	#footer a {
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
	#footer a:hover {
	color: #000;
	font-weight: normal;
}
	#footer .credit { margin-left: 530px;}
	#footer .credit a {color: #7a5100;}

/* text ========================================================begging=====================================*/

h1 {
	font-size:0.97em;
	color: #FFF;
} /* 40px/16=2.5em */

h2 {
	font-size:1.2em;
	color:#000;
	font-family: Calibri, Arial, Verdana;
} /* 30px/16=1.875em */

h3 {
	font-size:1.6em;
	font-weight: normal;
	color:#cd003f;
	font-family: Calibri, Arial, Verdana;
	font-weight: bold;
} /* 30px/16=1.875em */




#textcut {
	color: #F00;
	text-decoration: blink;
}
	#content .code{
	color: #444;
	border: 10px solid #ccc;
font-family"courier new", helvetica, "times new roman", monospace;
	font-size: 11px;
	width: 620px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	padding: 5px;

}
	  
		  .class1 A:link {
	text-decoration: none;
	color:#F00;
}
.class1 A:visited {
	text-decoration: none;
	color: #333;
}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: none; color: red;}