/***************************************************************\
=================================================================
  MAIN.CSS
  
  Primary CSS document
=================================================================
\***************************************************************/


/***********************\
  Defaults & Basic Body
\***********************/
html { 
    height: 100%;
    margin-bottom: 1px;
}

* {
	/*font:inherit;*/
	color:inherit;
}

a {
	text-decoration:none;
	color:#004b7d;
}

a:visited{
	color:#663366;
}

a:hover {
	text-decoration:underline;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color: #333333;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

h5{margin-bottom:0;}

/************************\
  Layout Block Structure
\************************/

#main_outer {
	width:100%;
	text-align:center; /* text-align here to work around IE bug re margin centering. */
}

#main {
	width:772px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#content {
}

#footer {
	width:100%;
	border:none;
	padding:6px 0;
	text-align:center;
	position:relative;
	margin-top:45px;
	color:#333333;
}

/*********\
  Columns
\*********/

#contentcolumns {
	border:none;
	border-collapse:collapse;
	width:772px;
}

#contentcolumns td {
	border:none;
	padding:0;
	margin:0;
}

#contentcolumns #leftcolumn {
	width:141px;
	vertical-align:top;
	padding-top:23px;
	padding-left:0;
	padding-right:10px;
}

#contentcolumns #maincolumn {
	vertical-align:top;
	width:auto;
	padding:13px 2px 0;
}

#contentcolumns #rightcolumn {
	width:192px;
	vertical-align:top;
	padding-top:23px;
	padding-right:5px;
}

#contentcolumns #rightcolumn #cta{
	position:relative;
	left:20px;
	padding:8px 0 8px 0;
}

#contentcolumns #rightcolumn #cta1,
#contentcolumns #rightcolumn #cta2,
#contentcolumns #rightcolumn #cta3,
#contentcolumns #rightcolumn #cta4,
#contentcolumns #rightcolumn #cta5,
#contentcolumns #rightcolumn #cta6{
	position:relative;
	left:20px;
	padding:8px 0 8px 0;
}

#contentcolumns #rightcolumn #cta1 table,
#contentcolumns #rightcolumn #cta2 table,
#contentcolumns #rightcolumn #cta3 table,
#contentcolumns #rightcolumn #cta4 table,
#contentcolumns #rightcolumn #cta5 table,
#contentcolumns #rightcolumn #cta6 table{
	width:167px;
	border:none;
	cursor:pointer;
}

#contentcolumns #rightcolumn .cta a, 
#contentcolumns #rightcolumn .cta a:hover, 
#contentcolumns #rightcolumn .cta a:visited{
	text-decoration:none;
}

#cta1-title, #cta2-title, #cta3-title, #cta4-title, #cta5-title, #cta6-title{
	color:#42484b;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:13px
}
#cta-text{
	color:#8c96a0;
	text-decoration:none;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	line-height:10px
}

#contentcolumns #rightcolumn .cta #cta-text a{ color:#004b7d; text-decoration:underline;}
#contentcolumns #rightcolumn .cta #cta-text a:hover{ color:#663366; text-decoration:underline;}

/*******************\
  Subnavigation Bar
\*******************/

#contentcolumns #leftcolumn h3 {
	font-size:13px;
	display:block;
	width:133px;
	height:36px;
	margin-bottom:16px;
}

#contentcolumns #leftcolumn ul {
	margin:0;
	padding:0;
	list-style:none;
}

#contentcolumns #leftcolumn ul li {
	margin:0;
	padding:0;
	padding-left:16px;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	display:block;
}

#contentcolumns #leftcolumn li ul {
	display:block;
	padding:0;
	margin:0;
}

#contentcolumns #leftcolumn ul li a {
	color:#000 !important;
	text-decoration:underline;
}

#contentcolumns #leftcolumn ul li a:hover {
	color:#000 !important;
	text-decoration:underline;
}

#contentcolumns #leftcolumn ul li.current a,  #contentcolumns #leftcolumn ul li.current a:visited {
	color: #000;
}

#contentcolumns #leftcolumn ul li.sublist {
	list-style:none;
	margin-top:0;
	padding:0;
	padding-left:14px;
	border:1px solid white;
}

#contentcolumns #leftcolumn ul li.sublist ul li {
	font-weight:normal;
	background:none !important;
	padding-top:0;
	padding-left:0;
	margin-top:5px;
}

#contentcolumns #leftcolumn ul li.sublist ul li a {
	display:block;
	padding-left:11px;
}

#contentcolumns #leftcolumn ul li.sublist ul li.current a,  #contentcolumns #leftcolumn ul li.sublist ul li.current a:visited {
	color:#000;
	text-decoration:underline !important;
	background:url(../images/bullets/bullet.gif) 0px 3px no-repeat;
}

#contentcolumns #leftcolumn ul li.sublist ul li.researchTopic a:link{
	background:url(../images/bullets/bullet.gif) 0px 3px no-repeat;
	color:#004b7d;
    text-decoration:none;
}

#contentcolumns #leftcolumn ul li.sublist ul li.researchTopic a:hover {
	text-decoration:underline;
    color:#004b7d;
}

#contentcolumns #leftcolumn ul li.sublist ul li.researchTopic a:visited{
	text-decoration:underline;
    color:#663366;
}



#contentcolumns #maincolumn #bodyarea #subpage1 a:link{
color:#004b7d;
text-decoration:underline;
}
#contentcolumns #maincolumn #bodyarea #subpage1 a:hover{
color:#663366;
text-decoration:underline;
}
#contentcolumns #maincolumn #bodyarea #subpage1 a:visited{
color:#663366;
text-decoration:underline;
}













#contentcolumns #leftcolumn ul li.sublist ul li a:hover {
	color:#000 !important;
	text-decoration:underline !important;
	background:url(../images/bullets/bullet.gif) 0px 3px no-repeat;
}

#contentcolumns #leftcolumn a {
	text-decoration:none !important;
}

#contentcolumns #leftcolumn a:hover {
	text-decoration:underline !important;
}


/***************\
  Secondary Bar
\***************/

#contentcolumns #rightcolumn h3 {
	font-size:13px;
}

#contentcolumns #rightcolumn ul {
	margin:0;
	padding:0;
	padding-left:20px;
	list-style:square;
	font-size:11px;
}

#contentcolumns #rightcolumn ul li {
	margin:0;
	padding:0;
	margin-bottom:3px;
}

#contentcolumns #rightcolumn ul li.current {
}

#contentcolumns #rightcolumn #searchbox {
	position:relative;
	left:20px;
	width:180px;
	height:30px;
	margin:1px 0;
}

#contentcolumns #rightcolumn #searchbox .text {
	border:1px solid #afb9c3;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	left:0;
	top:0;
	height:20px;
	width:140px;
	padding:0px;
	padding-left:4px;
	padding-top:1px;
}

#contentcolumns #rightcolumn #searchbox .image {
	position:absolute;
	left:153px;
	top:0;
}


/*******************\
  Third Bar (center)
\*******************/

#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:15px
}

#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li {
	background:none !important;
	padding:0;
	margin:0;
	margin-bottom:2px;
	line-height:17px;
}



#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li.current a,  #contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li.current a:visited {
}

#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li a{
	padding-left:10px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;

}
#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li a:hover {
}
#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li a:visited {
	color:#663366;
}
/*
#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li a:hover {
	color:#000 !important;
	text-decoration:underline !important;
	background:url(../images/bullets/bullet.gif) 0px 3px no-repeat;
}

#contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li.current a,  #contentcolumns #maincolumn #bodyarea #thirdlevelnav ul li.current a:visited {
	color:#000;
	text-decoration:underline !important;
	background:url(../images/bullets/bullet.gif) 0px 3px no-repeat;
}

#contentcolumns #maincolumn #bodyarea #thirdlevelnav li a{
	padding-left:10px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #bc9950;
	text-decoration:none
}

*/

/*********************\
  Content Area Layout
\*********************/

#breadcrumbs {
	color:#333333;
	margin-bottom:13px;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
	color:#333333;
	text-decoration:none;
}

#breadcrumbs a:hover{
	text-decoration:underline;
	color:#000000;
}

#contentcolumns #maincolumn #bodyarea{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
}

#contentcolumns #maincolumn #bodyarea a{
	color:#004b7d;	
	text-decoration:underline;
}
#contentcolumns #maincolumn #bodyarea a:visited{
	color:#663366;
}
#contentcolumns #maincolumn #bodyarea a:hover{
	color:#663366;
}

#contentcolumns #maincolumn #bodyarea ul{
	color:#5a5f64;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}
#contentcolumns #maincolumn #bodyarea ul li{
	background-image:url(http://fraseramerica.org/images/li-bullet.gif);
	background-position:top left;
	background-repeat:no-repeat;
                padding-left:15px;

}
#contentcolumns #maincolumn #bodyarea ol li{
	padding:0 0 7px 0;

}

#contentcolumns #maincolumn #bodyarea ul li a{
	color:#004b7d;	
	text-decoration:underline;
}
#contentcolumns #maincolumn #bodyarea ul li a:visited{
	color:#663366;
}
#contentcolumns #maincolumn #bodyarea ul li a:hover{
	color:#663366;
}

#contentcolumns #maincolumn #bodyarea h2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;	
	margin:5px 0 0 0;
}

#contentcolumns #maincolumn #bodyarea h3{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;		
	margin:10px 0 5px 0;
}
	
#content h2 {
	margin:0;
	padding:0;
	color:#000000;
	margin-bottom:3px;
	margin-top:0.5em;
	font-size:12px;

}

#content h3 {

	margin:0;
	padding:0;
	color:#000000;
	font-size:11px;
	font-weight: bold;
	margin-bottom:0.3em;
	margin-top:0.3em;	
}


#content p {
	margin: 0;
	padding: 0;
	margin-bottom:1.2em;
}

#content .newsitem p {
	margin-bottom:3px;
}

#content a.forwardlink {
	display:block;
	text-align:right;
	margin:3px 0 0 auto;
	white-space:nowrap;
}

/********************\
  Overview Pages
\********************/
#contentcolumns #maincolumn #bodyarea .featuredarticle{
	padding-bottom:10px;
}

#contentcolumns #maincolumn #bodyarea .featuredarticle .moreinfo a{
	color:#004b7d;
	font-weight:bold;
	vertical-align:middle;
	white-space:nowrap;
	text-decoration:underline;
}

#contentcolumns #maincolumn #bodyarea .featuredarticle .moreinfo a:hover {
	color:#663366;
                text-decoration:underline;
}

#contentcolumns #maincolumn #bodyarea .featuredarticle .moreinfo img {
	vertical-align:middle;
}


/****************\
  Standard Table
\****************/

table {
	font-size:100%;
}

table thead th {
	padding:2px;
	font-weight:bold;
	text-align:center;
	vertical-align:bottom;
}

table th {
	padding:2px;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}

table td {
	padding:2px;
}


/***********\
  Title Bar
\***********/

#titlebar {
	width:100%;
	height:182px;
	position:relative;
}

#titlebar a, #titlebar a:visited, #titlebar a:active {
	text-decoration:none;
}

#titlebar a:hover, #titlebar a.current, #titlebar a:visited.current {
	text-decoration:none;
}

#titlebar img.logo {
	position:absolute;
	left:5px;
	top:8px;
}

#titlebar #flashbanner {
	position:absolute;
	left:283px;
	top:30px;
	height:115px;
	width:482px;
	background:url(http://fraseramerica.org/images/flashHolder.gif) center center no-repeat;
}


/*****************\
  Main Navigation
\*****************/

#titlebar .navigation {
	position:absolute;
	bottom:0;
	left:0;
}

#titlebar .navigation ul {
	padding:0;
	margin:0;
	list-style:none;
	height:32px;
}

#titlebar .navigation ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:32px;
}

#titlebar .navigation a, #titlebar .navigation a:visited {
	height:25px;
	display:block;
	float:left;
	color:#DDE;
	overflow:hidden;
}

#titlebar .navigation label {
	display:none;
}

#titlebar .navigation ul li.current {
	margin-left:1px;
	background:white;
	padding:0 1px;
}


#titlebar .navigation ul li.current div {
	height:32px;
	float:left;
}


#titlebar .navigation a.aboutus {
	background:url(http://fraseramerica.org/images/nav/aboutus.gif) 1px 1px no-repeat;
	width:75px;
	padding:0 1px;
}

#titlebar .navigation a.researchandpublications {
	background:url(http://fraseramerica.org/images/nav/researchpublications.gif) 1px 1px no-repeat;
	width:144px;
	padding:0 1px;
}

#titlebar .navigation a.newsandevents {
	background:url(http://fraseramerica.org/images/nav/newsevents.gif) 1px 1px no-repeat;
	width:98px;
	padding:0 1px;
}

#titlebar .navigation a.studentsandlearning {
	background:url(http://fraseramerica.org/images/nav/studentslearning.gif) 1px 1px no-repeat;
	width:127px;
	padding:0 1px;
}

#titlebar .navigation a.reportcards {
	background:url(http://fraseramerica.org/images/nav/reportcards.gif) 1px 1px no-repeat;
	width:90px;
	padding:0 1px;
}

#titlebar .navigation a.programsandinitiatives {
	background:url(http://fraseramerica.org/images/nav/programs.gif) 1px 1px no-repeat;
	width:135px;
	padding:0 1px;
}

#titlebar .navigation a.supportus {
	background:url(http://fraseramerica.org/images/nav/supportus.gif) 1px 1px no-repeat;
	width:88px;
	padding:0 1px;
}

#titlebar .navigation a.aboutus:hover {
	background:url(http://fraseramerica.org/images/nav/aboutus-lit.gif) 1px 1px no-repeat;
}

#titlebar .navigation a.researchandpublications:hover {
	background:url(http://fraseramerica.org/images/nav/researchpublications-lit.gif) 1px 1px no-repeat;
}

#titlebar .navigation a.newsandevents:hover {
	background:url(http://fraseramerica.org/images/nav/newsevents-lit.gif) 1px 1px no-repeat;
}

#titlebar .navigation a.studentsandlearning:hover {
	background:url(http://fraseramerica.org/images/nav/studentslearning-lit.gif) 1px 1px no-repeat;
}

#titlebar .navigation a.reportcards:hover {
	background:url(http://fraseramerica.org/images/nav/reportcards-lit.gif) 1px 1px no-repeat;
}

#titlebar .navigation a.programsandinitiatives:hover {
	background:url(http://fraseramerica.org/images/nav/programs-lit.gif) 1px 1px no-repeat;
}

#titlebar .navigation a.supportus:hover {
	background:url(http://fraseramerica.org/images/nav/supportus-lit.gif) 1px 1px no-repeat !important;
}

#titlebar .navigation li.current a.aboutus, titlebar .navigation li.current a.aboutus:hover {
	background:white url(http://fraseramerica.org/images/nav/aboutus-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

#titlebar .navigation li.current a.researchandpublications, titlebar .navigation li.current a.researchandpublications:hover {
	background:white url(http://fraseramerica.org/images/nav/researchpublications-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

#titlebar .navigation li.current a.newsandevents, titlebar .navigation li.current a.newsandevents:hover {
	background:white url(http://fraseramerica.org/images/nav/newsevents-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

#titlebar .navigation li.current a.studentsandlearning, titlebar .navigation li.current a.studentsandlearning:hover {
	background:white url(http://fraseramerica.org/images/nav/studentslearning-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

#titlebar .navigation li.current a.reportcards, titlebar .navigation li.current a.reportcards:hover {
	background:white url(http://fraseramerica.org/images/nav/reportcards-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

#titlebar .navigation li.current a.programsandinitiatives, titlebar .navigation li.current a.programsandinitiatives:hover {
	background:white url(http://fraseramerica.org/images/nav/programs-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

#titlebar .navigation li.current a.supportus, titlebar .navigation li.current a.supportus:hover {
	background:white url(http://fraseramerica.org/images/nav/supportus-lit.gif) 0 1px no-repeat !important;
	padding:0 !important;
}

/********************\
  Utility Navigation
\********************/

#titlebar .utilities {
	position:absolute;
	top:8px;
	left:370px;
	height:19px;
	font-size:10px;
	padding:0;
}

#titlebar .utilities ul {
	margin:0;
	padding:0;
	height:19px;
}

#titlebar .utilities ul li {
	display:block;
	float:left;
	height:19px;
}

#titlebar .utilities a, #titlebar .utilities a:visited {
	text-align:right;
	padding:3px 25px 0 20px;
	margin:0;
	white-space:nowrap;
	display:block;
	float:left;
	height:19px;
}

#titlebar .utilities a:hover {
}



#titlebar .utilities a.home, #titlebar .utilities a.home:visited {
	background:url(http://fraseramerica.org/images/utilities/home.gif) top left no-repeat;
}

#titlebar .utilities a.contactus, #titlebar .utilities a.contactus:visited {
	background:url(http://fraseramerica.org/images/utilities/contactus.gif) top left no-repeat;
}

#titlebar .utilities a.sitemap, #titlebar .utilities a.sitemap:visited {
	background:url(http://fraseramerica.org/images/utilities/sitemap.gif) top left no-repeat;
	margin:0;
}

#titlebar .utilities a.home:hover {
	background:url(http://fraseramerica.org/images/utilities/home-lit.gif) top left no-repeat;
}

#titlebar .utilities a.contactus:hover {
	background:url(http://fraseramerica.org/images/utilities/contactus-lit.gif) top left no-repeat;
}

#titlebar .utilities a.sitemap:hover {
	background:url(http://fraseramerica.org/images/utilities/sitemap-lit.gif) top left no-repeat;
}

/****************\
  Footer Details
\****************/

#footer .navigation {
	text-align:right;
	display:block;
	width:440px;
	float:right;
}

#footer .copyright {
	text-align:left;
	display:block;
	width:320px;
	float:left;
	line-height:14px;
}

#footer .navigation ul {
	padding:0;
	margin:0;
	list-style:none;
}

#footer .navigation ul li {
	display:inline;
	margin:0;
	padding:0 7px;
	border-left:1px solid #69696E;
}

#footer a, #footer a:visited, #footer a:active {
	color:#333333;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer .navigation li.first {
	border:none;
}

#footer .navigation li.last {
	padding-right:1px;
}




#titlebar .utilities a.homeShoppingCart, #titlebar .utilities a.homeShoppingCart:visited {
	background:url(http://fraseramerica.org/images/utilities/shoppingcart.gif) top left no-repeat;
}

#titlebar .utilities a.homeShoppingCart:hover {
	background:url(http://fraseramerica.org/images/utilities/shoppingcart-lit.gif) top left no-repeat;
}

@media print{

body { visibility:hidden; }

#bodyarea{ 
	visibility:visible !important;
	position:relative;
	left:-1in;
	top:0;
	width:6in;
}

#bodyarea h1 {
	font-size:160%;
}

img.logo {
	visibility:visible !important;
	position:absolute;
	left:0;
	top:0;
}

}