/*
Colors:
red: #bf0010
*/

/*Standard Page Style */
h1 {color:#444444; font-family:"Arial Narrow", "Arial Condensed", Arial, sans-serif; font-weight:bold;}
h2 {color:#003d79; font-family:"Arial Narrow", "Arial Condensed", Arial, sans-serif; font-weight:bold; margin-bottom:.5em; font-size:1.9em;}
	
a:link, a:visited, a {font-weight:normal; color:#003d79; text-decoration:none;}
a:hover {font-weight:normal; color:#bf0010; text-decoration:none;}

/*Utility Elements */
body {background:#fff url('../../../img/Bg_passport_stamps.jpg') repeat-x fixed top left; margin:20px 0; text-align:center; height:100%; font-size:10pt; font-family:helvetica, arial, sans-serif;}
.pad20 {padding:0 20px;}
.pageTitle {font-size:4em; line-height:normal; margin-top:4px;}

/*Main Blog Structure */
	#wrapper { width:990px; margin:0 auto; text-align:left; background-color:#FFFFFF;} /*Holds Everything*/
		#masthead {width:inherit; height:110px; background:#ffffff;} /*Holds logo, function navigation*/
			#ptpLogo {float:left; height:110px;}
			#titleArea {margin-top:40px; padding-right:20px; float:right; font-family:font-family:"Arial Narrow", "Arial Condensed", Arial, sans-serif; font-weight:bold;}
		
		#multiFunction { width:inherit; height:310px;} /*Holds multifunction content box */
			#multiContent {width:inherit; height:310px; background:#CCCCCC;} /*Holds multifunctions content. Switched through AJAX techniques or with flash */
			
		#navigation { width:inherit; color:#FFF;} /*Navigation */
			#navigation-wrapper {padding-top:10px; padding-bottom:10px; padding-left:20px;} /*adds padding to the navigation */
				#navigation-wrapper h1 {margin:0; padding:0; font-size:16pt;}
				.navigationItem {float:right; padding-left:20px; padding-right:20px; color:#999999; font-family:"Arial Narrow", "Arial Condensed", Arial, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase;}
				.navigationItem a, .navigationItem a:visited{text-decoration:none; color:#999999;}
				.navigationItem a:hover{text-decoration:none; color:#bf0010;}
				.navigationItem_selected a {color:#000000 !important;}
		
		#content { width:inherit; background-color:#ffffff; }/*Holds the Main Page Content */
			#left-column {
				width:670px;
				background: #afc5d8 url('images/BG_LeftColumn.jpg') no-repeat top left;
				vertical-align:top;
			}
			#right-column {
				width:320px;
				background-color:#dae3eb;
				vertical-align:top;
			}	
			#content-wrapper { padding:29px; } /*adds padding to main content area */
				.threeColumn {width:284px; float:left;}
				.twoColumn {width: 572px; float:left;}
		#footer { width:inherit; background:#ffffff; clear:both;} /*Holds footer navigation and Discovery Education Logo*/
	
	
/*Page Specific Style */

.card-wrapper {
	width:305px;
	height:269px;
	float:left;	
}

.card-padding{
	padding:10px 28px 16px 27px;
}

.card-title {
	font-family:helvetica, arial, veranda;
	color:#003d79;
	margin-top:.5em;
	margin-bottom:.5em;
	font-size:1.2em;
	font-weight:bold;
}

.card-selected {
	background:url('images/BG_CardSelect.gif') no-repeat top left;
}

.card-image {
	-moz-box-shadow:0px 0px 10px #666666;
	-webkit-box-shadow:0px 0px 10px #666666;

}

.preview-link {
	color:#bf0010;
	text-align:right;
	font-family:"Arial Narrow", "Arial Condensed", Arial, sans-serif;
	font-size:.8em;
	font-weight:bold;
}

.inputLabel {
	color:#484848;
	font-family:Helvetica, Arial;
	font-weight:bold;
	margin-bottom:.3em;
}

.inputInfo {
	color:#484848;
	font-family:Helvetica, Arial;
	font-size:.8em;
	margin-bottom:.3em;
}

.errorLabel {
	color:#bf0010;
	font-size:.8em;
	font-family:helvetica;
	margin-top:.3em;
	margin-bottom:2em;
}

.ttk-error {
	background:url(images/Icon_Error.gif) left top no-repeat;
	height:21px;
	width:21px;
}

.ttk-validate {
	background:url(images/Icon_Validate.gif) left top no-repeat !important;
	height:21px;
	width:21px;

}