/* ==================== layout ==================== */

body { padding: 0; margin: 0; background: #fff;}


#callout { display: block; width: 180px; background: #fff; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; margin-top: 10px; padding: 0; text-align: left; }
#footer { display: block; background: #fff; margin: 0; padding: 0; float: left; }

/* ==================== visual formatting ==================== */

body td {
	font: 11px "Tahoma", "Lucida Grande", "Verdana", "Helvetica", sans-serif;
	color: #666;
	line-height: 15px;
}

p {margin-top: 6px; margin-bottom: 14px; }

UL.bulletlist {list-style-image: url('http://workandtravel.ca/internships/resources/bullet_square.gif'); margin-left: 15px; padding: 0 }
UL.bulletlist li {line-height: 14px; margin-bottom: 6px; margin-top: 4px; }

.go_back {display: block; width: 80px; margin: 8px; padding: 0; background: #ccc; border: 1px solid #0069A5; }
.go_back a:hover {background: red; }
.nolink {color: red; font-weight: bold; }
.line {border-bottom: 1px solid #DFDFD8; margin-bottom: 8px; }
.spacer {margin: 4px}

.banner_title { font: 18px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: normal; color: #fff; margin: 0 20px 0 40px; }
.title { font: 18px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: normal; color: #666; margin-bottom: 24px; }
.header {font: 16px "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: bold; color: #000; margin-bottom: 6px; line-height: 18px; }
.header_grey {font: 16px "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: bold; color: #666; margin-bottom: 2px; line-height: 18px; }
.header2 {font: 14px "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: bold; color: #000; margin-bottom: 2px; line-height: 18px; }

.callout_hdr {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	margin: 0;
	line-height: 12px;
	border-bottom: 1px solid #666657;
	background-color: #666;
}
.callout_hdr_blue {font-size: 11px; color: #fff; font-weight: bold; background: #0069a5 url('http://workandtravel.ca/internships/resources/callout_bg_blue.gif') repeat-x top; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; margin: 0; line-height: 12px; border-bottom: 1px solid #0069a5 }
.callout_hdr_orange {font-size: 11px; color: #fff; font-weight: bold; background: #b84d2e url('http://workandtravel.ca/internships/resources/callout_bg_orange.gif') repeat-x top; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; margin: 0; line-height: 12px; border-bottom: 1px solid #b84d2e }
.callout_text {font-size: 10px; color: #4a4a3f; line-height: 12px; margin: 10px; }
.callout_text_larger {font-size: 11px; color: #4a4a3f; line-height: 14px; margin: 0 6px 0 6px; }
.callout_hdr_larger {font-size: 11px; font-weight: bold; color: #000; line-height: 14px; margin: 0 6px 0 6px; }

.quote {font-size: 12px; font-weight: bold; color: white; line-height: 15px; margin: 8px; }
.quote_attribute {text-align: right; font-size: 11px; color: #d1d1cb; line-height: 12px; margin: 8px; }
.quote_attribute a:visited {color: #74cde8; text-decoration: underline;}
.quote_attribute a:hover {color: #74cde8; text-decoration: none;}
.quote_attribute a:active {color: #74cde8; text-decoration: underline;}
.quote_attribute a:link {color: #74cde8; text-decoration: underline;}

.contact_me {font-size: 11px; color: #4A4A3F; line-height: 13px; margin-left: 10px; margin-bottom: 8px; font-weight: bold; }
.button {font-size: 10px; color: #fff; font-weight: normal; border-right: 1px solid #003A5A; border-bottom: 1px solid #003A5A; border-left: 1px solid #21AEFF; border-top: 1px solid #21AEFF; background: url(button_background.gif) repeat-x; padding: 3px;}


.footertext {color: #7C7C7C; font-size: 10px; margin-left: 15px; }
.caption {font-size: 10px; margin: 10px; line-height: 12px; }

a:link { color: #006BB6; text-decoration: underline; }
a:visited { color: #497DA2; text-decoration: underline; }
a:active { color: #37ADFF; text-decoration: none; }
a:hover { color: #37ADFF; text-decoration: none; }

.footertext a:link { color: #006BB6; font-weight: normal; text-decoration: none; }
.footertext a:visited { color: #497DA2; font-weight: normal; text-decoration: none; }
.footertext a:active { color: #37ADFF; font-weight: normal; text-decoration: none; }
.footertext a:hover { color: #37ADFF; font-weight: normal; text-decoration: none; }

.a-to-z {margin: 0}

.a-to-z a:link { color: #006BB6; font-weight: bold; text-decoration: none; }
.a-to-z a:visited { color: #497DA2; font-weight: bold; text-decoration: none; }
.a-to-z a:active { color: #37ADFF; font-weight: bold; text-decoration: none; }
.a-to-z a:hover { color: #37ADFF; font-weight: bold; text-decoration: none; }
.a-to-z-prefix { FONT-WEIGHT: bold; COLOR: #999 }

a img {border: 0px none; margin: 0; padding: 0; }



/* ==================== left hand navigation ==================== */

#left #lmenu {display: block; width: 230px; }
#left #lmenu ul {list-style-type: none; margin: 0; padding: 0; }
#left #lmenu ul li {display: block;}
ul.mainmenu {display: block; }
ul.mainmenu {list-style-type: none; width: 100%; margin: 0; padding: 0; background: white; width: 230px; border-right: 1px solid #d6d5d0;}
ul.mainmenu li {display: block; list-style-type: none; border: 0px none; padding: 0px; color: #555c5f;  }
ul.mainmenu li a {display: block;  margin: 0px; text-decoration: none; padding: 4px 10px; font-weight: bold; background: #d6d5d0; color: #555c5f; }
ul.mainmenu li a:hover {display: block; font-weight: bold; background: #fff; color: #006cb7; }

ul.mainmenu li.unselected {list-style-type: none; border: 0px none; padding: 0px; color: #555c5f;  }
ul.mainmenu li.unselected a {display: block; margin: 0px; display: block; text-decoration: none; padding: 4px 10px; font-weight: bold; background: #d6d5d0; color: #555c5f; }
ul.mainmenu li.unselected a:hover {display: block; font-weight: bold; background: #fff; color: #006cb7; }

ul.mainmenu li.selected {padding: 3px 10px;  }
ul.mainmenu li.selected a {display: block; background: #fff; color: #006cb7;}
ul.mainmenu li.selected a:hover {display: block; background: #fff; color: #7b848b;}
ul.mainmenu li.selected {display: block; background: #fff; padding: 0; margin: 0; }

ul.mainmenu li.cat {width: 209px; background: #fff; font-weight: bold;}
ul.mainmenu li.cat a {width: 209px; display: block; background: #fff; color: #016bb5; font-weight: bold;}
ul.mainmenu li.cat a:hover {width: 209px; display: block; color: #37adff;}
ul.mainmenu li.subitem {width:199px; padding-left: 10px; font-size: 11px;}
ul.mainmenu li.subitem a {width: 199px; display: block; padding: 2px 6px; background: #fff; border: 1px solid #fff; font-weight: normal; color: #555c5f; }
ul.mainmenu li.subitem a:hover {width: 199px; display: block; padding: 2px 6px; background: #E5E5DD; color: #006cb7; border: 1px solid #E5E5DD; font-weight: normal; margin-right: 10px; }
ul.mainmenu li.subitem_this {width: 199px; padding-left: 10px; font-size: 11px; }
ul.mainmenu li.subitem_this a {width: 199px; display: block; background: #f3f3eb; color: #006cb7; border: 1px solid #aeafa9; font-weight: normal; padding: 2px 6px; margin-right: 10px;}
ul.mainmenu li.subitem_this a:hover {width: 199px; display: block; background: #E5E5DD; border: 1px solid #aeafa9; font-weight: normal; padding: 2px 6px; margin-right: 10px;}
ul.mainmenu li.subitem_last {width: 199px; padding-left: 10px; font-size: 11px;  }
ul.mainmenu li.subitem_last a {width: 199px; display: block; padding: 2px 6px; margin-bottom: 5px; background: #fff; border: 1px solid #fff; font-weight: normal; margin-right: 10px; color: #555c5f; }
ul.mainmenu li.subitem_last a:hover {width: 199px; display: block; padding: 2px 6px; margin-bottom: 5px; color: #006cb7; background: #E5E5DD; border: 1px solid #E5E5DD; font-weight: normal; margin-right: 10px;}

.menu_header {color: white; font-weight: bold; padding-top: 11px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin: 0; }




/* ==================== tabbed navigation ==================== */

#tabcontainer {display: block; width: 640px; height: 36px; margin-left: 40px; padding: 0; background: #afafa9; }

#tablist
{
padding-top: 16px;
padding-left: 0px; 
padding-right: 0px; 
margin: 0;
font: 11px Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight: normal; 
}

#tablist li
{
list-style: none;
margin: 0;
display: inline;
line-height: 15px;
}

#tablist li a
{
border-left:1px solid #afafa9; border-right:1px solid #afafa9; border-top:1px solid #afafa9; margin-left: 0px;
margin-right: -4px;
border-bottom: medium none;
background: url('tab_bg.gif') repeat-x;
text-decoration: none; padding-left:12px; padding-right:12px; padding-top:6px; padding-bottom:6px
}

#tablist li a:link { color: #000; font-weight: normal; }
#tablist li a:visited { color: #000; font-weight: normal; }

#tablist li a:hover
{
color: #000;
background: #fff;
border-color: #afafa9;
font-weight: normal; 
}

#tablist li a#current
{
background: white;
border-top: 3px solid white;
border-left: 1px solid white;
}

/* ==================== button ==================== */

#button_container {display: block; margin: 0; text-align: right; }

#button
{
padding: 0; 
margin: 0;
font: 11px Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight: normal; 
}

#button li
{
list-style: none;
margin: 0;
display: inline;
line-height: 15px;
}

#button li a
{
padding-top: 3px; 
padding-bottom: 3px; 
padding-left: 10px; 
padding-right: 10px; 
margin: 0; 
border: 1px solid #0069A5; 
background: #DFDFD8;
}

#button li a:link { color: #0069A5; font-weight: bold; }
#button li a:visited { color: #0069A5; font-weight: bold; }

#button li a:hover
{
color: #0069A5;
font-weight: bold;
background: #fff;
}




/* ==================== searchbar ==================== */

#searchbar {display: block; width: 100%; padding: 0; margin: 0; height: 70px; background: #fff;}
#searchbar img {float: left; margin: 0; padding: 0; width: 230px; }
#searchbar #top {height: 46px; background: #fff; text-align: right; margin: 0; padding: 0;}
#searchbar #top div {
	display: block;
	margin: 0px 10px 10px 10px;
	padding: 0;
	color: #7c7c7c;
}
#searchbar #top div span {display: inline;margin: 0; margin-left: 20px; }
#searchbar #top div span form {display: inline; border: 0px none;}
#searchbar #top div span form input.search_text {font-size: 11px; width: 90px; border: 1px solid #7c7c7c;}
#searchbar #top div span form input.submit { margin-bottom: -3px;}
#searchbar #top div span a {text-decoration: none; color: #7c7c7c; font-weight: normal; }
#searchbar #top div span a:hover {color: #006cb7; font-weight: normal; }

#searchbar #menu {height: 24px; background: #afaea9 url('menu_bg.gif') repeat-x top; padding: 0; margin: 0} 



/* ==================== top menu ==================== */

.country {padding: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; margin-left: 0; font-size: 12px; color: #00418c}
.menubar {list-style-type: none; margin: 0; padding: 0; } 
.topitem {font-weight: normal; float: left; display: block; height: 24px;  } 
.topitem a, .topitem a:visited {font-weight: normal; color: #fff; padding-left:15px; padding-right:14px; padding-top:4px; padding-bottom:5px; display: block; text-decoration: none; }
.topitem a:hover {font-weight: normal; color: #fff; background: #afaea9 url('menu_selected_bg.gif') repeat-x left; display: block; text-decoration: underline; padding-left:15px; padding-right:14px; padding-top:4px; padding-bottom:5px } 
.home a, .home a:visited {font-weight: normal; background: url('top_corner_grey.gif') no-repeat top left; display: block; } 
.home a:hover {font-weight: normal; background: url('home_bg.gif') no-repeat top left; display: block;  }
.selected  {font-weight: normal; background: #afaea9 url('menu_selected_bg.gif') repeat-x left; }

.lastitem {font-weight: normal; float: left; display: block; height: 24px;  } 
.lastitem a, .lastitem a:visited {font-weight: normal; color: #fff; padding-left:15px; padding-right:24px; padding-top:4px; padding-bottom:5px; display: block; text-decoration: none; }
.lastitem a:hover {font-weight: normal; color: #fff; background: #afaea9 url('menu_selected_bg.gif') repeat-x left; display: block; text-decoration: none; padding-left:15px; padding-right:24px; padding-top:4px; padding-bottom:5px } 


/* ==================== FLYOUT SUBMENU ==================== */

ul.submenu {list-style-type: none; position: absolute; margin: 3px 0px 0px 0px; padding: 3px 0px 0px 0px; display: none; width: 180px;  } 
ul.submenu li {padding: 0; margin: 0; font-size: 11px; text-align: left;} 
ul.submenu li a, ul.submenu li a:visited {padding: 3px 3px 3px 16px; color: #000; border: 1px solid #ebebeb; text-decoration: none; margin: 0;} 
ul.submenu li a:hover {padding: 3px 3px 3px 16px; text-decoration: none; background: #fff; color: #000; border: 1px solid #3699dd; } 
li:hover ul, li.over ul {margin: 0; padding: 4px; display: block; background: #ebebeb;} 

#dmenu li>ul {top: auto; left: auto;}


/* ========================= legacy style tags ============================== */

.navybig{font-family:arial,helvetica;font-size:14px;color:#103B67;font-weight:bold;}
.navy{font-family:arial,helvetica;font-size:12px;color:#103B67;font-weight:bold;}
.navysmall{font-family:arial,helvetica;font-size:10px;color:#103B67;}
.whitebig{font-family:arial,helvetica;font-size:14px;color:#FFFFFF;font-weight:bold;}
.white{font-family:arial,helvetica;font-size:12px;color:#FFFFFF;font-weight:bold;}
.whitesmall{font-family:arial,helvetica;font-size:10px;color:#FFFFFF;}
.black{font-family:arial,helvetica;font-size:11px;color:#000000;}
.grey{font-family:arial,helvetica;font-size:11px;color:#A1A1A1;}
.lblue{font-family:arial,helvetica;font-size:10px;color:#6699CC;}
.footer{font-family:arial,helvetica;font-size:11px;color:#4D4D4D;}
.leftnav {font-family:arial, helvetica;font-size:11px;color:#000000;display: table-cell;padding: 5px 7px 3px 3px;text-decoration: none;text-transform: uppercase;width: 151px;}
.leftsubnav {font-family:arial, helvetica;font-size:11px;color:#000000;display: table-cell;text-decoration: none;}

a.white{font-family:arial,helvetica;font-size:10px;color:#FFFFFF;text-decoration:none;}
a.white:hover{font-family:arial,helvetica;font-size:10px;color:#FFFFFF;text-decoration:underline;}
a.white:visited{font-family:arial,helvetica;font-size:10px;color:#FFFFFF;}
a.white:active{font-family:arial,helvetica;font-size:10px;color:#FFFFFF;text-decoration:none;}

a.black{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:none;}
a.black:hover{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:underline;}
a.black:visited{font-family:arial,helvetica;font-size:11px;color:#000000;}
a.black:active{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:none;}

a.navy{font-family:arial,helvetica;font-size:12px;color:#0C3661;text-decoration:none;}
a.navy:hover{font-family:arial,helvetica;font-size:12px;color:#0C3661;text-decoration:underline;}
a.navy:visited{font-family:arial,helvetica;font-size:12px;color:#0C3661;}
a.navy:active{font-family:arial,helvetica;font-size:12px;color:#0C3661;text-decoration:none;}

a.grey{font-family:arial,helvetica;font-size:10px;color:#666666;text-decoration:none;}
a.grey:hover{font-family:arial,helvetica;font-size:10px;color:#666666;text-decoration:underline;}
a.grey:visited{font-family:arial,helvetica;font-size:10px;color:#666666;}
a.grey:active{font-family:arial,helvetica;font-size:10px;color:#666666;text-decoration:none;}

a.lblue{font-family:arial,helvetica;font-size:10px;color:#6699CC;text-decoration:none;}
a.lblue:hover{font-family:arial,helvetica;font-size:10px;color:#6699CC;text-decoration:underline;}
a.lblue:visited{font-family:arial,helvetica;font-size:10px;color:#6699CC;}
a.lblue:active{font-family:arial,helvetica;font-size:10px;color:#6699CC;text-decoration:none;}

a.gold{font-family:arial,helvetica;font-size:11px;color:#908100;font-weight:bold;text-decoration:underline;}
a.gold:hover{font-family:arial,helvetica;font-size:11px;color:#908100;font-weight:bold;text-decoration:none;}
a.gold:visited{font-family:arial,helvetica;font-size:11px;color:#908100;font-weight:bold;}
a.gold:active{font-family:arial,helvetica;font-size:11px;color:#908100;font-weight:bold;text-decoration:underline;}

a.goldsmall{font-family:arial,helvetica;font-size:10px;color:#908100;text-decoration:underline;}
a.goldsmall:hover{font-family:arial,helvetica;font-size:10px;color:#908100;text-decoration:none;}
a.goldsmall:visited{font-family:arial,helvetica;font-size:10px;color:#908100;}
a.goldsmall:active{font-family:arial,helvetica;font-size:10px;color:#908100;text-decoration:underline;}

a.footer{font-family:arial,helvetica;font-size:11px;color:#4D4D4D;text-decoration:none;}
a.footer:hover{font-family:arial,helvetica;font-size:11px;color:#4D4D4D;text-decoration:underline;}
a.footer:visited{font-family:arial,helvetica;font-size:11px;color:#4D4D4D;}
a.footer:active{font-family:arial,helvetica;font-size:11px;color:#4D4D4D;text-decoration:none;}

a.leftsubnav{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:none;}
a.leftsubnav:hover{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:underline;}
a.leftsubnav:visited{font-family:arial,helvetica;font-size:11px;color:#000000;}
a.leftsubnav:active{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:none;}

a.leftnav{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:none;}
a.leftnav:hover{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:underline;}
a.leftnav:visited{font-family:arial,helvetica;font-size:11px;color:#000000;}
a.leftnav:active{font-family:arial,helvetica;font-size:11px;color:#000000;text-decoration:none;}

/* ========================= nmanerik: Soultion Style Tag added as per Jan Cherry's vantive ============================== */

.solutions { color: #656565; font-size: 11px; font-family: Tahoma, Verdana, Helvetica, sans-serif; line-height: 15px; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px}
.solution_title { margin-top: 1px; margin-bottom: 1px; color: #fff; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-left: 10px; }
.solution_headline { margin-top: 10px; margin-bottom: 8px; color: #000; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-left: 00px; }


A.sol:link { color: #005896; font-weight: bold; text-decoration: none }
A.sol:visited { color: #005896; font-weight: bold; text-decoration: none}
A.sol:active { color: #005896; font-weight: bold; text-decoration: underline}
A.sol:hover { color: #005896; font-weight: bold; text-decoration: underline}

.header_large {
	MARGIN-BOTTOM: 10px; FONT: 22px/22px "Lucida Grande", "Arial", "Verdana", "Helvetica", sans-serif; COLOR: #000
}

.offer_text {
	MARGIN-BOTTOM: 16px; FONT: 10pt/16px "Lucida Grande", "Tahoma", "Verdana", "Helvetica", sans-serif; COLOR: #444
}


.awareness_headline_grey { 
	font: 16px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: normal; color: #d9d9d2; margin: 0 20px 6px 40px; }
.awareness_headline_white { font: 25px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: normal; color: #fff; margin: 0 20px 0 40px; }