/* Stylesheet for the Cerebral Palsy Association of BC web site */

/* Background colour is dark blue */
body {
	background-color: #003366;
	color: #333333;

}

/* Links are not underlined */
a {  text-decoration: none}

/* Sets colour states for links */
a:link {  color: #105CA6}
a:hover {
	color: #99CCCC;
	text-decoration: underline;
}
a:active {
	color: #669999;
}
a:visited {  color: #003366}

/* Links in paragraphs are underlined */
p a {  text-decoration: underline}
p a:hover {	text-decoration: none}

/* Paragraph text is in dark grey Verdana */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
}

/* Sets margins for main body text*/
.body {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;

}

/* Sets background image for left cell of top row */
.topbar {  background-color: #336699; background-image: url(images/topbar.gif); background-repeat: no-repeat}

/* Sets style for motto in top bar */
.supporting {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	clip:         rect(   );
	position: relative;
	font-size: 1em;
	letter-spacing: 2px;
	top: -10px;
	font-variant: small-caps;
	font-weight: bold;




}

/* Sets background image for middle cell of top row */
.topbar2 {  background-color: #336699; background-image: url(images/topbar2.gif); background-repeat: repeat-x}

/* Sets background image for right cell of top row */
.topbar3 {  background-color: #336699; background-image: url(images/topbar3.gif); background-repeat: no-repeat; background-position: right top}

/* Sets top margin for 3 buttons */
.button {  clip:   rect(   ); margin-top: 35px}

/* Sets style for links under 3 buttons */
.contactus {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 0.8em; text-decoration: none; font-weight: normal}

/* Sets background image for left column */
.leftbar {  background-color: #FFFFFF; background-image: url(images/left_bar_bg.gif); background-repeat: repeat-y}

/* Links in left menu are blue Arial bold */
.menu {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 1em; font-weight: bold; text-decoration: none}

/* Text for current section in left menu is in green */
.currentpage {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 1em; font-weight: bold; color: #669999}

/* Sets style for Heading 1 -- main section heading */
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #669999; text-decoration: none; margin-left: 5px}

/* Sets style for Heading 2 -- subsection headings */
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #003366; text-decoration: none; margin-left: 5px}

h3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 1em;
	font-weight: bold;
	color: #003366;
	margin-left: 5px;
	margin-bottom: 0.5em;

}

h4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 0.9em;
	font-weight: bold;
	color: #003366;
	margin-left: 10px;
	margin-bottom: 0.3em;
	font-style: italic;
	text-decoration: none;

}

/* Text for current subsection is in green */
.section {  color: #669999}

.form {  font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #074a8b}
.faqhead {  font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; font-weight: bolder; color: #000099; text-decoration: none}
.faqans {  font-family: Arial, Helvetica, sans-serif; font-size: .75em; font-weight: normal; color: #074a8b}
.givinginpagelink {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: underline}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 0px;
	list-style-type: disc;
	font-size: 0.8em;

}

ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 0.25em;
	list-style-type: decimal;
	font-size: 0.8em;

}
/* Sets text size and other styles for different level lists  */
li ul {
	font-size: 1em;
	list-style-type: circle;
}
li ul li ul {
	list-style-type: disc;
}
li ul li ul li ul {
	list-style-type: circle;
}

ul.listlevel3 {
	font-size: 1em;
	list-style-type: disc;

}

ol.numlist1 {
list-style-type: decimal
}
ol.numlist2 {
	list-style-type: lower-alpha;
	font-size: 1em;

}
ol.numlist3 {
	list-style-type: lower-roman;
	font-size: 1em;

}
ol.ualpha {
list-style-type: upper-alpha
}
ol.uroman 
{
list-style-type: upper-roman
}

/* Links in lists are underlined */
ul a {  text-decoration: underline}
ol a {  text-decoration: underline}
ul a:hover {	text-decoration: none}
ol a:hover {	text-decoration: none}

.shiftleft {  
	clip: rect(   );
	margin-right: -10px;
	font-size: 0.7em;
	position: relative;
	left: -18px;
}

strong {  font-weight: bold}
.homesupporting {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	clip:    rect(   );
	font-size: 1em;
	margin-top: 5px;
	font-variant: small-caps;
	letter-spacing: 2px;
}
.menubox {  background-image: url(images/box_bg.gif); background-repeat: repeat-y}
.logo {  background-color: #336699; background-image: url(images/left_bar_bg.gif); background-repeat: repeat-y}


.totop {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif}
.smalltext {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 0px;
	line-height: 1.2em;



}

em {
	font-style: italic;
}
hr {  color: #99CCCC}
.largertext { color: #074A8B; text-decoration: none; margin: 10px 30px; font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal }
.border {
	border: thin solid #006699;
	padding: 4px;
}
.attn {
	color: #CC0000;
	font-style: italic;
}
.border2 {
	border: thin solid #99CCCC;
	padding: 0px 4px 8px;
	margin: 0px;

}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 2px;

}