/* stylesheet for westernexecutive.ca */

/*

color and font information

	white
	black
	
	
	background grey: #666666
	
	
	top bar blue: #005487
	top bar grey: #414141
	
	title blue: #00A5D8
	title and footer grey: #797979

	menubar grey: #CFCFCF
	
	header blue: #00629D
	
	menublock blue: #0079C2
	current menublock (menuoff) blue: #005487
	menublock grey: #797979
	
	link blue: #005A92
	visited and hover blue: #0079C2
	active blue: #00A5D8
	
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-family: Times New Roman, Times, Georgia, serif;
*/



/* first, hide the horizontal rules and other things that are for non-css browsers */

.hide { display: none; }



/* now, the block layout */

html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #666666; /* This is the background colour */
	color: black;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	text-align: center; /* to allow some versions of IE to centre the wrapper properly */
}




#wrapper_page
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	background-color: white;
	width: 750px;
}

#wrapper_content
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 750px;
	background-color: white;
}

#wrapper_header, #wrapper_accent
{
	clear: both;
	
	margin: 0;
	padding: 0;
	border: 0;
	width: 750px;
	background-color: white;
}

#wrapper_title
{
	clear: both;
	
	margin: 0;
	padding: 0;
	border: 0;
	width: 750px;
	background-color: white;
}

#wrapper_body
{
	clear: both;
	
	margin: 0;
	padding: 0;
	border: 0;
	width: 750px;
	background-color: white;
}

#wrapper_footer
{
	clear: both;
	
	margin: 0;
	padding: 0;
	border: 0;
	width: 750px;
	background-color: white;
}



#header_left
{
	float: left;
	width: 545px;
	height: 16px;
	
	padding-left: 25px;
	
	background: #005487 url("/images/shadow_left.gif");
	background-repeat: repeat-y;
	background-position: left;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 520px;
}

html>body #header_left
{
	width: 520px;
	/* ie5win fudge ends */
}

#header_right
{
	position: absolute;
	left: 545px;
	top: 0; /* for IE5 (mac?) */
	
	float: right;
	width: 205px;
	height: 16px;
	
	padding-right: 25px;
	
	background: #414141 url("/images/shadow_right.gif");
	background-repeat: repeat-y;
	background-position: right;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}

html>body #header_right
{
	width: 180px;
	/* ie5win fudge ends */
}


#accent_left
{
	float: left;
	width: 545px;
	height: 6px;
	
	padding-left: 25px;
	
	background: #005487 url("/images/shadow_left.gif");
	background-repeat: repeat-y;
	background-position: left;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 520px;
}

html>body #accent_left
{
	width: 520px;
	/* ie5win fudge ends */
}

#accent_right
{
	position: absolute;
	left: 545px;
	top: 0; /* for IE5 (mac?) */
	
	float: right;
	width: 205px;
	height: 6px;
	
	padding-right: 25px;
	
	background: #414141 url("/images/shadow_right.gif");
	background-repeat: repeat-y;
	background-position: right;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}

html>body #accent_right
{
	width: 180px;
	/* ie5win fudge ends */
}

#title_left
{
	float: left;
	width: 545px;
	height: 113px;

	padding-left: 25px;
	
	background: #00A5D8 url("/images/shadow_left.gif");
	background-repeat: repeat-y;
	background-position: left;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 520px;
}

html>body #title_left
{
	width: 520px;
	/* ie5win fudge ends */
}

#title_right
{
	position: absolute;
	left: 545px;
	top: 0; /* for IE5 (mac?) */
	
	float: right;
	width: 205px;
	height: 113px;

	padding-right: 25px;
	
	background: #797979 url("/images/shadow_right.gif");
	background-repeat: repeat-y;
	background-position: right;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}

html>body #title_right
{
	width: 180px;
	/* ie5win fudge ends */
}

#body_menubar
{
	position: absolute;
	left: 545px;
	top: 0;

	float: right;
	width: 205px;

	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;

	padding-right: 25px;
	
	background: #CFCFCF url("/images/shadow_right.gif");
	background-repeat: repeat-y;
	background-position: right;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}

html>body #body_menubar
{
	width: 180px;
	/* ie5win fudge ends */
}



#menu
{
	float: left;
	width: 180px;

	padding: 0;
	
	background: #CFCFCF url("/images/menu_back.gif");
	background-repeat: no-repeat;
	background-position: top left;
}



#body_content
{
	width: 545px;
	
	margin-left: 0;  /* these two added for fixing IE for win */
	margin-right: auto;

	padding-top: 12px;
	padding-bottom: 25px;
	padding-right: 25px;
	
	padding-left: 50px;
	
	background: white url("/images/shadow_left.gif");
	background-repeat: repeat-y;
	background-position: left;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 470px;
}

html>body #body_content
{
	width: 470px;
	/* ie5win fudge ends */
}

#footer_left
{
	float: left;
	width: 725px;
	
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 0;
	
	padding-left: 25px;
	
	background: #797979 url("/images/shadow_left.gif");
	background-repeat: repeat-y;
	background-position: left;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 700px;
}

html>body #footer_left
{
	width: 700px;
	/* ie5win fudge ends */
}

#footer_right
{
	position: absolute;
	left: 725px;
	top: 0; /* for IE5 (mac?) */
	
	float: right;
	width: 25px;
	
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 0;
	
	padding-right: 0;
	
	background: #797979 url("/images/shadow_right.gif");
	background-repeat: repeat-y;
	background-position: right;
	
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 25px;
}

html>body #footer_right
{
	width: 25px;
	/* ie5win fudge ends */
}




/* equal-height columns info, additional to the overflow: hidden earlier */
/* padding bottom must exceed margin bottom by the number I want to pad the bottom by on-screen */

/* Start Mac IE5 filter \*/
#body_content, #body_menubar, #menu
{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
/* End Mac IE5 filter */

#wrapper_body
{
	overflow: hidden;
}

/* for fixing links and form elements for Safari, see http://www.positioniseverything.net/articles/onetruelayout/equalheight */




/* for IE 5 */

#wrapper_page, #wrapper_content, #wrapper_header, #wrapper_accent, #wrapper_title, #wrapper_body, #wrapper_footer, #header_left, #title_left, #body_content, #menu, #footer_left, #accent_left { p\osition: relative; }


* > #body_content
	{
	position: relative;
	}


/* image-font substitutions */

#westexec_title
{
	margin: 0;
	padding: 113px 0 0 0;
	overflow: hidden;
	background-image: url("/images/westexec_title.gif");
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/: 113px;
}

#title_photo
{
	margin: 0;
	width: 180px;
	height: 113px;
	background-image: url("/images/title_photo.gif");
	background-repeat: no-repeat;
}




/* fonts, text alignment, colours */


#header_left, #accent_left
{
	text-align: right;
}

#header_right, #accent_right, #title_left, #title_right
{
	text-align: left;
}

#menu
{
	color: white;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 16px;
	
	text-align: left;
}

#body_content
{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	
	text-align: left;
}

#footer_left
{
	color: white;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	
	text-align: center;
}

#footer_right
{
	color: white;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	
	text-align: center;
}




h1
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 24px;
	line-height: 30px;
	padding-top: 6px;
	padding-bottom: 15px;
	clear: both;
	color: #00629D;
}

h2
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 21px;
	line-height: 24px;
	padding-top: 24px;
	padding-bottom: 4px;
	clear: both;
	color: #00629D;
}

h3
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 16px;
	line-height: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
	color: #00629D;
	font-style: italic;
}

p, ul
{
	margin-top: 16px;
	margin-bottom: 16px;
}

p.or
{
	font-size: 16px;
	line-height: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.contactpage
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: bold;
}

.contactpage tr td
{
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.column1
{
	width: 270px;
	
}

.column2
{
	width: 200px;
	
}

.column1 ul, .column2 ul
{
	padding-left: 1em;
}

.contactinfo
{
	border-collapse: collapse;
}

.contactinfo tr td
{
	border: 1px solid #797979;
	text-align: center;
	width: 125px;
}

.contactinfo tr#toprow td
{
	font-weight: bold;
	border: none;
}


/* other styling */

.centerbold
{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}

.centerboldsmall
{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}

ul.small li
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 12px;
	line-height: 17px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

ul.bluesquare, ul.bluesquarebig { list-style-type: square; }

ul.bluesquare li
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 13px;
	line-height: 18px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	color: #0079C2;
}

ul.bluesquarebig li
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 14px;
	line-height: 19px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	color: #0079C2;
}

li.blue
{
	font-family: Times New Roman, Times, Georgia, serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #0079C2;
}

em
{
	font-style: italic;
	color: #0079C2;
}



/* links */


a { font-weight: bold; }
a:link { color: #005A92; }
a:visited { color: #0079C2; }
a:hover { color: #0079C2; }
a:active { color: #00A5D8; }



/* menu styling */
/* menulinks */


.menublocktop
{
	clear: both;
	float: left;
	width: 180px;
	height: 94px;
	
	padding: 0;
	
	margin-top: 0;
	margin-bottom: 0;
	
	background: #797979;
}

.menublockbottom
{
	clear: both;
	float: left;
	width: 180px;
	height: 16px;
	
	padding: 0;
	
	margin-top: 3px;
	margin-bottom: 0;
	
	background: #414141;
}

.menulink
{
	clear: both;
	float: left;
	width: 180px;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0;
	padding-right: 0;
	
	margin-top: 3px;
	margin-bottom: 0;
	
	background: #0079C2;
	
	text-align: center;
}

.menuoff
{
	clear: both;
	float: left;
	width: 180px;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0;
	padding-right: 0;
	
	margin-top: 3px;
	margin-bottom: 0;

	background: #005487;
	
	text-align: center;
}

.menulist
{
	clear: both;
	float: left;
	width: 180px;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0;
	padding-right: 0;
	
	margin-top: 3px;
	margin-bottom: 0;
	
	background: #005487;
	
	text-align: left;
}

.menulist ul
{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 13px;
}

.menulink a, .menuoff a, #footer_left a
{
	color: white;
	text-decoration: none;
}



#menu a:link, #menu a:visited, #menu a:active
{
	color: white;
	text-decoration: none;
}

#menu a:hover
{
	color: white;
	text-decoration: underline;
}




/* image floats */

img { border: 0; }
	
img.photo
{
	float: right;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 0;
}