/* Setup files for Karen Theissen website*/

body {
text-align:center;/*centres the body for IE6*/
margin:0;/*Despite the margin setting in 'container', this allows body to move to the top of the browser window.*/
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:white;
}

#container {
background-color: white;
width:950px;
margin:0 auto;/* centres the body for all browsers other than IE6. Must be part of the element that has the width.*/
}

a:link {
color: #A7719A;
text-decoration:none;
}

a:visited {
color: #A7719A;
text-decoration:none;
}

a:hover{
color: #800080;
text-decoration:none;
border-bottom:dotted 1px;
}

a:active {
color: #800080;
text-decoration:none;
}

/* Top Navigation*/

#print-header{
display:none;
}

#top-nav_container{
margin:0;
padding:0;
width:950px;
height:170px;
background: #FFF url(../images/header2.gif) no-repeat;
background-position:90% 15%;
}

#top-nav {
float:right;
position: relative;
width: 950px;
margin: 80px 20px 0 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
}

#top-nav li {
float:left;
list-style:none; /* Removes bullets in IE7 */
margin: 0px 35px 0px 35px;
padding: 3px 10px 2px 20px;
border-top: 1px solid #DDD ;
color:#000;
}

#top-nav li a {
color: #AAA;
text-decoration:none;
}

#top-nav li a:hover {
color:#000; 
text-decoration:none;
border-bottom:none;
}



#top-nav li ul {/* Sub-menu ul */ 
margin: 3px 0px 0px -20px;
padding: 0;
position:absolute;
}


#top-nav ul li ul li{/* Sub-menu li */ 
margin: 0 0 0 0px;
padding: 0px 20px 0 22px;
border-bottom: 1px solid #DDD ;
border-left: 4px solid purple;
border-top:none;
text-align:center;
line-height:20px;

}




/* Styles for all content pages. */


#left-column {
position: relative;
float: left;
width: 170px;
background-color: white;
font-size:11px;
color:#999999;
line-height:30px;
padding: 50px 30px 0 30px;
}

#left-column h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:27px;
color:#999999;
margin-top:-5px;
letter-spacing:-2px;
line-height:20px;
}


/*------------ Right Column and Centre Content Column wrap starts ------------*/
#contentright-container{
float:right;
position:relative ;
border-left: 1px solid white; /*  this is the border that runs down the right side of the left-hand menu (side-nav). */
margin: 0px;
padding: 0px;
min-height:350px;			/*These three lines are a hack to force IE6 to recognize the min-height*/
height:auto !important;	/*The min-height keeps this container tall enough that it extends its left border past the bottom of the left-hand menu (side-nav), and matches the tallest height of either the center or right column..*/
height:350px;				/*Change these settings to allow for changes in left-hand menu (side-nav) content.*/
width:715px;/*Must be set or this div goes below leftcolumn in Firefox.*/
display:inline;
background:white;
}


/*------------ Right Column and Centre Content Column wrap ends. Centre Content starts. ------------*/


div#content_center {
width: 318px; 
float:left;
margin: 0px 0px 0px 0px;
text-align:left;
padding:0 20px 0 20px;
border-right: 1px solid #white;
}


div#content_center p {
font-weight:normal;
font-size:11px;
color:#333333;
line-height:24px;
}


div#content_center h1{/* UC HEAD  */
font-size: 12px;
color: #594485;
font-weight: bold;
/*text-transform: uppercase;*/
padding-bottom:20px;
}


div#content_center img {
padding: 5px 0 10px 15px;
}


/* Center content ends. Right Column starts*/

div#content_column-right {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0 0 0px;
width: 355px;
height:500px;
border-left:#CCC solid 1px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
line-height:16px;
background-color: white;
}


div#slideshow {
float: right;
position:relative;
width: 252px; !important
padding: 0px;
margin-top:0px;
margin-left: 5px;
margin-right: 50px;
background:white ;
}



/*  Extra styles for Karen Thiessen. */

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Sets up positioning and margin for left-aligned images*/
.picleft{
margin:0px 15px 15px 0px;
float:left;
}



/*Sets up positioning and margin for right-aligned images*/
.picright{
margin:0px 0px 15px 15px;
float:right;
}