@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_top.jpg) no-repeat;
	padding-top: 25px;
}

a:link {
color:#FF0000;
}

a:hover {
color:#FF0000;
text-decoration: none;
}

a:visited {
color:#663666;
color:#9d248f;
}

.red {
color:#FF0000;
}

a.blue {
color: #00F;
}

a.blue:link {
color: #ccc;
}

a.blue:hover {
color: gray;
text-decoration: none;
}

h1 {
	font-size: 19px;
}

h2, h3, h4 {
	font-size: 16px;
}

p {
	font-size: 13px;
}

.center {
	text-align: center;
}

.border_clear {
	clear: both;
	border-bottom: 1px solid red;
}

#container {
	background: url(../Graphics/Page%20Elements/bg_binder.jpg);
	padding: 0 0 0 25px;
	overflow: auto;
}

#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;
	/* filter:alpha(opacity=70); */ /* for IE */
}

#sidebar .sidebar_buttons a:visited img{
	border: none;
}

#container .content_style2 {
	clear: both;
}

#nav {
	height: 127px;
	width: 540px;
	background: bottom left url(../Graphics/Page%20Elements/yellow_block.gif) repeat-x;
}

img.logo {
float: left;
margin: 0 16px 20px 0;
}

img.title {
margin: 17px 0 17px 36px;
}

img.float_right {
	float: right;
	margin: 5px;
}

/* ================================ accordion styles ===================== */

#accordion {
	margin: 0;
	padding: 0;
}

#accordion p.in_accordion {
	margin: 0 0 15px 0;
	padding: 0;
	width: 540px;
	font-size: 13px;
}

#accordion h2.toggler {
	margin: 0;
	margin: 5px 0;
	padding: 0;
	padding: 10px 5px;
	font-size: 16px;
	width: 526px;	
	background-color: #FFFFCC;
	border: 2px solid #FC9;
	clear: both;
	cursor: pointer;
}

#accordion h2.toggler a {
	color: #FF0000;
}

#accordion h2.toggler a:hover {
	color: #9d248f;
}

#accordion li {
	font-size: 13px;
}

#accordion .bottom_accordion {
	padding-bottom: 10px;
}

/* ================================ accordion content columns ===================== */
.content_style2 div.columned {
float: left;
margin: 0;
width: 180px;
text-align: center;
}

.content_style2 div.columned_yellow {
float: left;
margin: 0;
width: 180px;
background-color: #FFFFCC;
height: 100%;
text-align: center;
}

.content_style2 div.columned_right {
float: right;
margin: 0;
width: 180px;
text-align: center;
}

.content_style2 #accordion .category1 {
padding-bottom: 5px;
overflow: auto;
}

div.columned p, div.columned_yellow p, div.columned_right p {
margin: 0;
text-align: center;
font-size: 13px;
}

/* div.columned ul p, div.columned_yellow ul p, div.columned_right ul p {
margin: 1px 0 0 0;
padding: 0;
}
*/

div.columned img, div.columned_yellow img, div.columned_right img {
margin: 0;
padding: 0;
margin: 10px;
display: inline; /* centered images by displaying them inline in a div with text-align: center applied */
}

div.columned h1, div.columned h2, div.columned h3, div.columned h4,
div.columned_yellow h1, div.columned_yellow h2, div.columned_yellow h3, div.columned_yellow h4,
div.columned_right h1, div.columned_right h2, div.columned_right h3, div.columned_right h4 {
text-align: center;
font-weight: bold;
color: #FF0000;
}

div.columned h3, div.columned_yellow h3, div.columned_right h3 {
text-align: center;
font-size: 16px;
margin: 0;
}

div.columned h3.margined, div.columned_yellow h3.margined, div.columned_right h3.margined {
margin: 5px 0;
}

div.columned h4, div.columned_yellow h4, div.columned_right h4 {
font-size: 16px;
margin-bottom: -5px;
}

div.columned ul, div.columned_yellow ul, div.columned_right ul {
margin: 0;
padding: 0;
padding-bottom: 10px;
text-align: center;
font-size: 13px;
padding-left: 5px;
padding-right: 5px;
}

div.columned ul li, div.columned_yellow ul li, div.columned_right ul li {
margin: 7px 0 0 0;
padding: 0;
}

div.columned form, div.columned_yellow form, div.columned_right form {
margin: 0;
padding: 0;
margin: 10px 0;
}

/* ================================ end accordion content columns ===================== */

/* ================================ end accordion 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.not_key {
	list-style-type: square;
}

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;
}

/* ================= tab styles =================== */

#tabContainer {
	clear: both;
}

#tabContainer img {
	float: right;
}

#tabContainer h1, #tabContainer h2, #tabContainer h3, #tabContainer h4 {
	color: #FF0000;
}

#tabContainer li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	padding: 4px;
	margin-right: 20px;
	font-size: 13px;
}

#tabContainer .tab-menu {
	display: block;
	border-bottom: 1px solid #F00;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#tabContainer .tab-menu a {
	color: #FFF;
	text-decoration: none;
	padding: 4px;
	background-color: #F00;
}

#tabContainer .tab-menu a:hover {
	color: #FFF;
	text-decoration: underline;
	padding: 4px;
	background-color: #FF9966;
}

#tabContainer .tab-wrapper {
	overflow: auto;
}

#tabContainer .tab-tab {
	overflow: auto;
}

#tabContainer .tab_content {
	overflow: auto;
}

#tabContainer .tab-menu li.tab-selected a
{
	text-decoration: none;
	color: #FFF;
	background: #9d248f;
	/* your effect here */
}


/* ================= 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: 32px;
}

#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_bottom.jpg) no-repeat;
}

#footer p {
	margin: 0;
	margin-left: 25px;
	padding: 0;
	padding: 3px 5px 3px 10px;
	font-size: 10px;
	font-weight: bold;
	width: 526px;	
	background-color: #FF3300;
	background: url(../Graphics/Page%20Elements/Dot.jpg);
	color: #FFF;
}

.clearing:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}