/* The following is used for regular style commands */	
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(/images/bkgrnd_header.jpg) 0 0 no-repeat;
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
}
A {
	font-size: 0.95em;
	line-height: 1.25em;
}

p {
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	margin: 0 0 0 5px;
	}
td {
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #404D6C;
	}

.copyright {
	color: #5C6986;
	font-size: 0.75em;
	margin: 0px;
	text-align: center;
}

h1 {
	font-size: 1.5em; 
	color: #5C6986; font-weight: bold;
}

h2 {
	font-size: 1.5em; 
	color: #FE0107; 
	font-weight: bold; 
	text-align:right;
}

/* The following is used for the main content area */	
div#content{
	margin: 7.8125em 0px 0px 9.5625em;
	padding: 0px;
	width: 30.625em;
	min-width: 490px;
	text-align: left;
	background-color: #FFFFFF;
}

div#splash_content{
	margin: 7.8125em 0px 0px 10px;
	padding: 0px;
	width: 30.625em;
	min-width: 800px;
	text-align: left;
}

span.title {
	color: #FFFFFF;
	font-weight: bold;
	background: #FFFFFF url(/images/blue_tab_outline_big.gif) 0 0  no-repeat;
	margin: 5px 0px 15px 0px;
	padding: 0 30px 30px 30px;
	text-align: left;
}

div#content a:link {color: #007AC1;}
div#content a:visited {color: #007AC1;}
div#content a:link:hover {color: #014D79;}
div#content a:visited:hover {color: #014D79;}
.PageTitle {
	font-size: 1.15em;
	line-height: 1.35em;
	font-weight: bold;
	COLOR: #007AC1;
	margin: 0 0 10px 0;
	text-align: left
}
div#content ul {
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	margin: 0 0 0 50px;
}
html>body div#content ul {
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	margin: 0 0 0 10px;
}
div#content ul ul{
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	margin: 0 0 0 20px;
}
html>body div#content ul ul{
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	margin: 0 0 0 5px;
}
div#content li {
	COLOR: #000000;
	padding: 0 0 0 5px;
}
div#content li li {
	COLOR: #000000;
	padding: 0 0 0 5px;
}
div#content ol {
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	padding: 0 0 0 50px;
}
div#content ol ol {
	font-size: 0.9em;
	line-height: 1.25em;
	COLOR: #000000;
	padding: 0 0 0 15px;
}
div#slideshow {
	float: right;
	margin: 0 0 0 10px;
}
div#ss_controls {
	text-align: center;
}
div#ss_text{
	text-align: center;
}
/* The following area is used for the content on the homepage - sorting new businesses from existing businesses  */	
div#HomePage {
	width:30.5em;
	min-width: 488px;
	background: #FFFFFF url("/images/slideshow/01.jpg"
) 0 0 no-repeat;
	border: 3px solid;
	border-color:  #FFFFFF  #FFFFFF #007AC1 #FFFFFF;
}
#HomePage a:link{
	color: #007AC1;
}
#StartingBusiness {
	margin: 10px 0 0 95px;
	text-align: left;
	font-weight: bold;
	font-size: 1.15em;
}
#GrowingBusiness {
	margin: 13px 165px 5px 0;
	text-align:right;
	font-weight: bold;
	font-size: 1.15em;
}

h1 {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	color: #000000;
	margin: 0 55px 0 0;
}

p#footer {
	font-size: 0.65em;
	text-align: center;
}
p#TextNavBar {
	font-size: 0.7em;
	text-align: center;
}
td.MiniNav p {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}
td.MiniNav li {
	font-size: 0.75em;
	list-style: none; 
	margin: 0 0 0 -25px;
	padding: 0;
}

/* The following is used for the News & Events and Mailing List on the home page*/
td#news{
	padding: 0 0 0 40px;
}

td#news a {
	font-size: 0.9em;
	margin: 5px 5px 0 10px;
}
td#news p.NewStory a {
	font-size: 0.9em;
	line_height: 1.25em;
	margin: 5px 5px 0 5px;
	padding: 0;
}

/* The following is used for the med-sized calendar on the home page*/
div#Calendar_HomePage {
	margin: 0 0 0 5px;
	font-size: 1.0em;
}
div#Calendar_HomePage td.calendar_header {
	font-size: 1.25em;
}
div#Calendar_HomePage #small_calendar td {
	padding: 0 3px 0 3px;
}
div#Calendar_HomePage #small_calendar a {
	font-size: 1em;
}
div#Calendar_HomePage #small_calendar a:link {
	color: #014D79;
}
div#Calendar_HomePage table#small_calendar {
	padding: 0;
	text-align: center;
}
div#Calendar_HomePage table#small_calendar td {
	font-size: 1.0em;
}

/* The following is used for the left column area */	
div#left {
	position:absolute;
 	top: 399px; left: 0;
/*	top: 130px; left: 0; */
	width: 8.25em;
	min-width: 132px;
	padding: 0;
	z-index: 0;
	}
#left a {
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	font-size: 0.85em;
	line-height: 1.65em; 
	color: #007AC1;
	text-decoration: none;
	font-weight: bold;
	margin-left: 0px;
	padding-right: 0px;
}
#left a:hover {color: #007AC1;}
#BuyPhonebook {
	width: 8.25em;
	min-width: 132px;
	border: 1px solid #007AC1;
}

/* Phonebook Search */
div#BusinessTab {
width: 130px; 
height: 274;  
margin: 0px; 
position: absolute; 
padding: 0 0 0 2px; 
overflow: hidden; 
visibility: visible; 
top: 125px; 
left: 0; 
border: 1px solid #007AC1;
}
div#PeopleTab {
width: 130px; 
height: 274;  
margin: 0px; 
position: absolute; 
padding: 0 0 0 2px; 
overflow: hidden; 
visibility: hidden; 
top: 125px; left: 0; 
border: 1px solid #007AC1;
}


/* The following is used for the Customer Stories Pages - Top Identifying Visuals */

p.cust_quotes {
	font-size: 1.10em;
}
p.customer {
	font-size: 0.75em;
	letter-spacing: 0.10em;
	font-weight: 400;
}

/* The following is used for the Login Menu in the Left Column */	
div#Logins{
	width: 8.125em;
	min-width: 130px;
	background-color: #007AC1;
	border: 1px solid;
	border-color:  #007AC1 #026198 #026198 #0391E4;
	padding: 0;
	margin: 0;
}

#Logins a {
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: 200;
	text-decoration: none;
	display: block;
	line-height: 2em;
	padding: 0 0 0 5px;
	margin: 0;
	border: 1px solid;
	border-color:  #0391E4 #0391E4 #026198 #026198;
}

#Logins a:hover {
	color: #FFF200;
	display: block;
	line-height: 2em;
	border: 1px solid;
	border-color: #026198 #026198 #0391E4 #0391E4;
	background-color: #0175B9;
}

/* The following is used for the right column area */	
div#right {
	position:absolute;
	top: 125px; 
	left: 40.25em;
	width: 9.5em;
	min-width: 152px;
	padding: 0;
	background-color:#FFFFFF;
	z-index: 6;
}
#TowerTile {
	margin: 0 0 0 -15px;
	padding: 0;
}
div#OnlineTile {
	padding: 0 0 0 4px;
}
html>body div#OnlineTile {
	padding: 5px 0 0 4px;
}

a#BuyOnline  { 
	color: #FFFFFF;
	margin: 0 0 0 40px;
	padding: -2px 0 0 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.0em;
}

div.BlueTabs {
	width: 8.5em;
	min-width: 136px;
	margin-left: 20px;
	padding-right: 0px;
	background: #FFFFFF url(/images/tab_header.gif) 0 0  no-repeat;
}
a.ExtraLinksRightColumn {
	margin-left: 10px;
	padding-right: 0px;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.0em;
	color: #007AC1; 
}
a.ExtraLinksRightColumn:hover{
	color: #014D79; 
}
A#CustomerStoriesHeader  { 
	color: #FFFFFF;
	/*background-color: #0D80C1;*/
	margin: 0 0 0 17px;
	padding: 0 0 0 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;

}
p.NewStory a {
	font-size: 0.80em;
	line_height: 0.90em;
	text-decoration: underline;
	margin: 0 0 0 2px;
	padding: 0 5px 0 2px;
}
html>body p.NewStory a {
	padding: 5px 5px 0 2px;
}
p.NewStory a:hover{
	color: #014D79;
	text-decoration: none;
}
p.NewStory a:active {
	color: #007AC1;
}
p.NewStory a:visited {
	color: #007AC1;
}



/* The following is used for the News & Events area in the right column  */
		
#NewsEventsHeader   { 
	color: #FFFFFF;
	margin: 0 0 0 25px;
	padding: -2 0 0 5px;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.0em;
}


/* The following is used for the poll area */
div#OnlinePolls {
	width: 8.5em;
	min-width: 136px;
	margin-left: 20px;
	padding-right: 0px;
	background: #FFFFFF url(/images/tab_header.gif) 0 0  no-repeat;
		}
#OnlinePollHeader {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.3em;
}

#poll_question {
	color: #000000;
	font-size: 0.79em;
	padding: 0 0 0 5px;
	font-weight: 100;
}
#poll_options {
	width: 8.5em;
	min-width: 136px;
	margin: 0 0 0 -10px;

}
a#results_link {
	color: #007AC1;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1em;
	line-height: 1.5em;
}
a:hover#results_link { color: #014D79;}

a#polls_link  {
	color: #007AC1;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1em;
	line-height: 1.25em;
}
a:hover#polls_link { 
	color: #014D79;
}

font.left_box {
	color: #000000;
	font-weight: bold;
	font-size: 0.70em;
	line-height: 0.75em;
}

/* The following is used for the calendar area in the right column*/
div#Calendar {
	width: 8.5em;
	min-width: 136px;
	margin-left: 20px;
	padding-right: 0px;
	background: #FFFFFF url(/images/tab_header.gif) 0 0  no-repeat;
}

#CalendarHeader  { 
	color: #FFFFFF;
	margin: 5 0 0 8px;
	padding: 4 0 0 10px;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.75em;
	line-height: 1.2em;
}

.calendar_title {
	font-weight: bold;
	font-size: 1.0em;
	color: #007AC1;
	text-align: center;
}
.calendar_header{
	font-weight: bold;
	font-size: 0.9em;
	color: #000000;
}
#small_calendar a {
	font-weight: bold;
	font-size: 1em;
	color: #007AC1;
}
#small_calendar a:link {
	color: #014D79;
}
table#small_calendar {
	padding: 0;
	margin: 0 0 0 -5px;
	width: 120px;
	text-align: center;
}
table#small_calendar td {
	font-size: 0.75em;
}

/* The following is used for the information at the top of the file - not to be displayed in newer browsers 
- but will show on older brosers and handheld devices */	
div#CompanyName {display:none;
}
p.name {
	color: #5C6986;
	font-weight: bold;
	font-size: 1.75em;
}

/* The following is used for the navbar */	
div#navbar {
	width: 50em;
	position: absolute;
	top: 92px;
	left: 0px;
	background-color: #007AC1;
	z-index: 8;
	min-width: 800px;
}

.menu a {
	font-weight: bold;
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 14px;
	text-decoration:none;
	background-color: #007AC1;
	margin: 0 2px 0 2px;
	border: 2px solid #007AC1;
}

.menu a:hover {
	font-color: #FFF200;
	background-color: #026198;
	border: 2px solid;
	border-color: #0391E4 #0391E4 #014D79 #014D79;
}

td#search  {
	color: #FFF200;
	font-weight: bold;
}
.Dash {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}



/* The following is used for the rotating Banner area */	
div#banner {
	width: 470px;
	position:absolute;
	top: -1px;
	left: 320px;
	background-color: #FFF200;
}
html>body div#banner {
	top: 0px;
	}
/* The following is used for the About Us Drop Down Menu */	
#AboutUs {
	width: 160px;
	visibility: hidden;
	z-index: 11;
	position: absolute;
}


/* The following is used for the Phonebook Advertising Drop Down Menu */	
#Phonebook {
	width: 185px;
	visibility: hidden;
	z-index: 11;
	position: absolute;
}

/* The following is used for the Online Advertising Drop Down Menu */	
#Online {
	width: 180px;
	visibility: hidden;
	position: absolute;
	z-index: 11;

}

/* The following is used for the Internet Business Solutions Drop Down Menu */	
#IBSolutions {
	width: 175px;
	visibility: hidden;
	position: absolute;
	z-index: 11;
	}



/* The following is used for all the dropdown menus */	
.Dropdown {
	background-color: #007AC1;
	border: 1px solid;
	border-color:  #007AC1 #026198 #026198 #0391E4;
	padding: 3px;
}

.Dropdown a {
	padding: 0px 0px 0px 3px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 500;
	display:block;
	font-size: 13px;
	border: 1px solid;
	border-color:  #0391E4 #0391E4 #026198 #026198;
	width: 100%;
}
html>body div.Dropdown a {
	width: auto;
}
.Dropdown a:hover {
	color: #FFF200;
	border-color: #026198 #026198 #0391E4 #0391E4;
	background-color: #0175B9;
}
	
/* The following is used for the HotSpot on the Header that links to the home page */	
#LogoHotSpot {
	position: absolute;
	top: 0;
	left: 0;
}
#ss_img {
	border: solid 1px #007AC1;
}
.blue { 
	color: #007AC1;
}

/* The following is used to for all hidden layers that toggle on with a click */
.ShowHide {
	border: solid 1px #007AC1;
	background-color: #FFFFFF;
	padding: 5px;
	visibility: hidden;
}


#sizesells {
	width: 600px;
	position: absolute;
	top: 110px;
	left: 100px;
	border: solid 1px #007AC1;
	background-color: #FFFFFF;
	padding: 5px;
	visibility: hidden;
	z-index:200;
}
#colour_sells {
	width: 520px;
	position: absolute;
	top: 110px;
	left: 130px;
	border: solid 1px #007AC1;
	background-color: #FFFFFF;
	padding: 5px;
	visibility: hidden;
	z-index:200;
}
#size_colour {
	width: 460px;
	position: absolute;
	top: 110px;
	left: 150px;
	border: solid 1px #007AC1;
	background-color: #FFFFFF;
	padding: 5px;
	visibility: hidden;
	z-index:200;
}


#question_three {
	width: 320px;
	position: absolute;
	top:1080px;
	left: 250px;
	border: solid 1px #007AC1;
	background-color: #FFFFFF;
	padding: 5px;
	visibility: hidden;
	z-index:202;
}
p.quotes {margin: 0 20px 0 20px; color: #007AC1; font-weight: bold; }

/* The following is used to style the Phonebook Deadline Dates Table */
p.BigText {
	font-size: 3em;
	font-weight: bold;
	text-align: center;
}
p.MedTextBold {
	font-size: 2.0em;
	font-weight: bold;
	text-align: center;
}
p.MedText {
	font-size: 1.5em;
	text-align: center;
}
table#deadlinedates {
	font-size: 0.8em;
	color: #000000;
}
td.deadlinedatesTitles {font-weight: bold;}

div.maps {
	border:  solid 1px #007ac1;
	background-color: #FFFFFF;
}
div.SmMapsheader {
	font-color: #007AC1; 
	font-weight: bold;
	font-size: 0.9em;
	background-color: #FFF200;
	border-bottom: solid 1px #007ac1;

}

#TradeMark  a {
	line-height: 1.5em;
}
sup {
	font-size: 0.8em;
}

/* The following is used for the quick start system */

input.phone_area { width: 30; }
input.phone_nnx { width: 30; }
input.phone_lineno { width: 40; }

.formcontent {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
}

.formsectionheader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #666666;
}
.storycat       {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: underline}

.arial {FONT-FAMILY: Arial; FONT-SIZE: 0.9em;}
.verdana {FONT-FAMILY: Verdana; FONT-SIZE: 0.9em;}
.georgia {FONT-FAMILY: Georgia; FONT-SIZE: 0.9em;}

/* ------------*************************   TOURISM SASKATCHEWAN CONTEST PAGES *************************------------ */
div#DefaultMessage {
	width: 210px;
	position: absolute;
	top: 315px;
	left: 20px;
}
div.Popups {
	top: 315px;
	left: 20px;
	width: 210px;
}
div#Puzzle1 {
	position: absolute;
	visibility: hidden;

}
div#Puzzle2 {
	position: absolute;
	visibility: hidden;
}
div#Puzzle3 {
	position: absolute;
	visibility: hidden;
}
div#Puzzle4 {
	position: absolute;
	visibility: hidden;
}
div#Puzzle5 {
	position: absolute;
	visibility: hidden;
}
div#Puzzle6 {
	position: absolute;
	visibility: hidden;
}
div#Puzzle7 {
	position: absolute;
	visibility: hidden;
}
div#Puzzle8 {
	position: absolute;
	visibility: hidden;
}

p.TourismTitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #5b3425;
	margin-bottom: 5px;
}

div.Popups a, div.Popups a:visited {
	color:  #5b3425;
}
div.Popups a:hover {
	color:  #000000;
}
div#MailToForm {
	position: absolute;
	visibility: hidden;
	top: 270px;
	left: 10px;
	width: 240px;
}
div#MailToForm td {
	font-size: 0.95em;
}
td#Answer1 {
	display: none;
	visibility: hidden;
}
td#Answer2 {
	display: none;
	visibility: hidden;
}
td#Answer3 {
	display: none;
	visibility: hidden;
}
td#Answer4 {
	display: none;
	visibility: hidden;
}
td#Answer5 {
	display: none;
	visibility: hidden;
}
td#Answer6 {
	display: none;
	visibility: hidden;
}
td#Answer7 {
	display: none;
	visibility: hidden;
}
td#Answer8 {
	display: none;
	visibility: hidden;
}
span.SmallText {
	font-size: 11px;
	line-height: 12px;
}

/* Click to Win Survey Table */
table.SurveyTable {
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 

	BORDER-BOTTOM: #cccccc 1px solid;
}
table.SurveyTable td {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000; 
}
div#PhonebookSearchNew {
	position:absolute; top: 125px; left: 0px; border-top: solid 1px #014D79; border-right: solid 1px #014D79; width:128px;
}