@charset "utf-8";


html{
	height:100%;
	overflow-y:auto;
	text-align:center;
}


body   { 
	color: #000000;
}

 
body, p, input, form, textarea, select, ol, ul, li, table, a { 
	font-size: 12px; 
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	color: #000000;

}

a:link {color:#13507F;text-decoration:none;}
a:visited {color:#13507F;text-decoration:none;}
a:active {color:#13507F;text-decoration:none;}
a:hover {color:blue;text-decoration:none;}

a:link img {border:none}
a:hover img {border:none}
a:visited img {border:none}
a:active img {border:none}

table{
}

td{
	padding-top:10px;
}

ul{
	padding-left:0px;
	margin-left:0px;
	margin-right:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}

li{
	padding-bottom:5px;
}

H1 {
	font-size:15px;
	color:#0066cc;
	line-height:150%;
}

H2 {
	font-size:13px;
	font-weight:bold;
	display:inline;
	color:#339933;
	padding:0px;
	margin:0px;
	
}

h3 {
  
}

h4 {
  
}

#containerinner{
	width:875px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}


#green {
	width:212px;
	background:url('/Prolearning/images/green.gif') repeat-y;
	margin:0;
	padding:0;
}

.g1 {
	width:212px;
	background:url('/Prolearning/images/g1.gif') no-repeat;
	height:10px;
}

.g2 {
	width:212px;
	background:url('/Prolearning/images/g2.gif') no-repeat;
	height:21px;

}

.g3 {
	width:176px;
	background:url('/Prolearning/images/g3.gif') repeat-y;
	padding-left:18px;
	padding-right:18px;
	font-size:12px;
	font-family:verdana;
}

.g4 {
	width:212px;
	background:url('/Prolearning/images/g4.gif') no-repeat;
	height:33px;
}

.bt1 {
	width:198px;
	height:48px;
	margin-left:8px;
	background:url('/Prolearning/images/bt1.gif') no-repeat;
	cursor:pointer;
}

.bt2 {
	margin-top:10px;
	width:198px;
	height:48px;
	margin-left:8px;
	background:url('/Prolearning/images/bt2.gif') no-repeat;
	cursor:pointer;
}

.bt1h  {
	width:198px;
	height:48px;
	margin-left:8px;
	background:url('/Prolearning/images/bt1h.gif') no-repeat;
	cursor:pointer;
}

.bt2h {
	margin-top:10px;
	width:198px;
	height:48px;
	margin-left:8px;
	background:url('/Prolearning/images/bt2h.gif') no-repeat;
	cursor:pointer;
}

#blue {
	width:212px;
	background:url('/Prolearning/images/b3.gif') repeat-y;
	margin-top:10px;
	padding:0;

}

.b1 {
	width:212px;
	background:url('/Prolearning/images/b1.gif') no-repeat;
	height:8px;
}

.b2 {
	width:212px;
	background:url('/Prolearning/images/b2.gif') no-repeat;
	height:28px;
	font-size:13px;
	font-family:verdana;
	vertical-align:center;
	line-height:28px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.b3 {
	width:176px;
	background:url('/Prolearning/images/b3.gif') repeat-y;
	padding-left:18px;
	padding-right:18px;
	font-size:11px;
	font-family:verdana;

}

.b3 ul li{font-size:11px;}
.b3 p{font-size:11px;}
.b3 a{font-size:11px;}

.b4 {
	width:212px;
	background:url('/Prolearning/images/b4.gif') no-repeat;
	height:28px;
	font-size:11px;
}

.b5 {
	width:212px;
	background:url('/Prolearning/images/b5.gif') no-repeat;
	height:28px;
}


.division {
	background:url('/Prolearning/images/div.gif') repeat-X;
	width:640px;
	height:2px;

}

.p_list {
	width:640px;
}

.p_list .list ul {
	text-decoration:none;
	list-style:none;
	width:270px;
}

.p_list .list ul li{
	text-decoration:none;
	list-style:none;
	width:270px;
}

.p_list .list ul li a{
	text-decoration:none;
	list-style:none;
	color:#13507F;
	font-weight:bold;
	width:270px;
}

.p_list2 {
	width:330px;
	color:#13507F;
}

.p_list2 .list ul {
	text-decoration:none;
	list-style:none;
	width:300px;
	color:#13507F;
}

.p_list2 .list ul li{
	text-decoration:none;
	list-style:none;
	width:300px;
	color:#13507F;
}

.p_list2 .list ul li a{
	text-decoration:none;
	list-style:none;
	color:#13507F;
	font-weight:bold;
	width:300px;
}

.bl {
	background:url('/Prolearning/images/dot.gif') repeat-X;
	height:33px;
	width:270px;
	line-height:33px;
	font-weight:bold;
	color:#13507F;
}

.bl span {
	font-weight:none;
	color:#13507F;
}

.bl2 {
	background:url('/Prolearning/images/dot.gif') repeat-X;
	height:33px;
	width:300px;
	line-height:33px;
	font-weight:bold;
	color:#13507F;
}

.bl2 span {
	font-weight:none;
	color:#13507F;
}


#rightside{
	float:right;
	width:25%;
	margin-left:15px;
	margin-top:0px;
	padding:0;
}

/* #blue{
	background-color:#99ccff;
	text-align:center;
	color:white;
	font-size:15px;
	padding-top:5px;
	font-weight:bold;
	border:solid 1px #003399;
}*/

#innerblue{
	text-align:left;
	background-color:white;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:4px;
	margin-top:5px;
	font-weight:normal;
	padding-top:0px;
	border:solid 1px #003399;
}

#orange{
	background-color:#ffcc66;
	text-align:center;
	color:white;
	font-size:15px;
	padding-top:5px;
	font-weight:bold;
	border:solid 1px #996600;
}

#innerorange{
	text-align:left;
	background-color:white;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:4px;
	margin-top:5px;
	padding:10px;
	font-weight:normal;
	padding-top:0px;
	border:solid 1px #996600;
}


#pink{
	background-color:#ffcccc;
	text-align:center;
	color:white;
	font-size:15px;
	padding-top:5px;
	font-weight:bold;
	border:solid 1px #660033;
}

#innerpink{
	text-align:left;
	background-color:white;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:4px;
	margin-top:5px;
	padding:10px;
	font-weight:normal;
	padding-top:0px;
	border:solid 1px #660033;
}



body {
 font: 13px/1.4 sans-serif;
}


/*THE FOLLOWING WAS TAKEN FROM http://www.twinhelix.com/dhtml/supernote/ */

/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 visibility: hidden;
 top: 1.5em;
 left: 2em; width: 10em;
}
.notedefault {
 padding: 3px;
 border: 1px solid #369;
 background-color: #69C;
 color: white;
}
.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 15px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: white;
 color: black;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 0px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden;
}
.snb-pinned .note-close {
 visibility: inherit;
}