/* alberta-north.ca
 managed by The Met Agency / Shameless Design Studio */

/* Import Blueprint's screen styles */
@import url(blueprint/compressed/screen.css);

/* Import structure for menu -- DO NOT MODIFY */
/* If you need to style the menu, you should add those styles in this screen.css file */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/

@import url(reset.css);

/*
	Font-size reference.  Calcuate with: pixel_size / 12
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: "Baskerville", Georgia, "Times New Roman", Times, sans-serif;
}

body {
line-height:1.5;
background:#513b1a url(../img/bg_top.gif) repeat-x top left;
font-size:0.9em;
color:#513b1a;
margin:0;
padding-bottom:25px;
}

.container {
width:950px;
margin:0 auto;
}


/* typography */

h2 {
font-size:2em;
line-height: 1.05em;
margin:1.25em 0 0.35em 0;
color:#b89429;
}

h3 {
font-size:1.5em;
line-height:1em;
margin:1.25em 0 0.4em 0;
}

h4 {
font-size:1.2em;
line-height:1.25;
margin:1.25em 0 0.4em 0;
}

h5 {
font-size:1em;
font-weight:700;
margin:1.25em 0 0.4em 0;
}

h6 {
font-size:1em;
font-weight:700;
}

p {
	margin: 0.65em 0;
	line-height: 1.35em;
}

a:focus,a:hover {
color:#b89429;
text-decoration:none;
}

a {
color:#754236;
text-decoration:underline;
/*font-weight:bold;*/
}


/* custom typography */

h3.quicklink {
	font-size:0.95em;
	line-height:1em;
	margin:2em 0.25em;
	padding: 12px 0;
	text-transform:uppercase;
	/*border-top: 1px solid #444;	
		border-bottom: 1px solid #444;	*/
	/*text-align:center;*/
}

h3.quicklink a {
	font-size:1.1em;
	text-decoration:none;
	padding: 2px 5px;
	margin-right: 20px;
	background: #754236;
	color:#fff;
}

h3.quicklink a:hover {
	background: #b89429;
	color:white;
}

.feature h3.feature_h {
	font-size:2em;
	margin-bottom:0;
	padding-bottom:0;
}

.column h4 {
	margin: 0.75em 0 0.4em 0;
}

#footer a {
color:#b89429;
text-decoration:none;
text-transform:uppercase;
}

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

#footer a, #footer p {
	font-size:0.8em;
}

#footer p {
	padding: 12px 6px 12px 20px;
	color:#b3aa89;
}

#footer ul {
	padding: 12px 6px 12px 20px;
	margin:0.5em 0;
	list-style-type: square;
	color:#b89429;
}

#footer li {
	padding: 0;
	margin: 0 0 0 15px;
	line-height:1.2em;
}

#main_content p strong {
	font-weight:bold;
}

#main_content ul {
	list-style-type: disc;
	margin:10px 0;
	margin-left:15px;
	padding-left:5px;
}

#main_content ol {
	list-style-type: decimal;
	margin:10px 0;
	margin-left:19px;
	padding-left:5px;
}

#main_content li {
	line-height: 1.25em;
	font-size:0.9em;
	margin-bottom: 6px;
}

#main_content em {
	font-style: oblique;
	background-color:transparent;
}

/* /end typography */


/***  heading logo styles  ***/

#header h1 {
	margin: 50px 0 30px 0;
	padding: 0;
	display: block;
	float:left;
	width: 590px;
	text-indent: -9999px;
	height: 130px;
	background: transparent url(../img/logo.gif) no-repeat 0 0;
}

/* /end */


/* main menu */
ul#main-menu {
	padding:0;
}


/* Menu item hover */
#main-menu li a {
	padding: 15px 5px 0 5px;
	background: transparent;
	margin:0;
	color: #513b1a;
	font-weight:bold;
	font-size:1.15em;
	text-decoration: none;
	line-height:1em;
	height:47px;/* (62px actual less padding) */
	width:118px;/* (110px actual less padding) */
	border-left: 1px solid #513b1a;
}
/* Current Main item */
#main-menu li a.current {
	background: #513b1a;
	color: #fff;
	border-left: 1px solid #513b1a;
}
/* Menu item hover */
#main-menu li a:hover {
	background: #513b1a;
	color: #fff;
	border-left: 1px solid #513b1a;
}
/* Submenu item */
#main-menu li ul {
	border:1px solid #fff;
	border-top: none;
	background: #b9cbd4;
	margin-left:0;
	width: 190px;
}
#main-menu li li {
	background: transparent;
	display: block;
	border-bottom: none;
	padding: 2px 0;
}
#main-menu li li a {
	background: transparent;
	font-size: 1em;
	color:#4f5f91;
	display:block;
	text-decoration: none;
	font-weight:normal;
	padding: 2px 5px 2px 15px;
}
/* Current Submenu item */
#main-menu li li a.current {
	background: transparent;
	display: block;
	text-decoration: none;
	color:#777;
}
/* Submenu item hover */
#main-menu li li a:hover {
	background: transparent;
	display: block;
	text-decoration: none;
	color:#777;
}
/*  end  */

/** submenu styles **/

ul#submenu {
	text-align:left;
	clear:both;
}
#submenu li a {
	text-decoration: none;
	display:block;
	color:#555;
	font-size:0.925em;
	margin:0 26px;
	margin-bottom:8px;
	padding-bottom:2px;
	border-bottom:1px dotted #777;
}

#submenu li a:hover {
	color:#000;
	border-bottom:1px dotted #000;
}

#sub_content a {
	text-decoration:none;
	display:block;
	height:30px;
	margin:0;
	padding:9px 0 0 55px;
	color:#444;
	text-transform:uppercase;
}

#sub_content a:hover {
	color:#754236;
}

#sub_content a.bg1 {
	background: transparent url(../img/sidenav1.gif) no-repeat top left;
}
#sub_content a.bg2 {
	background: transparent url(../img/sidenav2.gif) no-repeat top left;
}
#sub_content a.bg3 {
	background: transparent url(../img/sidenav3.gif) no-repeat top left;
}

/* custom typography for quicklink must come after sub_content styles */
#sub_content h3.quicklink {
	font-size:0.9em;
	line-height:1.75em;
	margin:2em 0;
	padding: 10px 0;
	text-transform:uppercase;
	border-top: 1px solid #444;	
	border-bottom: 1px solid #444;	
	text-align:left;
}

#sub_content h3.quicklink a {
	font-size:1em;
	text-decoration:none;
	padding: 1px 4px;
	margin-right: 20px;
	background: #754236;
	color:#fff;
	display:inline;
}

#sub_content h3.quicklink a:hover {
	background: #b89429;
	color:white;
}
/* ** */

/*  end  */


/* layout blocks */

#header {
	height:279px;
	position:relative;
	overflow:visible;
}
#photo_float {
	width:260px;
	height:340px;
	background: transparent;
	position:absolute;
	top:36px;
	left:680px;
}

#nav {
	height:62px;
}

#content {
	background: #efe5ce url(../img/bg_content.gif) repeat-x bottom left;
	padding-bottom: 25px;
}

#content_home {
	background: #efe5ce url(../img/bg_content_home.gif) repeat-x bottom left;
	padding-bottom: 25px;
}

#main_content {
	float:left;
	clear:both;
}

#main_content .links {
	display:block;
}

#main_content .column {
	float:right;
	/*width: 200px;*/
}

#main_content .column2 {
	float:left;
	margin-right: 20px;
}

#sub_content {
	float:right;
	margin-top:95px;
	clear:right;
}

#footer {
	/*background: #513b1a url(../img/bg_content.gif) repeat-x top left;*/
	margin:0;
	padding:20px 0 30px 0;
	min-height:140px;
}

.fbox1 {
	background: transparent url(../img/footer_box2.gif) no-repeat;
	margin-left: 35px;
	float:left;
	width:230px;
	height:110px;
}
.fbox2 {
	background: transparent url(../img/footer_box2.gif) no-repeat;
	margin-left: 75px;
	float:left;
	width:230px;
	height:110px;
}

/* /end */


/* features */

#feature_block {
	background: #857355 url(../img/bg_feature.gif) repeat-x bottom left;
	padding-bottom: 15px;
	min-height:150px;	
}

.feature {
	float:left;
}

.feature_line {
	background: transparent url(../img/line.gif) no-repeat 97% 0%;
}

#feature_block img {
	margin-right:0.75em;
}

.feature ul {
	margin-top:5px;
}

#feature_block p, .feature li {
	font-size: 0.85em;
	color:#f3f3f3;
}

#feature_block a, .feature li a {
	color:#d0a731;
	text-decoration:none;
	/*font-weight:bold;*/
}

#feature_block a:hover, .feature li a:hover {
	color:#efe5ce;
}

.feature h3 {
	color: #efe5ce;
	font-size: 1.75em;
	margin-top: 0.95em;
	margin-bottom:0;
	letter-spacing:-1px;
}
.feature h3, .feature p {
	padding-right:12px;
}

.links a {
	text-decoration:none;
	font-size:0.85em;
}

a.toplink {
	text-decoration:none;
	font-size: 0.925em;
	background:#754236;
	padding:1px 5px;
	color:#fff;
}

a.toplink:hover {
	background:#b89429;
}


/* extras */

hr.line {
clear: both;
margin: 0;
background: transparent;
border: 1px dotted #754236;
margin-bottom: 20px;
}

/* end */