/* ()()()()()()()()()()()()()()()

	CSS file for KnowSTV
	
	Produced by Matthew Beall
	for WorkingDesign.net
	
	Feb 2005

        Edited by David Schreck

        January 2009
	
()()()()()()()()()()()()()()() */


/* *************************

	GLOBAL SETTINGS
	
	Base settings for text, graphics, and links. Will be altered 
	according to function in the proper page sections.
	E.g. LEFTSIDE area H1 will be different from RIGHTSIDE area H1.
	
************************* */

/* LINK COLOURATION */
a {
text-decoration: none;
font-weight: bold;
}

a:link {
color: #193949;
}

a:visited {
color: #193949;
}

a:active {
color: #861A22;
}

a:hover {
color: #861A22;
}


/* *************************

	MENU
	
	Contained within LEFTSIDE
	
************************* */

#menu {
}

#menu ul {
list-style-type: none;
margin-bottom: 30px;
}

#menu ul li {
padding: 0 0 20px 0;
}

#menu ul li a div {
float: right;
width: 110px;
}

#menu ul li a {
font-family: Verdana, sans-serif;
color: #193949;
text-transform: uppercase;
}

/* hide from mac ie5 \*/
#menu ul li a {
padding: 2px 15px 15px 0px;
background-image: url(images/menu_dot_off.gif);
background-repeat: no-repeat;
background-position: top left;
}
/* end hide from mac ie5 */

#menu ul li a:hover {
color: #861A22;
/* hide from mac ie5 \*/
background-image: url(images/menu_dot_on.gif);
background-repeat: no-repeat;
background-position: top left;
/* end hide from mac ie5 */
}

#index a#pageone,
#pgtwo a#pagetwo,
#pgthree a#pagethree,
#pgfour a#pagefour,
#pgfive a#pagefive,
#pgsix a#pagesix {
color: #861A22;
/* hide from mac ie5 \*/
background-image: url(images/menu_dot_on.gif);
background-repeat: no-repeat;
background-position: top left;
/* end hide from mac ie5 */
}
	

/* -------------------------
	HEADER
------------------------- */
#header {
font-family: Verdana, sans-serif;
color: #033;
text-align: left;
padding: 0;
}

#header img {
border: 0;
padding: 0;
}

#header a {
color: #033;
text-decoration: none;
}

#header h1 {
font-size: xx-large;
font-weight: bold;
}

#header h2 {
font-size: small;
}

/* -------------------------
	LEFTSIDE
------------------------- */
#leftside {
float: left;
width: 160px;
overflow: hidden;
}

/* Div class to make the sidebars behave properly as block elements. */
#sidel {
padding: 0 15px 15px 0;
}

#leftside h2 {
color: #3E7D96;
font-family: Verdana, sans-serif;
font-size: x-small;
text-align: left;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
line-height: 120%;
}

#leftside ul {
margin: 0;
padding: 0 0 30px 0;
}

#leftside li {
color: #333;
font-family: Verdana, sans-serif;
font-size: x-small;
text-align: left;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}

#leftside p {
font-family: Verdana, sans-serif;
font-size: x-small;
color: #666;
}