× close edit hex 	TEXT viewer: /cds.ed.cr/styles/general.css

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

body {
	margin:0;
	background:url(../img/bg/pattern.gif) repeat-x;
}

table { 
	//border-collapse:collapse;
	border-spacing:0; 
}

li, ul, dl, h1, h2, h3, h4, p, form {
	list-style:none;
	margin:0;
	padding:0;
} li {//display:inline;}

td, th { 
	padding:0;
}

img {
	border:0px;
}

.centerPage {
	text-align:left; 
	margin:0 auto;
	width:999px;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.preLoad {
	display:none;
}

.headder {
	background:url(../img/bg/headderBotDots.gif) bottom repeat-x;
	height:85px;
}

.headder h1 {
	background:url(../img/bg/slogan.gif) bottom right no-repeat;
	height:42px;
	width:500px;
	float:left;
} .headder span {display:none;
} .headder .topMenu span {display:block;
}

.date {
	height:22px;
	width:479px;
	text-align:right;
	padding:20px 10px 0 10px;
	float:left;
	font:11px Arial;
	background:url(../img/misc/flags.gif) bottom left no-repeat;
}

.topMenu {
	background: url(../img/bg/topNav.gif) no-repeat;
	height:24px;
	padding:8px 0 8px 114px;
}

.topMenu a {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
} .topMenu a:hover {color:#dddddd;}

.topMenu li {
	margin-right:4px;
	font:bold 11px arial;
	height:24px;
	float:left;
	background:#3a3f93 url(../img/bg/navCrn.gif) repeat-y top right;
} .topMenu li:hover, .topMenu .active {
	background:#c9202e url(../img/bg/navCrn.gif) repeat-y top right;
}

.topMenu li span {
	padding:5px 4px;
	background:url(../img/bg/navCrn.gif) repeat-y top left;
}

.topMenu ul ul span {
	display:inline-block;
	text-transform:capitalize;
	color:#FFF;
	font:10px Arial;
	padding:0 6px;
	cursor:pointer;
	background:url(../img/bg/list.gif) left no-repeat;
}

.topMenu ul ul li {
	height:11px;
	background:url(../img/bg/navSubCrn.png) no-repeat left bottom;
	padding:5px 4px;
	color:#FFF;
	font:10px Arial;
	cursor:pointer;
} .topMenu ul ul li:hover {
	background:url(../img/bg/navSubCrn.gif) no-repeat left bottom;
	height:11px;
} .topMenu ul ul .active {
	background:url(../img/bg/navSubCrnRed.gif) no-repeat left bottom;
	height:11px;
} .topMenu ul ul li a {width:175px; display:block;}

.topMenu li {position: relative;}

.topMenu ul ul {
	position:absolute;
	top:100%;
	left:0%;
}

.topMenu ul ul ul {
	position:absolute;
	top:0%;
	left:182px;
}

.topMenu ul ul,
.topMenu ul li:hover ul ul {
	display:none;
}

.topMenu ul li:hover ul,
.topMenu ul ul li:hover ul {
	display:block;
}

.topMenu .parrent ul ul li:hover ul {
	background:#FF0000;
	width:500px;
}

.menuBlue li {
	float:right;
	text-align:right;
	font:11px arial;
	background:#3a3f93 url(../img/bg/navCrnBlue.gif) repeat-y top right;
} .menuBlue li span {width:100px; background:url(../img/bg/navCrnBlue.gif) repeat-y top left;
} .menuBlue li:hover {
	background:#3264cc url(../img/bg/navCrnBlue.gif) repeat-y top right;
}

.logo {
	position:absolute;
	padding-top:5px;
}

.logo span {
	position:relative;
	left:-10px;
	display:block;
} .logo img {
	position:relative;
	left:-5px;
	margin-top:56px;
	//margin-top:61px;
}

.creative {
	background:#eeeeee url(../img/bg/headderBotDots.gif) bottom repeat-x;
	height:163px;
} .creative img {height:160px;
} .creative .default {
	background:url(../img/pics/escazu-mountains.jpg);
	height:160px;
}

.searchBox {
	position:absolute;
	width:255px;
	font:11px Arial;
	color:#FFF;
	padding:7px 10px 7px 5px;
	//padding:4px 10px 6px 5px;
	margin:43px 0 0 500px;
	background:url(../img/bg/search.gif);
} .searchBox .fieldSkybox {
	border:1px solid #be787e;
	height:16px;
	width:144px;
	font:11px Arial;
	padding:2px 5px 1px 5px;
	color:#000;
	background:url(../img/bg/searchField.gif);
} .searchButton {
	background:url(../img/nav/search.gif);
	height:21px;
	width:43px;
	border:none;
	cursor:pointer;
} .searchButton:hover {
	background:url(../img/nav/search_dn.gif);

}.searchBox td {padding-left:5px;}

.contentheading, .componentheading, h3, .content h2, .fabrikForm h1, .dm_cat .dm_name {
	text-transform:uppercase;
	padding:5px;
	font:bold 13px "Arial Narrow";
} h4 {
	text-transform:uppercase;
	padding:5px 0 10px 0;
	display: block;
	font:bold 14px "Arial Narrow";
}

.border .contentheading,
#rightMenu .contentheading,
.rightMenu .contentheading,
#extMenu .contentheading,
.extMenu .contentheading {
	margin:5px;
} .contentheading a {text-decoration:none; color:#000;
} .contentheading a:hover {color:#000;
}

#content {
	background:#eeeeee url(../img/bg/fadeGrey.gif) repeat-x;
	float:left;
	font:11px Arial;
	line-height:14px;
	color:#000;
	padding:0 8px;
} #content .cSm {
	line-height:14px;
} .cSm .contentheading, .cLg .contentheading, .cLg .buttonheading, .cLg .componentheading, .cLg h3, .cLg .content h2, .fabrikForm h1, .dm_cat .dm_name {
	border-bottom:1px dotted #fff;
	//border-bottom:1px dotted #3a3f93;
	background:#dddddd url(../img/bg/white.gif) bottom repeat-x;
	color:#000;
	padding-bottom:10px;
} .cLg .componentheading, .cSm .contentheading { margin-bottom:5px; background:#3a3f93 url(../img/bg/white.gif) bottom repeat-x; color:#fff;
} .cLg h3 {
	margin:0 0 5px 0;
	background:#eeeeee url(../img/bg/white.gif) bottom repeat-x;
	color:#000;
} .cLg .content h2, .fabrikForm h1, .dm_cat .dm_name {margin:0 0 10px 0; background:#eeeeee url(../img/bg/white.gif) bottom repeat-x; color:#999999;}

.cSm {width:480px;} .cSm span {height:240px;}
.cLg {width:750px;} .cLg span {padding-bottom:20px;}

.cLg .contentpaneopen {
	width:738px;
	font:small Arial;
}

#content .article_separator, .smallBlue .article_separator { display:none;}
.column_separator { border-left:5px solid #fff;}
.cLg .article_column .contentpaneopen  {
	width:365px;
} .cSm img, .cLg img {
	background:#3a3f93;
	padding:5px;
	margin:0 0 10px 10px;
	float:right;
	position:relative;
	right:-5px;
} .cLg img {background:#dddddd;
} .cLg img.rePosition {float:none; margin-left:-10px;
} .cSm img.rePosition {
	float:left;
	position:relative;
	margin:5px 0 0 -5px;
	width:458px;
	height:154px;
	padding:0;
	background:#FFFFFF;
	border:5px solid #bb1018;
} .cLg .news img, .cSm img {width:225px;
} .cLg .news .contentpaneopen {margin-right:3px;
} .cLg .fabrikForm img, .reset img {background:none; float:none; position:static; padding:0; border: none; margin:0 0 0 5px;
} #map_canvas img {background:none; float:none; padding:0; border:none; margin:0;
} #map_canvas div {
	border-bottom:none;
	padding:0;
	//padding:13px 0;
	margin:0;
	background:none;
} #map_canvas div div { padding:0;
} #map_canvas span { padding:0; margin:0;
} #map_canvas { border: solid 5px #dddddd; margin:5px 10px;  position:relative; left:10px;
}

#content span {
	background:#fff;
	border:solid 1px #3a3f93;
	display:block;
	margin:10px 0;
	padding:5px;
} #content span span {display:none;
} #content .border span, .rightMenu span span {display:none;
} #content .border div, .rightMenu .contentpaneopen div {padding-bottom:0; margin-bottom:0; border-bottom:none;}

.cSm .contentpaneopen {
	width:468px;
} .cSm .contentpaneopen div {
	padding:5px 5px 25px 5px;
	border-bottom:1px dotted #CCCCCC;
} .cLg .contentpaneopen div {
	padding:5px 5px 25px 5px;
	background:url(../img/bg/content.gif) repeat-x bottom;
	//background:url(../img/bg/contentIE.gif) repeat-x bottom;
	margin-bottom:5px;
	//margin-bottom:0px;
} .cLg .contentpaneopen div div {
	padding:0;
	background:none;
	margin-bottom:0px;
} .contentpaneopen ul {margin:10px 0;
} .contentpaneopen li {background:url(../img/misc/list.gif) no-repeat; padding-left:20px; display:block;
}

.rightMenu, #rightMenu {
	background:#c8202e url(../img/bg/fadeRed.gif) repeat-x;
	float:left;
	font:9px Arial;
	padding:0 10px;
	width:254px;
}

.rightMenu b, #rightMenu b {font:bold 11px Arial; color:#FFF}

.rightMenu .contentheading, #rightMenu .contentheading {background:#c9202e; color:#fff;}

.rightMenu li a, #rightMenu li a {
	text-decoration:none;
	color:#da868d;
	display:block;
	width:232px;
	padding:4px 10px;
	border-top:dotted 1px #be787e;
	height:26px;
}

.rightMenu a:hover, #rightMenu a:hover {background:#cc4953;}

.rightMenu span, #rightMenu span {
	border:solid 1px #be787e;
	background:url(../img/bg/borderFade.png) bottom no-repeat;
	display:block;
	padding-bottom:3px;
	margin:10px 0;
} .rightMenu ul, #rightMenu ul {
	padding-bottom:0;
	//padding-bottom:1px;
}

.smallRed {
	background:#d44d58 url(../img/bg/fadeLightRed.gif) repeat-x;
} .smallRed span {height:142px; border:solid 1px #ca9196; background:url(../img/bg/borderFade.png) bottom no-repeat;
} .smallRed .contentheading {background:#fff; color:#8e000d; height:16px; font:bold 12px Arial; border-top:none; width:226px;
} .smallRed div {border-top:dotted 1px #ca9196; padding:5px 5px 0 10px; color:#FFF; font:11px Arial; line-height:14px; width:237px; height:100px;
}

.smallRed {
	float:left;
	font:bold 11px Arial;
	padding:0 10px;
}

.smallRed li, .smallRed ul {
	list-style:none;
	margin:0;
	padding:0;
	background:none;
}

.smallRed li a {
	text-decoration:none;
	color:#fff;
	display:block;
	width:224px;
	padding:4px 0 4px 28px;
	border-top:dotted 1px #be787e;
	height:12px;
	background:url(../img/misc/dotRed.gif) no-repeat 10px 8px;
}

.smallRed a:hover {background:#dd7179 url(../img/misc/dotRed.gif) no-repeat 10px 8px;}


.extMenu, #extMenu {
	background:#2a2d5c url(../img/bg/fadeBlue.gif) repeat-x;
	float:left;
	font:9px Arial;
	padding:0px 10px;
	width:209px;
} .extMenu ul, #extMenu ul {
	padding-bottom:0;
	//padding-bottom:1px;
}

.extMenu b, #extMenu b {font:bold 11px Arial; color:#FFF}

.extMenu .contentheading, #extMenu .contentheading {background:#3a3f93; color:#fff;}

.extMenu li a, #extMenu li a {
	text-decoration:none;
	color:#c7c9dd;
	display:block;
	border-top:dotted 1px #3a3f93;
	padding:4px 10px;
	width:187px;
	height:26px;
}

.extMenu a:hover, #extMenu a:hover {background:#55567c;}

#extMenu span {
	border:solid 1px #3a3f93;
	margin:10px 0;
	display:block;
	padding-bottom:3px;
	background:url(../img/bg/borderFadeSm.png) bottom no-repeat !important;
	background:none; 
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg/borderFadeSm.png');
}

.bot {
	display:block;
	height:29px;
	vertical-align:top;
}

.smallBlue {
	background:#707296 url(../img/bg/fadeLightBlue.gif) repeat-x; font:11px Arial; 
} .smallBlue span {
	margin:10px 0;
	display:block;
	padding-bottom:3px;
	height:142px;
	border:solid 1px #9e9fc4;
	background:url(../img/bg/borderFadeSm.png) bottom no-repeat;
} .smallBlue .contentheading {background:#fff; color:#080b3d; height:21px; width:182px; border-top:none; height:16px; font:bold 12px Arial;
} .smallBlue div {border-top:dotted 1px #e0f939; padding:5px 5px 0 10px; color:#FFF; line-height:14px; width:192px;
}

.smallBlue {
	float:left;
	font:bold 11px Arial;
	padding:0 10px;
}

.smallBlue li, .smallBlue ul {
	margin:0;
	padding:0;
	background:none;
}

.smallBlue li a {
	text-decoration:none;
	color:#fff;
	display:block;
	width:179px;
	padding:4px 0 4px 28px;
	border-top:dotted 1px #9e9fc4;
	height:12px;
	background:url(../img/misc/dotBlue.gif) no-repeat 10px 8px;
}

.smallBlue a:hover {background:#8d8eab url(../img/misc/dotBlue.gif) no-repeat 10px 8px;}

#content .menu li span, .blog_more a, .readon {
	display:block;
	border-left:none;
	border-top: none;
	border-right:none;
	margin:0;
	border-bottom:1px solid #cccccc;

} .blog_more a, .readon {padding:0 5px; margin-bottom:5px;}

#content .menu li a, .blog_more a, .readon {
	text-decoration:none;
}

#content .menu li span:hover, .blog_more a:hover, .readon a:hover {
	background:#eeeeee url(../img/bg/navMoreFade.gif);
	border-bottom:1px solid #cccccc;
}

.border {
	background:#fff;
	padding:5px;
	height:135px;
	border:1px solid #c6c6c6;
	margin:10px 0;
}

.border a {
	height:75px;
	width:106px;
	display:block;
	font:11px Arial;
	text-decoration:none;
	padding:30px 5px;
	color:#000000;
	border-right:1px solid #fff;
}

.border ul {
	display:none;
	position:absolute;
	width:274px;
	height:167px;
}

.border img {
	position:relative;
	background:none;
	left:-18px;
	top:-126px;
	height:13px;
	width:7px;
	float:none;
	margin:0;
	padding:0;
}
.cSm .border .contentpaneopen div {
	height:98px;
	width:232px;
	padding:5px 10px;
}

.border .contentheading {
	border:none;
	padding-bottom:5px;
} .contentpaneopentest {
	margin:5px;
	width:242px;
	background:#FFFF00;
} .contentpaneopenSmallBlue {
	margin:5px;
	width:197px;
	background:#FFFF00;
}

.earlyChildhood {
	float:left;
	color:#fff; 
} .earlyChildhood:hover ul {
	display:block;
	background:#2a2d5c url(../img/bg/fadeBlue.gif) repeat-x;
	margin:-16px 0 0 482px;
} .earlyChildhood li {
	margin:10px;
	border:1px solid #3a3f93;
	height:145px;
	display:block;
	background:url(../img/bg/borderFade.png) bottom no-repeat;
} .earlyChildhood .contentheading {background:#3a3f93; color:#fff; height:16px;
} .earlyChildhood div {border-top:dotted 1px #3a3f93;
} .earlyChildhood a {background:url(../img/bg/earlyChildhood2.gif); color:#080c56;
}

.elementarySchool {
	float:left;
	color:#fff; 
} .elementarySchool:hover ul {
	display:block;
	background:#2a2d5c url(../img/bg/fadeBlue.gif) repeat-x;
	margin:-16px 0 0 365px;
} .elementarySchool li {
	margin:10px;
	border:1px solid #3a3f93;
	height:145px;
	display:block;
	background:url(../img/bg/borderFade.png) bottom no-repeat;
} .elementarySchool .contentheading {background:#3a3f93; color:#fff; height:16px;
} .elementarySchool div {border-top:dotted 1px #3a3f93;
} .elementarySchool a {background:url(../img/bg/elementarySchool2.gif); color:#141b88;
}

.middleSchool {
	float:left;
	color:#fff;
} .middleSchool:hover ul {
	display:block;
	background:#2a2d5c url(../img/bg/fadeBlue.gif) repeat-x;
	margin:-16px 0 0 248px;
} .middleSchool li {
	margin:10px;
	border:1px solid #3a3f93;
	height:145px;
	display:block;
	background:url(../img/bg/borderFade.png) bottom no-repeat;
} .middleSchool .contentheading {background:#3a3f93; color:#fff; height:16px;
} .middleSchool div {border-top:dotted 1px #3a3f93;
} .middleSchool a {background:url(../img/bg/middleSchool2.gif); color:#242cac;
}

.highSchool {
	float:left;
	color:#fff;
} .highSchool:hover ul {
	display:block;
	background:#2a2d5c url(../img/bg/fadeBlue.gif) repeat-x;
	margin:-16px 0 0 131px;
} .highSchool li {
	margin:10px;
	border:1px solid #3a3f93;
	height:145px;
	display:block;
	background:url(../img/bg/borderFade.png) bottom no-repeat;
} .highSchool .contentheading {background:#3a3f93; color:#fff; height:16px;
} .highSchool div {border-top:dotted 1px #3a3f93;
} .highSchool a {background:url(../img/bg/highSchool2.gif); color:#2854bd;
}

.affiliations {
	border-top:1px dotted #cccccc;
	padding:10px 0 5px 0;
} .affiliations img { padding:0 5px 0 15px;}

.footer {
	margin:0 0 20px 0;
	padding:5px 10px;
	font:11px Arial;
	color:#999999;
	border-top:1px dotted #cccccc;
} .footer li {float:right;
} .footer a {color: #666666; text-decoration:none;
} .footer a span { padding-right:6px; margin-right:6px; border-right:1px dotted #999999;
} .footer a:hover {color:#000;
} .footer .separator {font-weight:bold;}

.buttons {
	float:right;
	width:545px;
}

.buttons li {
	background:#FFFFFF;
	padding:5px;
	border:1px solid #cccccc;
	margin:10px 0 0 0;
} .buttons a {
	padding:5px;
	text-transform:uppercase;
	display:inline-block;
	color:#fff;
	height:16px;
	font:bold 12px "Arial Narrow";
	text-decoration:none;
} .sectionsEarlyChildhood h1, .sectionsElementary h1, .sectionsMiddle h1, .sectionsHigh h1 {
	padding:5px;
	text-transform:uppercase;
	color:#fff;
	height:16px;
	font:bold 12px "Arial Narrow";
	text-decoration:none;
} .buttons li {margin-left:5px; float:right;
}

.sectionsEarlyChildhood, .sectionsElementary, .sectionsMiddle, .sectionsHigh {
	background:#FFFFFF;
	padding:5px 5px 5px 54px;
	border:1px solid #cccccc;
	width:144px;	
	margin-top:10px;
} /*\*/ * html .sectionsEarlyChildhood, * html .sectionsElementary, * html .sectionsMiddle, * html .sectionsHigh {float:left; padding:5px; width:198px;} /**/

#content .subEarlyChildhood span,
#content .subElementary span,
#content .subMiddleSchool span,
#content .subHighSchool span {
	background:none;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}

.subEarlyChildhood a, .sectionsEarlyChildhood h1 {
	background:url(../img/bg/fadeYellow.gif) top;
} .subEarlyChildhood a:hover {background:url(../img/bg/fadeYellow.gif) bottom;}

.subElementary a, .sectionsElementary h1 {
	background:url(../img/bg/fadeRed.gif) top;
} .subElementary a:hover {background:url(../img/bg/fadeRed.gif) bottom;}
 
.subMiddleSchool a, .sectionsMiddle h1 {
	background:url(../img/bg/fadeGreen.gif) top;
} .subMiddleSchool a:hover {background:url(../img/bg/fadeGreen.gif) bottom;} 

.subHighSchool a, .sectionsHigh h1 {
	background:url(../img/bg/fadeBlue.gif) top;
} .subHighSchool a:hover {background:url(../img/bg/fadeBlue.gif) bottom;} 

#content a span:hover {background:none; 
}

.icon {
	position:absolute;
	width:54px;
	height:48px;
	margin:5px;
} .EC {background:url(../img/misc/earlyChildhood.gif);
} .ES {background:url(../img/misc/elementarySchool.gif);
} .MS {background:url(../img/misc/middleSchool.gif);
} .HS {background:url(../img/misc/highSchool.gif);
}

.article_column .readon {
	display:block;
	height:19px;
	padding:5px;
	margin-bottom:5px;
}.itch a {
	width:458px;
	display:block;
	height:17px;
	padding:8px 5px;
	background:url(../img/bg/content.gif) repeat-x bottom;
} .blog_more {
	padding:10px 0 1px 0;
}

.breadcrumbs {
	position: relative;
	font:11px Arial;
	color:#eeeeee;
	top:-21px;
	//top:-25px;
	padding-left:21px;
} .breadcrumbs img { height:auto;
} .breadcrumbs a {color:#eeeeee;}

.gallery-photo img {float: none;}
#content span .block-core-Navigator span {
	display:block;
	border: none;
	padding:0;
	margin:0 10px 10px 10px;
	//margin:0 10px;
}
.content p, .gallery-album p {
	padding:10px;
	//padding:0 10px 10px 10px;
}


.search {position: absolute;
} .search td { padding:5px 5px 0 5px;
} .search img {float: none; padding:0; margin: 0;	
	position: static;
	right: auto;
} .fieldSkybox {
	width:556px;
	//width:545px;
}
	
.fHight { background:#eeeeee url(../img/bg/main.gif);}

.dm_cat {margin:0; padding:0;}
.dm_cat .dm_name {width:734px;}
#dm_docs img {margin:0; padding:0; float: none; background: none;}
.dm_separator { display:none;}

.buttonheading img {
	padding:5px 5px 0 5px;
	background:#dddddd;
	border:none;
	margin:0;
	position:static;
}

.lines {width:728px; 
} .lines td {border-bottom:1px dotted #CCCCCC;
} .lines .gap {
	display:block;
	width:20px;
	border-bottom:1px solid #FFFFFF;
}

.contentpane table td { border-bottom:1px dashed #cccccc; padding:5px;}
.contentpane table {padding-bottom:20px; border-bottom:none;}
.contentpane .sectiontableheader { font-weight:bold;}
.contentpane thead, .contentpane tfoot { display:none;}
.contact-other img { padding:0; margin:0; float:none; position:static; background:none;}
.contact-other {height:16px; display:block;}
#qcontacts p {margin-top:5px; background:#fff;}
.contact_email {padding-left:8px;}
#contact-image img {position: static; float:none;}

#content span span {
	display:inline;
	float:none;
	position:static;
	border:none;
}

/*.fabrikSubElementContainer {background:#FF0000;}

.fabrikForm div {border:#FF0000 1px solid;}
.fabrikForm div span { float:left;}*/

#homepageA {
margin:0px;
padding:0px;
background: none;
position:absolute;
margin-top:-17px;
margin-left:145px;
}