@charset "UTF-8";
/* CSS Document */

html {
background-image:url(../Graphics/Page%20Elements/Rule2.gif);
font-family: Arial, Helvetica, san-serif;
}

html, body, #container, .content_style1, .content_style2 {
margin: 0;
padding: 0;
color:#000000;
}

body {
	width: 800px;
	background: #FFF top left url(../Graphics/Page%20Elements/bg_top2.jpg) no-repeat;
	padding-top: 25px;
}

a:link {
color:#FF0000;
}

a:hover {
color:#FF0000;
text-decoration: none;
}


a:visited {
color:#663666;
color:#9d248f;
color:#FF0000;
}


.red {
color:#FF0000;
}

h1 {
	font-size: 19px;
}

h2, h3, h4 {
	font-size: 16px;
}

p {
	font-size: 13px;
}

span.bold {
	font-weight: bold;
}

.text ul {
	font-size: 13px;
	list-style-type: square;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.text ul li {
	margin: 0;
	padding: 0;
}

ul.basic_index {
	font-size: 13px;
	list-style-type: square;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	padding-left: 30px;
	overflow: hidden;
}

ul.basic_index li {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 35px;
}

.center {
	text-align: center;
}

.border_clear {
	clear: both;
	border-bottom: 1px solid red;
}

.more_space {
	padding-top: 20px;
}	

#container {
	background: url(../Graphics/Page%20Elements/Left_edge.jpg) repeat-y;
	padding: 0 0 0 25px;
	overflow: auto;
}

#container div.wide {
	clear: both;
	margin: 0;
	margin: 10px 0 5px 0;
	padding: 0;
	background-color: #FFFF66;
	background-color: #FFFFFF;
	/* width: 760px; */
	overflow: hidden;
}

#container div.wide .text {
	margin: 0;
	padding: 0;
	padding: 10px;
}

#container div.wide .text p {
	margin: 0;
	padding: 0;
}

div.half_width {
	overflow: hidden;
	float: left;
	margin: 4px;
	width: 375px;
}

div.half_width a {
	display: block;
	margin: 0;
	padding: 0;
	padding: 5px 0;
	font-size: 11px;
}

div.half_width a span {
	font-size: 15px;
}

/* #container .content_style1 {
	float: left;
	width: 540px;
	padding-right: 235px;
	overflow: auto;
}

#sidebar {
	float: right;
	width: 234px;
	margin-left: -539px;
	overflow: auto;
}



#sidebar .sidebar_content {
	margin: 0 5px 0 55px;
}

#sidebar p {
	color: #000;
	font-size: 13px;
}

#sidebar .sidebar_buttons {
	width: 184px;
	float: right;
	text-align: center;
	margin: 0 5px 0 0;
}

#sidebar .sidebar_buttons a img{
	border: none;
}

#sidebar .sidebar_buttons a:hover img {
	border: none;
	opacity: 0.7;
}

#sidebar .sidebar_buttons a:visited img{
	border: none;
}

*/

#container .content_style2 {
	clear: both;
}

#nav {
	height: 127px;
	width: 765px;
	background: bottom left url(../Graphics/Page%20Elements/yellow_block.gif) repeat-x;
	margin-bottom: 5px;
}

img.logo {
margin: 0;
padding: 0;
position: absolute;
left: 331px;
top: 325px;
top: 340px;
z-index: 5;
}

#logobox {
margin: 0;
padding: 0;
position: absolute;
left: 331px;
top: 325px;
top: 340px;
z-index: 5;
width: 154px;
height: 154px;
background: url(../Graphics/Logo/circle_logo.png) no-repeat;
}

img.title {
margin: 17px 0 17px 36px;
}

img.float_right {
	float: right;
	margin: 5px;
}

img.no_border {
	border: none;
}

/* =============== index boxes styles ======================= */

div.index_boxes, div.index_boxes2, div.index_boxes3, div.index_boxes4 {
	float: left;
	margin: 4px;
	width: 375px;
	height: 250px;
	background-color: #CCFF66;
	overflow: hidden;
}

div.index_boxes .text, div.index_boxes2 .text, div.index_boxes3 .text, div.index_boxes4 .text {
	margin: 0;
	padding: 10px;
}

div.index_boxes .text h1, div.index_boxes2 .text h1, div.index_boxes3 .text h1, div.index_boxes4 .text h1 {
	margin: 0;
	color: #FF0000;
}

div.index_boxes .text p, div.index_boxes2 .text p, div.index_boxes3 .text p, div.index_boxes4 .text p {
	margin: 0;
	margin-top: 5px;
}

div.index_boxes .text ul, div.index_boxes2 .text ul, div.index_boxes3 .text ul, div.index_boxes4 .text ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 20px;
	list-style-type: square;
}

div.index_boxes .text ul li, div.index_boxes2 .text ul li, div.index_boxes3 .text ul li, div.index_boxes4 .text ul li {
	margin: 0;
	line-height: 18px;
	margin-bottom: 4px;
}

div.index_boxes3 img.transp {
	float: right;
}

div.index_boxes4 img.transp {
	float: left;
}

div.index_boxes2, div.index_boxes3 {
	background: url(../Graphics/Page%20Elements/yellow_block.gif);
	background: #FFFF66;
}

div.index_boxes3, div.index_boxes4 {
	height: 375px;
}

div.index_boxes4 h1 {
	padding-left: 65px;
}

div.index_boxes4 ul.right_indent {
	padding-left: 65px;
	margin-bottom: 0;
}


/* =============== end index boxes styles ======================= */

div.margin {
margin: 0;
}

div.margin p {
text-align: left;
font-size: 13px;
}

div.margin h1, div.margin h2, div.margin h3, div.margin h4 {
text-align: left;
font-size: 19px;
font-weight: bold;
color: #FF0000;
}

div.margin h3 {
text-align: center;
font-size: 16px;
}

h3.topspace {
margin-top: 75px;
}

h3.topspace2 {
margin-top: 125px;
}

div.margin h4 {
font-size: 16px;
margin-bottom: -5px;
}

div.margin ul {
text-align: left;
font: 13px Arial, Helvetica, sans-serif;
}

ul.key {
margin-left: 155px;
list-style-type: square;
}

ul.key li {
margin-bottom: 3px;
}

ul.key li p {
margin: 0;
}

ul.nobullet {
list-style-type: none;
margin-left: -30px;
}

ul.nobullet_sidebar {
list-style-type: none;
margin-left: -40px;
}

ul.nobullet li {
margin-bottom: 8px;
}

ul.nobullet_sidebar li {
margin-bottom: 15px;
font-weight: bold;
}

ul.nobullet_sidebar li p {
margin: 0;
margin-top: 2px;
font-weight: normal;
}

img.samples {
float: left;
}

/* ================= instant downloads =================== */

.stacked {
text-align: center;
margin: 0;
}

.stacked2 {
margin: 0 0 20px 0;
}

.h1stacked {
margin: 0;
}

div.margin h1.h1stacked2 {
margin: 0;
color: #9d248f;
}

div.margin p.skillset {
	font-size: 11px;
}

div.margin h5 {
text-align: center;
font: bold 26px Arial, Helvetica, sans-serif;
color: #FF0000;
margin: 15px 0;
}

.clear {
clear: both;
}

/* ================================ bottom navigation styles ===================== */

#bottom_nav {
	clear: both;
	font-size: 10px;
	padding-top: 10px;
}

#bottom_nav div {
	float: left;
	width: 107px;
	height: 25px;
	display: inline;
	text-align: center;
	margin-top: 8px;
}

#bottom_nav .two_links {
	margin-top: 0;
}

/* ================================ end bottom navigation styles ===================== */

#footer {
	clear: both;
	margin: 0;
	margin-left: -25px;
	padding: 0;
	padding-top: 17px;
	height: 44px;
	background: bottom left url(../Graphics/Page%20Elements/bg_bottom2.jpg) no-repeat;
}

#footer p {
	margin: 0;
	margin-left: 25px;
	padding: 0;
	padding: 3px 5px 3px 10px;
	font-size: 10px;
	font-weight: bold;
	width: 750px;	
	background-color: #FF3300;
	background: url(../Graphics/Page%20Elements/Dot.jpg);
	color: #FFF;
}

.clearing:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}