/* CSS Document */
/* breakawayonline.ca's official CSS File. */

/***********************************************/
/* - - - - - - - - - - - HTML tag Styles - - - - - - - - - - - */
/***********************************************/

body {
background:  #003CA2 url(/Images/bkgrd_fade.jpg) repeat-x;
padding: 10px 0 15px;
margin: 0;
font-family: Arial, sans-serif;
font-size: 11px;
voice-family: "\"}\""; 
voice-family:inherit;
}

#wrapper {
	margin: 0 auto;
	width: 800px;
	padding: 5px 0 0;
}
/* IE 5 centering hack */ 
body {
text-align: right;
}
#wrapper {
	border: 0px solid;
	background: right;
}
/* end hack */

/* - - - - - - - - - - - Site Link Styles - - - - - - - - - - - */
a:link, a:visited, a:hover {
	color: #003399;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* overrides decoration from previous rule for hovered links */
/* hover hack */
[if IE]>
<style type="text/css" media="screen">
body {behavior: url(https://breakawayonline.ca/css/csshover.htc);} 

</style>
<![endif]

/* - - - - - - - - - - - Site Font Styles - - - - - - - - - - - */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Arial, sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
	font-size: 12px;
	color: #003399;
	font-weight: bold;
	text-transform: capitalize;
}

h3{
font-size: 100%;
color: #1B3F81;
text-align: left;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}
/* - - - - - - - - - - - Site List Styles - - - - - - - - - - - */
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/* - - - - - - - - - - - Site Form Styles - - - - - - - - - - - */
label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

/***********************************************/
/* - - - - - - - - - - - Layout tag Styles - - - - - - - - - - - */
/***********************************************/
/************* #utilityLinkNav styles **************/

#utilityLinks {
	color: #000000;
	white-space: nowrap;
	text-align: right;
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	float: right;
	width: 300px;
	margin-right: 5px;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#utilityLinks img{
 display: block;
}

#utilityLinks a {
	color: #000000;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0px;
}
#utilityLinks a:link{
	color: #000000;
	text-decoration: none;
}

#utilityLinks a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}

#utilityLinks a:hover {
	color: #990000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


/************* #date styles **************/

#date{
	padding: 0px 0px 0px 10px;
	white-space: nowrap;
	text-align: left;
	margin-bottom: -25px;
	color: #000066;
	font: 10px Arial, Helvetica, sans-serif;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */
/************* #date styles **************/
/************* #LAYOUT STYLES **************/

/*  contains the header image */
#header{
	margin: 2 0;
	padding: 0px;
	width: 796px;
	height: 187px;
	white-space: nowrap;
	display: block;
	float: right;
	clear: both;
}

/************* #navigationBar styles **************/

#navigationBar{
	width: 758px;
	background: #FF0000;
	height: 24px;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #666666;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: both;
	float: right;
	padding: 0px;
}

#navigationBar a {
	color: #FFFFFF;
	text-align: justify;
	white-space: nowrap;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 7px;
	padding-bottom: 7px;
}


#navigationBar a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#navigationBar a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
	text-decoration: none;
}

#navigationBar a:hover {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#bannerBar /*  for the ad/banner bar */
{
	background: #FFFFFF;
	height: 202px;
	width: 758px;
	border: 1px solid #999999;
	white-space: nowrap;
	display: block;
	float: right;
	padding: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
}
#contentWin /*  contains the pagewin*/
{
	width: 760px;
	background: #FFFFFF;
	border: 1px solid #999999;
	float: right;
	display: block;
	clear: both;
	margin: 1px;
}
#pageWin /*  contains the ad_mod div or the contentwin divs*/
{
	width: 518px;
	white-space: nowrap;
	display: block;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#PageTitleBar /*  --  */
{
	width: 518px;
	height: 43px;
}

#PageLinkBar /*  --  */
{
	width: 518px;
	height: 20px;
	background:  url("https://breakawayonline.ca/Images/pagelinkbar.gif") repeat-x;
}
#pageWinBody
{
	width: 518px;
	white-space: nowrap;
	display: block;
}
#searchPanel
{
	width: 220px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	display: block;
	white-space: nowrap;
}

#searchPanelHead
{
	height: 43px;
	width: 220px;
	background: #FFCC00;
	border: 1px solid #CCCCCC;
}

#searchBody
{
}
#betty {
	margin-left: 15px;	
}
#bottomLinksWin a {
	font: 11px/13px Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 1px 3px;
	color: #000000;
	list-style: none;
}

.bottomLinksWin h2 {
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	color: #003399;
	text-transform: uppercase;
}
.bottomLinksWin1 {
	list-style: none;
	color: #000000;
	text-decoration: none;
}
#siteInfoWin{
	background: #FFFFFF;
	white-space: nowrap;
	display: block;
	margin-top: 2px;
	margin-bottom: 4px;
	width: 755px;
	clear: both;
	float: right;
}
#siteInfo {
	color: #003399;
	background: #FFFFFF;
	font: 9px/12px Arial, Helvetica, sans-serif;
	text-align: center;
}
.greybox {
	border: 1px solid #999999;
	margin-bottom: 9px;
}
.tdgreymenu {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.tdgreymenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;	
}
.tdgreymenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;	
}
.tdgreymenu H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-transform: capitalize;
}
.contentText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-left: 10px;
	line-height: normal;
	padding-right: 10px;
}
.contentTextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: normal;
	font-weight: bold;
}
.contentTextIt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: normal;
	font-style: italic;
}
.imageRunroundRIGHT {
	clear: left;
	float: right;
	margin: 3px;
}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #003399;
	padding-left: 10px;
}
.answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-align: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.contentTextBullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-left: 10px;
	line-height: 13px;
	padding-right: 10px;
	list-style-position: outside;
	list-style-type: square;
	display: list-item;
}
.contentText img {
	margin: 3px;
	clear: none;
	white-space: normal;
	visibility: visible;
	padding: 1px;
}
.imgLeft {
	display: inline;
	clear: both;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-bottom: 10px;
}
.imgRight {
	display: inline;
	clear: both;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-bottom: 10px;
}
.blueBox {
	border: 2px double #003399;
}
.specialstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #01379d;
	font-weight: bold;
}