@import url('https://phikap.ca/css/reset.css');
@import url('https://phikap.ca/css/text.css');
/* @import 'https://phikap.ca/css/reset.css'; */
/* @import 'https://phikap.ca/css/text.css'; */


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
html, body {
	height: 100%;
	position: relative;
}
body {
	position:relative;
	background-color:  #0a2444;
}

#main_body {
	min-height: 300px; 
	background-color:  #0b2950 ;
}

/* `Misc Classes
----------------------------------------------------------------------------------------------------*/
	.align_center {
	  text-align: center;
	}
	
	.align_right {
	  text-align: right;
	}

/* `Header HTML
----------------------------------------------------------------------------------------------------*/
	#site_header {
		background: #254c7f url(https://phikap.ca/ui_graphics/header_bkgrnd.png) left top repeat-x;
		width: 100%;
		border-bottom: 1px solid #010b18;
	}
	
	#site_header hgroup {
		padding: 20px 0 12px 0;
		position:relative;
	}
	
	#site_header hgroup h1 {
		display: inline;
	}
	
	#site_header hgroup h2 {
		font-family: 'Droid Serif', serif;
		font-style:italic;
		display: inline;
		position:absolute;
		bottom: 20px;
		right: 40px;
		color: #fbe601;
	}
	
/* `Global Nav HTML
----------------------------------------------------------------------------------------------------*/
	nav#global_nav {
		width: 100%;
		background: url(https://phikap.ca/ui_graphics/global_nav_bkgrnd.png) left top repeat-x;
		border-top: 1px solid #2a5387;
		border-bottom: 1px solid #010b18;
		
	}

	nav#global_nav ul {
		list-style-type: none;
		padding-left: 12px;
	}

	nav#global_nav ul li {
		display: inline-block;
		padding: 5px 20px;
	}
	
	nav#global_nav ul li:first-child {
		padding-left: 0px;
	}
	
	nav#global_nav ul li a {
		color: #f5dd13;
		text-decoration: none;
	}
	nav#global_nav ul li a:hover {
		color: #f9eb73;
		text-decoration: underline;
	}
	
/* `Site Footer HTML
----------------------------------------------------------------------------------------------------*/
	#site_footer {
		min-height: 100px;
		/*background: url(https://phikap.ca/ui_graphics/feature_section_bkgrnd.png) 0 0 repeat-x;*/
		border-top: 1px solid #285795;
		width: 100%;
	}

	#site_footer nav {/* styles for the bottom global navigation list */
		position:relative;
		top: 20px;
		margin: 0 auto;
		padding: 24;
		text-align: center;
	}

	#site_footer nav ul {/* styles for the bottom global navigation list */
		list-style-type: none;
		padding-left: 12px;
	}

	#site_footer nav ul li {/* styles for the bottom global navigation list */
		display: inline-block;
		padding: 5px 20px;
		margin: 0px;
	}

	#site_footer nav ul li a {/* styles for the bottom global navigation list */
		color: #f5dd13;
		text-decoration: none;
		font-weight: normal;
	}

	#site_footer nav ul li a:hover {/* styles for the bottom global navigation list */
		text-decoration: underline;
	}

/* `Feature Content Banner HTML
----------------------------------------------------------------------------------------------------*/	

	#feature_content {
		position: relative;
		padding: 15px 0 15px 0;
		overflow: hidden;
	}

	#slideshow_wrapper {/* styles for the homepage image slideshow */
		overflow: hidden;
		border: 1px solid #bbb;
		position: relative;
		padding: 10px;
		text-align: center;
		background-color: #fff;
	}

	#feature_content #image_slideshow {/* styles for the homepage image slideshow */
		height: 271px;
		border: 1px solid #333;
		overflow: hidden;
	}

	#slideshow_caption {
		position: absolute;
		bottom: 12px;
		margin-left: 12px;
		color: #f5dd13;
		font-weight: bold;
		font-size: 1.3em;
		z-index: 30;
	}

	aside#frat_point_list {/* styles for the homepage feature area yellow information list */
		position: absolute;
		height: 100%;
		top: 0px;
		right: 0px;
		display: inline;
		background: #0b2950 url(https://phikap.ca/ui_graphics/feature_list_background.png) top left repeat-x;
		border-left: 1px solid #091525;
		border-right: 1px solid #091525;
	}

	#frat_point_list ul {/* styles for the homepage feature area yellow information list */
		position: absolute;
		top: 30px;
		left: 50px;
	}

	#frat_point_list ul li {/* styles for the homepage feature area yellow information list */
		list-style-type: square;
		line-height: 1.75em;
		color: #f5dd13;
		font-size: 1.3em;
		font-family: 'Oxygen', sans-serif;
		font-weight: 100;
	}
	#frat_point_list ul li:last-child {
		border-bottom: none;
	}


/* `Main Content Area HTML
----------------------------------------------------------------------------------------------------*/	
	#main_content {
		background: url(https://phikap.ca/ui_graphics/header_bkgrnd.png) 0 0 repeat;
		border-top: 1px solid #3368ac;
		overflow: hidden;
		padding-bottom: 20px;
		min-height:400px;
	}
	
	section {
		background: #f8f9fb url(https://phikap.ca/ui_graphics/section_background.png) 0 0 repeat-x;
		margin: 12px 0 0 0;
		overflow: hidden;
	}

	article {
		margin-bottom: 24px;
		padding-top: 24px;
	}
	
	article > p, article > h1, article > h2, article > h3, article > form, article > table {
		margin: 12px 32px !important;	
	}
	
	article h2 {
		color: #091525;
		font-weight: 300;
	}
	
	#main_content .aside_right {
		float: right;
		margin-right: 0px !important;
		padding: 39px 0;
		height: 100%;
		background: rgba(216,221,236,.3) url(https://phikap.ca/ui_graphics/aside_full_left_border.png) 0 0 repeat-y;
	}
	
	#main_content .aside_right h1,  #main_content .aside_right ol,
	#main_content .aside_right ul, #main_content .aside_right p,
	#main_content .aside_right form {
		margin: 0px 24px !important;
	}
	
	
	#main_content blockquote {
		float: right;
		margin: 12px 32px 32px 32px !important;
		font-size: 1.2em;
		font-style: italic;
		line-height: 1.3em;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		padding: 12px;
	}

	#main_content figure {
		margin-left: 32px;
	}

	#main_content .figure_wrap_right {
		float: right;
		margin-right: 0;
	}

	#main_content p {
		color: #000033;
	}

	#main_content ul, #main_content ol {
	
		margin: 24px 32px 24px 12px;
		color: #000033;	
	}

	
	#main_content .aside_right li {
		margin-top: 12px;
	}
	

	#main_content li  p {/* style override needed for <p>'s nested inside <li>'s */
		margin: 12px 0px;
	}

	ul.no_bullets, ol.no_bullets {/* for unbulleted lists*/
		list-style-type: none;
		margin-left: 32px !important;
	}
	
	.round_button_link {
		border-radius:20px;
		text-align:center;
		border: 1px solid white;
		background:#f3f5f8 url(https://phikap.ca/ui_graphics/button_bkgrnd.png) 0 bottom repeat-x; 
		-webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .5);
		-moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .5);
		box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, .5);
	}
	
	.round_button_link a {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		color: #444444;
		text-decoration:none; 
		display: block;
		padding: 9px 0;
	}
	
	.round_button_link a:hover {
		text-decoration: underline;	
	}