@charset "utf-8";

/* CSS Document */

.clearfix:after, .container:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix, .container {

display:inline-block;

}

* html .clearfix, * html .container {

height:1%;

}



.clearfix, .container {

display:block;

}

.clear {

clear:both;

}



body {

	background-color: #C8CED3;

	margin-top: 0em;

	margin-bottom: 0em;

}

body,td,th {

	font-family: Helvetica, Times New Roman, Times;
	
	letter-spacing: .4px;

	color: #202020;

	font-size: 11.5px;

	line-height:18px;

}

a {

color: #17006b;

text-decoration: none;

}

img, div, a, input { behavior: url(templates/vj-learnco/iepngfix.htc) }

#wrapper {

background-color:#B3BBC1;

width:710px;

margin:0 auto;

padding-left: 10px;

padding-right: 10px;

padding-bottom: 10px;



}



.container {

width:710px;

margin:0 auto;

background: #fff url(../images/learn.jpg) no-repeat;

}



#main {

float: left;

width: 710px;

background:url(../images/bg.png) repeat-y;

margin-top: 250px;

padding-bottom: 30px;

}



#footer {

width:710px;

margin:0 auto;

text-align: center;

margin-bottom: 60px;

}

#footer .moduletable {

width:710px;

}





#left {

  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  width: 210px;

  float: left;

  clear: both;

}



#logo {

margin-left:3px;
margin-bottom: 18px;
margin-top:2px;
width: 220px;

}





#right {

float: right;

width: 460px;

}

#search {

margin-top: 20px;

float: right;

background-color:#34a8a8;

height: 30px;

width: 230px;

}



#search a{

color: white;

margin-left: 5px;

line-height: 30px;

font-weight: bold;

text-decoration: none;

}



#slogan {

margin-top: 100px;

}

#content {

width: 440px;

margin-right: 20px;

}

#message {
	
	color: #F00;
	
	font-weight: bold;
	
	font-size: 15px;
	
}



#left .moduletable, #left .moduletable_menu {

border-left: solid 1px #17006b;

margin-left: 20px;

margin-top: 50px;

}

#left .moduletable-orange {

border-left: solid 1px #FF9900;

margin-top: 20px;

}



#left p, #left h3 {

padding-left: 7px;

}

/* primary menu - at the top of this site */



#left ul, 

#left li {

	list-style-type:none;

	list-style-image:none;

	padding: 0;

	margin: 0;

}



#left ul {



} 



#left ul li {

display:block;

padding-left: 7px;

}



#left ul li a, 

#left ul li a:link, 

#left ul li a:visited {

	color: #333;

	font-size: 12px;

	text-decoration: none;

	line-height:150%;
	
	font-weight: bold;

}



#left ul li a:hover, 

#left a#active_menu  {

	color: #17006b;

}



#left h2 {

font-size: 12px;

}

/* COMMON TAGS */

.modifydate {

	color: #C0C0C0;

}



.author {

	color: #C0C0C0;

}



.createdate {

	color: #C0C0C0;

}



.contenttoc {

	margin: 5px;

}





ul { 

	margin: 2px;

	padding: 6px;

	padding-left: 15px;

}



li {	

	list-style: none;

	list-style-image: url(../images/arrow.png);

	padding-left: 1px;

	line-height: 150%;

}



ul.arrow1 li,

ul.arrow2 li {

	padding-left: 5px;

	padding-bottom: 2px;

	padding-top: 2px;

}



.buttons {

	float:right;

	width:85px;

}



.buttons .buttonheading {

	float:left;

}



.buttons img {

border: 0;

}



/* Poll Module Styles */



.poll-radio {

	padding-bottom:5px;

	float:left;

	clear:left;

	width:14%;

	text-align:center;

}



.poll-option {

	float:left;

	padding-bottom:5px;

	width:85%;

}



.poll h3 {

	border:none;

}

/* template specific tags */

#slogan h2 {

font-family: Helvetica, Arial, sans-serif;font-size: 14px;

text-transform: uppercase;

color: gray;

}

h2.contentheading, h2.componentheading {

font-family: times new roman;

font-size: 16px;

font-variant:small-caps;

color: #333;

font-weight: bold;

padding-top: 10px;

}

#content h4 {

color: #3DB2D5;

border-bottom: solid 1px gray;

font-size: 14px;

}