@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-left:0px;
}

td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h2{
	padding:0px;
	margin:0px;
	font-size:16px;
}

h3{
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}


#container { 
	width: 967px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:dotted 1px #666666;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


#header {
width:967px;

}

#mainContent{
	padding:0px 20px 0px 20px;
	float:left;
	width: 650px;
	background-image:url(../images/ist2_4319108_binary_codeedit.jpg);
	background-repeat:no-repeat;
	background-position:top
}

#rightSideBar{
	background-image:url(../images/tableGradient.gif);
	background-repeat:repeat-x;
	padding:0px;
	margin-top:0px;
	float:right;
	width:270px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer{
background-image:url(../images/bottomBorder.gif);
background-repeat:repeat-x;
background-position:bottom;
	padding-left:30px;
	padding-top:20px;
	font-weight:bold;
	clear:both;
}
.blueBar{
	color:#FFFFFF;
	background-color:#496ab3;
	padding:6px;
	margin:0px;
}
.padded{
	padding:22px 10px 14px 15px;
}
.paddedRight{
	padding-right:30px;
}



/*right nav*/


#navcontainer
{
width: 200px;
margin: 0 auto;

font-family: verdana, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
width: 200px;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 200px;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffffff #0000ff #000066 #ffffff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #496ab3;
color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color:#CCCCCC;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}