/* ------------------------ DO NOT ALTER THIS FILE ---------------------------- 
This is the standard eSolutions website style sheet; authors, David Janik-Jones + Marc Trudel.
Create a copy of the three style sheets and place them in your new website directory.
CSS are commonly kept in the /includes/css/ directory for the website. 
   ------------------------ DO NOT ALTER THIS FILE ---------------------------- */

/* CSS style sheet for Region of Waterloo, by eSolutions Group, http://www.esolutionsgroup.ca */
/* CSS released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
/* All web site content Copyright 2006 by Region of Waterloo */
/* Date Started: March 6, 2006 */

/* This design is NOT a template. You may NOT reproduce it elsewhere without the owner's written permission. 
You may study the CSS and use whatever techniques you learn from it elsewhere per Creative Commons License. */

/* IMPORT OTHER STANDARD SITE STYLE SHEETS */
/* THIS IS THE ONLY ONE THE CLIENT HAS ACCESS TO */
@import url(/en/css/client.css);

/* REMOVE PADDING AND MARGIN VALUES */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dd,dt,img,
q,table,thead,tbody,tfoot,caption,th,tr,td,a,form,
input,textarea,fieldset,pre {margin:0;padding:0;}

/* SET BASE ATTRIBUTES */
/*html {font:11px/17px Sans-Serif,Arial,Verdana,Helvetica; color: #333;}
p {font:11px/17px Sans-Serif,Arial,Verdana,Helvetica; color: #333; padding-bottom: 17px;}
td {font:11px/17px Sans-Serif,Arial,Verdana,Helvetica; color: #333; padding-bottom: 17px;}
body {background: url(/en/images/bkgnd_body.jpg) top left repeat-x; background-color: #FFF;}
h4 {font-size:16px; font-weight: bold; color: #FFF; text-transform: uppercase; padding-bottom: 9px;}*/
html {font-size: 12px; font-family: Sans-Serif,Arial,Verdana,Helvetica; color: #333;}
p {font-family: Sans-Serif,Arial,Verdana,Helvetica; color: #333; padding-bottom: 17px;}
td {font-family: Sans-Serif,Arial,Verdana,Helvetica; color: #333; padding-bottom: 17px;}
body {background: url(/en/images/bkgnd_body.jpg) top left repeat-x; background-color: #FFF;}
h4 {font-size:16px; font-weight: bold; color: #FFF; text-transform: uppercase; padding-bottom: 9px;}

/* STANDARDIZE LINK STYLES ACROSS SITE, KILL BORDER ON IMG LINKS */
a {color:#333;text-decoration:underline;}
a:link,a:visited {text-decoration:underline;}
a:hover,a:active {text-decoration:none;}
a img,:link img,:visited img,:hover img,:active img {border:none;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul,ul ol,ul dir,ul menu,ul dl,
ol ul,ol ol,ol dir,ol menu,ol dl,
dir ul,dir ol,dir dir,dir menu,dir dl,
menu ul,menu ol,menu dir,menu menu,menu dl,
dl ul,dl ol,dl dir,dl menu,dl dl {margin-top:0;margin-bottom:0;}

/* STANDARDIZE THE LIST-BULLET TYPE */
#rightinside ul, #homecontent ul {
 list-style-type: square;
 /*font: 11px/17px Sans-Serif,Arial,Verdana,Helvetica;*/
 font-family: Sans-Serif,Arial,Verdana,Helvetica;
 color: #333;
 margin: 0; padding: 0px 12px 17px 39px;
}
#rightinside ol, #homecontent ol {
 /*font: 11px/17px Sans-Serif,Arial,Verdana,Helvetica;*/
 font-family: Sans-Serif,Arial,Verdana,Helvetica;
 color: #333;
 margin: 0; padding: 0px 12px 17px 39px;
}
ul,dl {}
ol {}
/* OTHERS AS NEEDED ul{}
li{}
dl{margin:4px 0;}
dt{margin:3px 0; font-weight:bold; color:#333; text-transform:uppercase;}
dt a{font-weight:bold; color:#333;}
dd{margin:0 0 4px 0;} */

/*em {font-style:italic;font-weight:normal;}*/
strong {font-weight:bold;}
acronym {background:transparent;cursor:help;font-style:normal;}
a acronym {border:none;cursor:pointer;}

/* the following styles are the styles for the structural DIVs in a website and should not
contain any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, these CSS styles will never 
need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
#uber {
	margin: auto auto; width: 791px; background-color: #FFF;
	border-top: 1px solid #9A0000; border-right: 17px solid #9A0000; border-left: 17px solid #9A0000;
}
/* the container that holds the two content columns on both home and inside pages */
#columns {
	float: left; width: 791px; margin: 0; padding: 0; position: relative;
}
#columnsinside {
	float: left; width: 791px; margin: 0; padding: 0;
	background: url(/en/images/bkgnd_columnsinside.gif) top left repeat-y; position: relative;
}
/* column containers for both the home and inside pages */
#left {
	width: 239px; float: left; background: url(/en/images/bkgnd_left_home.jpg) top left repeat-x;
	overflow: hidden;
}
#leftinside {
	width: 239px; float: left; background: url(/en/images/bkgnd_left_inside.jpg) top left repeat-x;
	overflow: hidden;
}
#right {
	width: 552px; float: left; position: relative;
}
#rightinside {
	width: 488px; float: left; padding: 25px 25px 25px 39px; border-top: 17px solid #9A0000; overflow: hidden;
}
/* ----- left column subscribe to email newsletter box ----- */
#subscribe {
	width: 180px; border: 1px solid #909181; background: url(/en/images/bkgnd_subscribe.jpg) top left repeat-y;
	overflow: hidden; margin: 20px 0px 25px 21px; padding: 5px 5px 7px 5px;
	font:11px/14px Sans-Serif,Arial,Verdana,Helvetica; color: #333; text-align: left;
}
/* copyright band at the bottom -- red -- sits INSIDE the uber container */
#copyright {
	width: 791px; height: 24px; background-color: #9A0000; color: #FFF; position: relative; clear: left;
}
#copyrightleft {
	width: 247px; height: 21px; padding-top: 3px; position: absolute; top: 0; left: 0;
	text-align: center;
}
#copyrightright {
	width: 543px; height: 21px; padding-top: 3px; position: absolute; top: 0; right: 0;
	text-align: center;
}
/* ----- in this site, the footer sits OUTSIDE the uber/holder div ----- */
#footer {
	margin: auto auto; width: 823px; height: 104px;
	border: 1px solid #9A0000; background-color: #FFF; margin-bottom: 25px;
}


/* ----- styles for various items within the main divs that are NOT modifiable by end user ----- */
#banner {
	margin-bottom: 33px; width: 488px; height: 96px; overflow: hidden; border: 0;
}
#logo {
	margin-bottom: 23px; border: 0;
} 
#leftbutton {
	margin: 0px 0px 20px 17px; border: 0;
}
#message {
	position: absolute; top: 80px; left: 340px; width: 190px; height: 310px; overflow: hidden; margin: 0; padding: 0;
	font:12px/16px Sans-Serif,Arial,Verdana,Helvetica; color: #FFF; text-align: left;
}
#message a {color:#FFF;text-decoration:underline;}
#message a:link, #message a:visited {color:#FFF;text-decoration:underline;}
#message a:hover, #message a:active {color:#FFF;text-decoration:none;}
#message p { font:12px/16px Sans-Serif,Arial,Verdana,Helvetica; color: #FFF; text-align: left; }

#homecontent {
	background: url(/en/images/bkgnd_home_content.jpg) top left no-repeat;
	padding: 25px 25px 25px 39px;
	width: 488px;
	overflow: hidden;
}
#alertbox {
	width: 475px; border: 1px solid #8C1624; background: url(/en/images/bkgnd_alertbox.jpg) top left repeat-y;
	padding: 8px 13px; margin-bottom: 17px;
}


/* ----- styles for links in specific divs ----- */
#copyright a {color:#FFF; text-decoration:none;}
#copyright a:link, #copyright a:visited {text-decoration:none;}
#copyright a:hover, #copyright a:active {text-decoration:underline;}


/* ----- styles for css-based LI nav menu in left column ----- */
#left ul, #leftinside ul {
	border-right: 1px solid #929081; border-top: 1px solid #929081; width: 212px;
	margin-top: 0; margin-bottom: 0;
}
#left li, #leftinside li {
	border-bottom: 1px solid #929081;
}
#left li a:link, #leftinside li a:link, #left li a:visited, #leftinside li a:visited {
	text-decoration: none;
	background:  url(/en/images/bkgnd_leftnav.jpg) 0 0 repeat-y;
	display: block; padding: 5px 9px 5px 32px;
}
#left li a:hover, #leftinside li a:hover, #left li a:active, #leftinside li a:active {
	background:  url(/en/images/bkgnd_leftnav_on.jpg) 0 0 repeat-y;
	text-decoration: none;
	display: block; padding: 5px 9px 5px 32px;
}


/*Copied the contents of client.css here for iCreate*/
.heading {
	font:14px; font-weight:bold;
}
.newrelease {
	border-bottom: 1px solid #CECC99; width: 95%; padding: 8px 0px 9px 0px;
	font:11px Sans-Serif,Arial,Verdana,Helvetica; color: #333;
}
.none {
	/* allows users to undo styles applied by mistake */
}