/* 
   Title:    New Brunswick Adoption, CSS by Kyle Racki www.headspacedesign.ca
   Updated:   October 2008
   Updated:   August 2009 Nick Ross

*/

/* 1. GLOBAL */

body {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    background: #BFDDE0 url(../images/bg.jpg) top center repeat-x;
    color: #333;
}

/* links */

a:link, a:visited {
    color: #2C5F91;
}

a:hover {
    color: #002E5C;
    text-decoration: none;
}

a img {
    border: none;
}

/* content elements */

p {
    color: #666;
    font-size:.9em;
}

h1, h2, h3, h4 {
    margin: 0;
    color: #2C5F91;
}

ul, ol {
    list-style-type: square;
    list-style-position: outside;
}

li {
    margin: 0;
    padding: 0;
}

/* 2. LAYOUT */

#header, #wrapper, #footer,#homeHead {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#content {
    width: 560px;
    float: left;
}

#side {
    width: 346px;
    float: right;
}

#topBG {
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    min-height: 15px;
    background: url(../images/topBg.jpg) no-repeat;
}

/* 3. HEADER */

#header {
    width: 950px;

}

#nbLogo {
    float: left;
    margin-top: 22px;
    margin-left: 44px;
}

#header p {
    margin: 0;
    margin-bottom: 10px;
    clear: both;
    text-align: right;
    color: #2C5F91;
    font-style: italic;
    font-size: 1.1em;
}

#nav {
    width: 673px;
    height: 116px;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#nav li {
    display: inline;
    height: 116px;
}

#nav li a {
    height: 116px;
    float: left;
    text-indent: -999em;
    overflow: hidden;
}
#navFr {
    width: 673px;
    height: 116px;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navFr li {
    display: inline;
    height: 116px;
}

#navFr li a {
    height: 116px;
    float: left;
    text-indent: -999em;
    overflow: hidden;
}

.callout {
    display: inline;
    font-size: .8em;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

.callout a {
    background-color: #BFDDE0;
    padding: 5px;
    text-decoration: none;
}

.callout a:hover {
    background-color:#002E5C;
    color:#fff;
}


/* 4. ABOUT */

#nav .about { /* Hack to pre load on state */
    background:url(../images/nav_about_on.jpg) no-repeat;
}

#nav .about a {
    background:url(../images/nav_about_off.jpg) no-repeat;
    width:177px;
}
#nav .about a:hover {
    background:url(../images/nav_about_on.jpg) no-repeat;
}

#nav .aboutON {
    background:url(../images/nav_about_on.jpg) no-repeat;
}

/* 5. MEDIA */

	#nav .media { /* Hack to pre load on state */
		background:url(../images/nav_learn_on.jpg) no-repeat;
	}
	
	#nav .media a {
		background:url(../images/nav_learn_off.jpg) no-repeat;
		width:173px;
	}
	#nav .media a:hover {
		background:url(../images/nav_learn_on.jpg) no-repeat;
	}
	
	#nav .mediaON {
		background:url(../images/nav_learn_on.jpg) no-repeat;
	}

/* 6. EVENTS */

#nav .events { /* Hack to pre load on state */
    background:url(../images/nav_events_on.jpg) no-repeat;
}

#nav .events a {
    background:url(../images/nav_events_off.jpg) no-repeat;
    width:173px;
}
#nav .events a:hover {
    background:url(../images/nav_events_on.jpg) no-repeat;
}

#nav .eventsON {
    background:url(../images/nav_events_on.jpg) no-repeat;
}

/* 7. CONTACT */

#nav .contact { /* Hack to pre load on state */
    background:url(../images/nav_contact_on.jpg) no-repeat;
}

#nav .contact a {
    background:url(../images/nav_contact_off.jpg) no-repeat;
    width:150px;
}
#nav .contact a:hover {
    background:url(../images/nav_contact_on.jpg) no-repeat;
}

#nav .contactON {
    background:url(../images/nav_contact_on.jpg) no-repeat;
}


/* ABOUT */

#navFr .about { /* Hack to pre load on state */
	background:url(../images/nav_aboutFre_on.jpg) no-repeat;
}

#navFr .about a {
	background:url(../images/nav_aboutFre_off.jpg) no-repeat;
	width:140px;
}
#navFr .about a:hover {
	background:url(../images/nav_aboutFre_on.jpg) no-repeat;
}

#navFr .aboutON {
	background:url(../images/nav_aboutFre_on.jpg) no-repeat;
}

/* MEDIA */

#navFr .media { /* Hack to pre load on state */
	background:url(../images/nav_mediaFre_on.jpg) no-repeat;
}

#navFr .media a {
	background:url(../images/nav_mediaFre_off.jpg) no-repeat;
	width:170px;
}
#navFr .media a:hover {
	background:url(../images/nav_mediaFre_on.jpg) no-repeat;
}

#navFr .mediaON {
	background:url(../images/nav_mediaFre_on.jpg) no-repeat;
}

/* EVENTS */

#navFr .events { /* Hack to pre load on state */
	background:url(../images/nav_eventsFre_on.jpg) no-repeat;
}

#navFr .events a {
	background:url(../images/nav_eventsFre_off.jpg) no-repeat;
	width:159px;
}
#navFr .events a:hover {
	background:url(../images/nav_eventsFre_on.jpg) no-repeat;
}

#navFr .eventsON {
	background:url(../images/nav_eventsFre_on.jpg) no-repeat;
}

/* CONTACT */

#navFr .contact { /* Hack to pre load on state */
	background:url(../images/nav_contactFre_on.jpg) no-repeat;
}

#navFr .contact a {
	background:url(../images/nav_contactFre_off.jpg) no-repeat;
	width:204px;
}
#navFr .contact a:hover {
	background:url(../images/nav_contactFre_on.jpg) no-repeat;
}

#navFr .contactON {
	background:url(../images/nav_contactFre_on.jpg) no-repeat;
}

/* 8. HOME */

#wrapper {
    width:920px;
    background:url(../images/midBg.png) top center repeat-y;
    padding:0px 15px 0px 15px;
}

#homeWrapper {
    width:950px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background:url(../images/midBg.png) top center repeat-y;
}

/* HOME */

#homeBG {
    height:281px;
    width:515px;
    float:left;
    background:url(../images/homeBg.jpg) no-repeat;
}
#homeBGfr {
    height:281px;
    width:515px;
    float:left;
    background:url(../images/homeBg.jpg) no-repeat;
}

#homeBGfr {
	background:url(../images/homeImage_fre.jpg) no-repeat;
}

#homeWrapper img {
    float:right;
}

#homeWrapper h1 {
    text-indent:-999em;
}

#homeContent {
    width:500px;
    margin-left:15px;
    margin-top:20px;
    float:left;
}

#homeSide {
    margin:0;
    padding:0;
    width:340px;
    float:right;
    margin-right:15px;
}

#homeContent h2 {
    font-size:1.4em;
    color:#666;
    line-height:1.5em;
    font-weight:normal;
    font-style:italic;
    margin-bottom:10px;
}

#homeContent h2 a {
    background:url(../images/underline.jpg) bottom left repeat-x;
    padding-bottom:5px;
    text-decoration:none;
}
/* 9. CONTENT */

#contentHead {
    overflow:hidden;
    margin-bottom:20px;
    padding-right:300px;
}
	/* SUB NAV CSS */
	#wrapper #subnav
	{
		background: #daecee;
		width: 201px;
		padding: 0px 0 0 0;
		margin: 25px 30px 0 10px;
		font-family: Arial, Helvetica, sans-serif;
		float: left;
	}
	#wrapper ul#subnav li {background: none; margin:0px; padding:0px;}
	#wrapper ul#subnav li a
	{
		padding: 14px 0;
		border-bottom: 1px #fff solid;
		display: block;
		
		color: #8eb6ba;
		font-size: 0.9em;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}
	
	#subnav li a:hover { background: #3873a2; }
	#header_content 
	{
		width: 379px;  
		float: left;
	}/* END SUB NAV CSS */

.aboutHead {
    background:url(../images/redhead_girl.jpg) bottom right no-repeat;
}

.learnHead {
    background:url(../images/teenage_girl.jpg) bottom right no-repeat;
    padding-bottom:30px;
}

.eventsHead {
    background:url(../images/black_boy.jpg) bottom right no-repeat;
    padding-bottom:50px;
}

.contactHead {
    background:url(../images/asian_girl.jpg) bottom right no-repeat;
    padding-bottom:50px;
}

#contentHead h1 {
    font-weight:normal;
    font-size:2.3em;
    margin-top:20px;
}

#contentHead h2 {
    color:#666;
    font-weight:normal;
    font-style:italic;
}

.column {
    float:right;
    width:208px;
    padding-left:35px;
    padding-right:35px;
    border-right:1px solid #BFDDE0;
}
.columnLg {
    float:right;
    width:560px;
    border-right:1px solid #BFDDE0;
}

#content p, #side p, #content li, #side li {
    font-size: 0.8em;
    line-height:1.4em;
}

#wrapper h3 {
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    font-size:1.3em;
}

#wrapper ul {
    list-style-type:none;
    padding:0;
    margin:0;
    margin-top:10px;
}
#wrapper ul li {
    padding:0;
    margin:0;
    margin-bottom:10px;
    padding-left:20px;
    background:url(../images/icon_arrow.gif) no-repeat;
    margin-right:10px;
}

h4 {
    margin:0;
}

.inset {
    float:left;
}

.printIcon {
    background:url(../images/icon_print.jpg) no-repeat;
    padding-left:30px;
}

.tvIcon {
    background:url(../images/icon_tv.jpg) no-repeat;
    padding-left:30px;
}

.radioIcon {
    background:url(../images/icon_radio.jpg) no-repeat;
    padding-left:30px;
}

.PDF {
    background:url(../images/icon_pdf.jpg) no-repeat;
    padding-left:30px;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #336695;	
    margin-bottom:-5px;
}


/* 10. SIDE */

.facts {
    background-color: #BFDDE0;
    font-style: italic;
    padding:10px;
    font-size:1.4em;
}

.facts p {
    color:#2C5F91;
}

/* 11. FOOTER */

#footer {
    width:950px;
    background:url(../images/bottomBg.jpg) no-repeat;
}

#nbGovLogo {
    float:right;
    margin-top:20px;
}

#footer p {
    text-align:center;
    margin-top:25px;
    font-size:.8em;
}