/*--------------------------------------------------------------------- 

	Name: Paradigm Learning
	Coder: Michael Westafer & Alex Swanson 

----------------------------------------------------------------------- */

/* Global Reset
----------------------------------------------------------------------- */

* { margin: 0; padding: 0;  }
/*
html { min-height: 100%;}
html { overflow-y: scroll; }
*/
#rightcol, #leftcol {float:left;}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	line-height:20px;
}
ul { margin: 3px 0 12px 0;}

#maincontent li, .bullet li {
	position:relative;
	padding: 5px 5px 5px 35px;
	list-style-position: outside;
	list-style-type: none;
	line-height:20px;
	background-image: url(../img/bullet-orange.gif);
	background-repeat: no-repeat;
	background-position: 18px 13px;
}

p { margin-bottom: 10px; line-height:20px; }
a img { border: none; }
form, input {margin: 0; padding: 0; display: inline;}

blockquote {margin: 15px 0 15px 35px;}

/* Headers & Styles
 ----------------------------------------------------------------------- */

a:link, a:visited { color: #339999;}
a:hover { color: #ff9900;}

a.orangelink:link, a.orangelink:visited { color: #ff9900;}
a.orangelink:hover {color: #339999; }

h1,h2,h3,h4 { padding-top: 0px; margin-bottom: 0px;}

.headline {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color:#339999;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0;
}

.headlineZodiak {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color:#ff9900;
	line-height: 28px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;
} 

h2 {
	/*font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#676767;
	line-height:27px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;*/
}
h3 {
	color: #339999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}

h4{
	color:#ff9900;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* Global Classes 
----------------------------------------------------------------------- */

.clearer {clear: both; font-size: 0;}
.left { float: left; }
.left-img { float: left; margin: 5px 10px 5px 0px}
.right { float: right; }
.right-img { float: right; margin: 5px 0px 5px 10px}

.testimonials  td {padding: 0 0 20px 0;}

table.testimonials  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #676767;
}


.purple { color:#630d8c;}

.orange {	color:#ff9900;}

/* structure ----------------------------------------------------------------------- */

body { background:#ffffff url('../img/bg-fade.gif') repeat-x;color: #333333; font-size:12px; font-family: Verdana,sans-serif; padding-top: 0px; }
#inner-container { margin: 0 auto; width: 989px; }
#outer-container { padding-bottom: 50px; }

/* Header 
----------------------------------------------------------------------- */

#header {
	background-color:none;/*url('images/header.jpg') no-repeat*/;
	height: 158px;
	text-align: left;
	position:relative;
}

		#header #ParadigmLearning{ position: absolute; top: 52px; left: 8px; width: 275px; height: 40px; background-color:none; }	
		#header #logoTitle .tagline {position: absolute; top: 60px; left: 275px; width: 500px; height: 30px; background-color:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	font-weight:bold; color:#288989; padding:0; } 
	
		/* --- Top Naviagtion --- */
				  				  
		#navtopwrapper { position: absolute; top: 0px; right:0;  height:35px;  background: url(../img/nav-top-background.gif) repeat-x; } 
		#navtop { background: /*url(../img/nav-right.gif) no-repeat*/; background-position:right top; position: relative;}
		#navtopleft{ background: url(../img/navtop-left-trans.gif) no-repeat; background-position: left top;
					 position:absolute;
					 left: 0px;
					 top: 0px;
					 height:35px;
					 width:15px;
		}
		#navtopright{
					background: url(../img/navtop-right-trans.gif) no-repeat;
					background-position: right top;
					position:absolute;
					right: 0px;
					top: 0px;
					height:35px;
					width:15px;
		}

		#navtop ul { position:relative; margin: 0;padding: 0; list-style: none; width:355px; }
		#navtop li a {
	position:relative;
	float: left;
	padding: 8px 15px 0px 15px;
	text-decoration: none;
	color:#FFFFFF;
	border: none;
	height:30px;
	font-size: 10px;
}
		#navtop li a:hover, #nav li .selected{ position:relative; background: url(../img/nav-top-backgroundhover.gif) repeat-x; background-position:left top; }
		#navtop li {
					position:relative;
					float: left;
					text-transform: capitalize;
					display: inline;
					
					font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; 
		} 
		
		.whiteborder  {	border-right: 1px solid #FFFFFF;}


		/* --- Main Navigation --- */
		
		#navwrapper { background: url(../img/nav-background.gif) repeat-x; position:absolute; top:117px; left:3px; height:40px;  width:981px; margin: 0px; padding: 0px; }
		#nav { background: url(../img/nav-right.gif) no-repeat;background-position: right top; width: 981px;position: relative;}
		#navleft{ background: url(../img/nav-left-trans.gif) no-repeat; background-position: left top;
					position:absolute;
					left: 0px;
					top: 0px;
					height:40px;
					width:15px;
		}

		#nav ul { position:relative; margin: 0; padding: 0; list-style: none; width:100%; }
		#nav li a { position:relative; float: left; padding: 10px 12px 0px 12px; text-decoration: none;color: #FFFFFF; border: none; height:30px;}
		#nav li a:hover, #nav li .selected{ position:relative; background: url(../img/nav-background-hover.gif) repeat-x; background-position: left top; }
		nav li .last {border-right: 1px solid #FFFFFF;}
		#nav li {
					position:relative;
					float: left;
					text-transform: capitalize;
					display: inline;
					border-right: 1px solid #FFFFFF;
					font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; 
		} 


/*#nav li a .topspace{
	margin: 0px;
	padding-top: 10px;
	line-height: 32px;
}	*/

.searchform, .insiderform{
	padding: 0px;
	font-size: 11px;
}

.searchinput {
	padding: 2px;
}

							  
						
						
form#search {
	text-align: right;
	position:absolute;
	top: 57px;
	right: 15px;
	width: 150px;


	}

/* attribute selector */


/* attribute selector */
form#search input[type="image"], form#insider input[type="image"]  {
	padding-top: 3px;
	}
	

/* Main navigation
 ----------------------------------------------------------------------- */
 



/* Main Content Area (Backgrounds)
----------------------------------------------------------------------- */

/*homepage bg*/

#maincontent{
	clear: both;
	background-color: #FFFFFF;
	background-image: url(..//img/bg-main-content.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 941px;
	position: relative;
	margin-top: 5px;
	margin-left: 3px;
	min-height: 450px;
	padding:20px;
}

#ACCmain{	position:relative; float:left; width:400px;}




#CONTENTmain{position:relative; float:left; width:465px; padding-left:25px; padding-top:15px;}


/* Secondary Pages
----------------------------------------------------------------------- */
#CONTENTsecondNotop{
	position:relative;
	float:right;
	width:715px;
	margin: 0px;
}

#CONTENTsecond{
	position:relative;
	float:right;
	width:715px;
	margin: 0px;
	padding-top: 120px;
}

#CONTENTsecond h1,#CONTENTsecondNotop h1 {font-size:18px; color:#ff9900;}


#pagephoto{
	position:absolute;
	top: 0px;
	left: 0px;
}

#secondnav{	position:relative; float:left; width:190px;}

		#secondnavcolor {
		width: 190px;
	border: 1px solid #c5dcdd;
		background-color: #339999;
	}
	
	#secondnavcolor h2 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;

padding: 10px 45px 10px 7px;
	background: url(../img/subnav-background.gif) repeat-x;
	background-color:#288989;
	
	line-height: 14px;
	text-transform: none;
	}
	
	#secondcolumn{ float:left; width:530px;}

	#secondcolumn2{ float:left; width:100%;}
#thirdcolumn{
	float:right;
	width:150px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

 #thirdcolumn img{padding-bottom:10px;}


#sublinks {
	background-color: #FFFFFF;
	
}

	#sublinks {
	background-color: #FFFFFF;
		padding: 0px 0px 0px 0px;
		width:190px;


}

#sublinks{
	/*border:1px solid black;*/

	line-height:18px;
}

#sublinks  a{
	font-size: 11px;
	font-weight: normal;
	display: block;
	/*border-bottom: 1px solid black;*/
	width: 170px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font-weight: bold;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5dcdd;

	
}

#sublinks  a.level-1 {}
#sublinks  a.level-2		{
width: 150px;
	padding-left:30px;
		background-image: url(../img/subnav-arrow_03.gif);
	background-repeat: no-repeat;
	background-position: 16px center;}


#sublinks a:hover, #sublinks .selected{ /*hover background color*/
background-color: #efefef;
color: #339999;

}

#sublinks li {

		padding: 0px 0px 0px 0px;

}
	
	#whitepaper{ margin-left:55px;}
	.clientstory{ margin-left:55px; }
	#clientstory{ margin-left:55px;}

	
	#CONTENTmain img {float:left;}
	
	


/* Content Boxes ( 1/2/3 Column )
----------------------------------------------------------------------- */

	/*  i wish this worked....
	
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40; */


/*CTA layout*/

#CTAwrapper{
	position:relative;
	width: 981px;
	margin-top: 12px;
	margin-left: 3px;
	min-height: 155px;
	margin-bottom:12px;
}

#CTAwrapper a:link, #CTAwrapper a:visited, #CTAwrapper a:hover{ text-decoration:none;}

#CTAfloat{ float: left; position:relative; width:644px;
	min-height: 160px;}

.social-icons img { margin: 8px 5px 0 0; }

/*CTA wrapper Backgrounds*/
	
	#CTAblog{
		float:left;
		background-color:#daffb5;
		background-image: url(../img/bg-blog-repeat-x.jpg);
		margin-right:27px; }
		
	#CTAgames{
		float:left;
		background-color:#fedc84;
		background-image: url(../img/bg-games-repeat-x.jpg); 
		margin-right:27px;
		}
		
	#CTAinsider{
		float:left;
		background-color:#dfaaf8;
		background-image: url(../img/bg-insider-repeat-x.jpg); }
	
	#CTAdemo {float:left; } 
	#CTAproductnews{float:left; } 
	#CTAcontactus {float:left; } 

/*CTA global */
	

#CTAblog, #CTAgames, #CTAinsider {
	width: 292px;
	height: 170px;
	position: relative;
	border: 8px solid #d3e9e9;
	background-repeat: repeat-x;
	background-position: left top;
}

 #CTAdemo, #CTAproductnews, #CTAcontactus {
	width: 319px;
	min-height: 160px;
	position: relative;
	border:none;
	margin-top: 15px;
}

#CTAdemo, #CTAproductnews { 
	background-image: url(../img/CTA-bottom-divider.jpg);
	background-position: right top;
	background-repeat: no-repeat;}
	
#CTAcontactus { padding: 0 0 0 0px; }



.CTAicon img {
	position: relative;
	margin-left: 10px;
	position: relative;
	float:left;
}

.CTAicon-bottom img {
	position: relative;
	margin-left: 25px;
	position: relative;
	float:left;
}

.CTAtext{
	position: relative;
	width:200px;
	height:95px; /*to position buttons*/
	margin-right: 12px;
	position: relative;
	float:right;
	margin-top: 15px;
	font-size: 11px;
	line-height: 16px;
}

.CTAtext-bottom{
	position: relative;
	width:215px;
	margin-right: 15px;
	min-height:120px;
	float:right;
	font-size: 11px;
	line-height: 22px;
	color:#696969;
}

CTAtext-bottom h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;


}

.CTAtext h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

	#CTAblog h3{
		color: #6ebe44;
	}
	
	
	#CTAgames h3{
		color: #ff9900;
	}
	
	#CTAinsider h3{
		color: #630d8c;
	}

/*button arrow colors*/

	#CTAblog .btn	{
	background-image: url(../img/btn-blog-right.gif);}
	
	#CTAgames .btn	{
	background-image: url(../img/btn-games-right.gif);}
	
	#CTAinsider .btn	{
	background-image: url(../img/btn-insider-right.gif);}
	
	.btn	{
	background-image: url(../img/btn-games-right.gif);}
	
	#Zodiak-Home .btn { background-image: url(../img/btn-zodiak-right.gif); }
	
	#CTAdemo .btn, #CTAproductnews .btn, #CTAcontactus .btn	{
	background-image: url(../img/btn-standard-right.gif);}

	
/* buttons global*/

.btn {
	background-position: right top;
	background-repeat: no-repeat;
	width:143px;
	height:21px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	line-height: normal;
	margin-top: 12px; margin-right: 20px;
	
}

.btn p { padding:0;}

	#CTAblog .btn, #CTAgames .btn, #CTAinsider .btn {margin-top: 20px;}

.btn a {
	background-image: url(../img/btn-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:133px;
	height:21px;
	display:block;
	padding:4px 0 2px 10px;
	text-decoration: none;
}
 
.btn a:link, .btn a:visited{color: #676767;}

.btn a:hover {color: #ff9900; text-decoration: underline;}

/*button a:link colors*/
 
 #CTAblog .btn a:link, #CTAblog .btn a:visited{color: #6ebe44;}
 
 
 #CTAgames .btn a:link, #CTAgames .btn a:visited{color: #ff9900;}
 
 
 #CTAinsider .btn a:link, #CTAinsider .btn a:visited{color: #630d8c;}
 
 #CTAblog .btn a:hover,  #CTAgames .btn a:hover,  #CTAinsider .btn a:hover{color: #676767; text-decoration: underline;}


/* --- Content Layout Coulmns --- */



/* ---  Home Page Style --- */

#ZodiakSlide {
	background: transparent url('http://www.paradigmlearning.com/images/slides/bg-widget-fade.gif') no-repeat;
	height: 296px;
	padding: 8px 10px 0px 10px;
	width: 416px;
	margin: 10px 10px 0 0;
	display:block;
	float:left;
}

#Home-text { width: 490px; float: right;}

/*.Zodiak-Home-Text a:link { color: #339933; }
.Zodiak-Home-Text a:visited { color: #339933;}
.Zodiak-Home-Text a:hover {	color: #FF9900; }*/

.Discovery-Home { float:right; margin: 15px 0 0 0;}

/* SubNav Drop Down
----------------------------------------------------------------------- */

#subnav div {
	padding: 0 3px 3px 3px;
	background-color: #c5dcdd;
}

.dropdownmenu, .dropdownmenu ul {
	margin: 0;
	padding: 0;

	padding: 3px 3px 3px 3px;
	background-color: #c5dcdd;

	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	/*border:1px solid black;*/
	border-bottom-width: 0;
	visibility: hidden;	
	z-index: 1000;

	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
}

.dropdownmenu li a {
	display: block;
	width: 185px;
	/*border-bottom: 1px solid black;*/
	background-color: #ffffff;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #c5dcdd;
	font-weight: normal;
}

* html .dropdownmenu li a { /*IE6 CSS hack*/
	display: inline-block;
}

.dropdownmenu li a:hover { /*hover background color*/
	background-color: #efefef;
	color: #339999;
}

.dropdownmenu img {
	position: absolute;
	padding-top: 3px;
	right: 8px;
	border: 0;
}

/* FOOTER
----------------------------------------------------------------------- */
#bottomCTA{ position:relative; clear:both;}

#footer {
	position:relative;
	text-align:center;
	font-size:10px;
	line-height:normal;
	color: #c5dcdd;
	clear:both

}

#footer a{text-decoration:none; }

#footer p{ padding: 0 0 5px 0; margin:0;}

#copywrite {color: #333333;}




/* OLD STYLES
------------------------------------------------------------------------ */


.clsArial_8{font-size:8px;}
.clsArial_10{font-size:10px;}
.clsArial_12{font-size:12px;}
.clsArial_13{font-size:13px;}
.clsArial_14{font-size:14px;}
.clsArial_16{font-size:16px;}
.clsArial_24{font-size:24px;}

.clsHeaderText, h1 {
	font-weight: bold;
	font-size:18px; 
	color:#339999;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 0 7px 0;
	margin: 0;
	}
	
/*.clsHeaderText-Zodiak h1 {
	font-weight: bold;
	font-size:18px; 
	line-height: 22px;
	color:#339933;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 0 7px 5px;
	margin: 0;
	text-decoration: underline;
	}

.clsHeaderText-Zodiak a:link {
	 text-decoration: underline;
	 color:#339933;
	}
.clsHeaderText-Zodiak a:hover {
	 text-decoration: underline;
	 color:#FF9900;
	}
.clsHeaderText-Zodiak a:visited {
	 text-decoration: underline;
	 color:#339933;
	}

*/
.clsSubHeader , h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #339999;
	padding: 0 0 7px 0;
	}

	
.clsBodyTextBGr {
	color:#339999;
	font-weight: bold;
	}	
	
.clsBodyTextOrange {
	color:#ff9900;
	font-weight: bold;
	}	
	
.clsBodyTextBGrItal {
	color:#339999;
	/*color:#ff9900;*/
	font-weight: bold;
	font-style : italic;
}		

.clsBodyTextGr {
	color:#339999;
	}
	
	.clsBodyTextOrange {
	color:#ff9900;
	}

.clsBodyTextGray {
	color:#676767;
	}	
	

		
	
.clsBodyTextBGrayItal {
	color:#676767;
	font-weight: bold;
	font-style : italic;
	}		
	
.clsBodyTextBGray {
	color:#676767;
	font-weight: bold;
	}		
	
.clsSubScript {
	vertical-align: sub;
}		
	
.clsSuperScript {
	vertical-align: super;
}			

.loading {
	background-image: url(images/loading2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* CONTACT FORM - Bayshore 
----------------------------------------------------------------------- */


.CUtable td, .bodytext td, .CUtable option, .CUtable select, .CUtable input { font-size: 11px; line-height:normal; 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.bodytext td{padding:0; }
.CUtable td {padding:3px 4px 3px 0px;}

.CUtable label {background-color:#f1f1f1; padding:2px 7px; display:block;}

.CUtable input[type="text"]	 {
	border: 1px solid #ccc;
	padding: 2px;
	font-family: Arial, sans-serif;
	vertical-align: middle;
	}

.CUbutton{ cursor:pointer; border:outset 1px #ccc; background:#339999; color:#FFF; font-weight:bold; padding: 1px 2px;
/*background:url(media/imagename.gif) repeat-x left top;*/ } 

.radioIndent {padding:4px 0 4px 20px; margin:2px 0 2px 0; display:block; width:250px; border-bottom: 1px dashed #ccc; }
.radioNoIndent {padding:2px 0 2px 0px; margin:1px 0 1px 0; display:block; /*width:300px;*/ border-bottom: 1px solid #ededed; }
.alert {padding:10px; margin:0px 0 0px 0;  border: 1px dashed #ccc; background-color:#ecf6f7; display:block; width:100%;}
.alert input[type="checkbox"] { vertical-align: middle;}

/*
#tilessection{width:600px;height:20px;margin:0;padding:3px 10px 5px 10px;background: #FFF url(/images/bg_tilesection.gif) top left no-repeat; font: bold 11px/11px Verdana, Arial; color:#000000; text-align:left; } */

#tilessection{width:600px; margin:30px; padding:10px 0px; font: bold 11px/11px Verdana, Arial; color:#000000; text-align:left;   } 

.textbox, .bodytext {
	font-size: 11px;
	border: 1px solid #BCBEC0 ;
	background-color: white  ! important  ;
	}  	  
	
/* White Paper and Client Stories - Bayshore 
----------------------------------------------------------------------- */
	.pr_breadCrumbs {		font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #676767;
	padding: 0 0 7px 0;}
	.pr_breadCrumbs hr {margin-top:3px;}
	
	.mid_col td{
	color: #777777;
	padding: 20px 10px 20px 10px;
	}
	
.mid_col .hdr1 {
	color: #26B1B4;
	font-weight: bold;
	}
	
.mid_col .hdr2 {
	color: #777777;
	font-style: italic;
	font-weight: bold;
	}

.mid_col_form{
	padding: 20px 10px 20px 10px;
	color: #777777;
	}
	
.mid_col_form td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #777777;
	}	
	
.mid_col_form .hdr1 {
	color: #26B1B4;
	font-weight: bold;
	}
	
.mid_col_form .hdr2 {
	color: #777777;
	font-style: italic;
	font-weight: bold;
	}	
		
.right_col a:link, .right_col a:visited, .right_col a:hover, .right_col a:active {
	color: #26B1B4;
	}
	
.right_col {
	color: #26B1B4;
	padding: 20px 0 0 0;
	}

.right_col_index {
	padding: 20px 5px 0 10px;
	}	
	
.right_col_index p {
	/*color: #26B1B4;*/
	}		
	
.right_col .hdr1 {
	text-transform: uppercase;
	color: #777777;
	}
	
.right_col .hdr2 {
	color: #777777;
	}
	
.right_col .sub_email p {
	text-align: center;
	color: #777777;
	}


/* END OF STYLE SHEET
----------------------------------------------------------------------- */