/*
Colours:
#b81313 dark red
#aa1315 maroon
#e20915 heart text
*/

html, body {height:100%}

* {margin:0px; padding:0px;}

body {
font-family: Verdana, sans-serif;
font-size:small;
line-height:1.4em;
color:#3A4956;
background:url(/presentation/img_1.gif)  400px 00px;

}

p {margin-bottom:1em;}

a:link {color:#132DAA}
a:visited {color:#132DAA}
a:hover {color:#aa1315}
a:active {}

div#content h2 {
font-family:arial;
background:url(/presentation/heading7.jpg) no-repeat;
color:#EFEFEF;
font-size:24px;
margin:0em 0 .25em;
line-height:1.2em;
padding-top:25px;
padding-left:15px;
padding-bottom:28px;
font-weight:normal;
}

div#content h3 {
margin:1em 0 .75em;
padding-left:60px;
padding-top:12px;
padding-bottom:20px;
background: url(/presentation/square_small2.jpg) no-repeat;
}

div#content h4 {
margin:1em 0 .25em;
}

a img {border:none;}


.hr {
height:40px;
border:1px solid white;
background: url(/presentation/hr.jpg) no-repeat;}

.panel .hr {
margin-top:20px;
height:60px;
}

/* IMAGES
--------------------------------------------*/

.image {

font-size:x-small;
line-height:1.6em;
padding-left:2px;
padding-right:2px;
padding-top:4px;
padding-bottom:5px;}

.image img {display:block; border: 1px solid gray;}

.floatleft {
float:left;
margin-right:5px;}

.floatright {
float:right;
margin-left:5px;
}

/* LISTS
-----------------------------------------*/

#content ul {
padding-left:1em;
padding-bottom:1em;
}

#content ul li {

background:url(/presentation/bullet4.jpg) 0px 3px no-repeat;
list-style-type: none;
margin-bottom:1em;
padding-left:25px;
}

#content ol {
padding-left:3em;
padding-right:1em;
padding-bottom:0.5em;
padding-top:0.5em;
margin-bottom:1em;
border: 1px solid #CCC;
background-color:#EFEFEF;
}

#content ol li {
padding-bottom:0.5em;}

ul#const {
padding-left:0em;
}

ul#const ul{
padding-bottom:0em;
}

ul#const li {
list-style-type: none;
background-image:none;
margin-bottom:1em;
}

ul#const ul li {
margin:1em;
}

ul#const h3 {}


/* STRUCTURE
-----------------------------------*/

div#headerimage {
margin-top:10px;
height:120px;
background: #FFF url(/presentation/heading4.jpg) no-repeat center ;
}

div#header {}


div#mainwrap {
width:772px;
margin: 0 auto;
background-color:white;
border: 1px solid #DFDFDF;

}

div#breadcrumb {
font-size:x-small;
text-align:right;
padding-right:12px;
display:none;
}

a.breadcrumb, a.breadcrumb:visited, span.breadcrumb {
font-size:x-small;
color:gray;
text-decoration:none;
}

a.breadcrumb:hover {
background-color:#EFEFEF;
}

div#contentarea {
/*float:left;*/


width:772px;
/*background: #FFF url(/presentation/sidebar.jpg) repeat;*/
}

div#content {
float:left;
width:540px;
padding-right:15px;
padding-left:15px;
margin-top:10px;
margin-right:10px;
border-right: 1px dashed #DC0A09;
}

div#rightcolumn {
float:left;
width:175px;
margin-top:10px;
overflow:hidden;
}

div#footer {
clear:both;
padding: 75px 3px 3px 5px;
_padding: 40px 3px 3px 5px;
background: url(/presentation/footer-heartbeat-repeat2.jpg) 0px 10px repeat-x;
}

#footer p {
font-size:small;
text-align:center;
margin-bottom:0em;
}

#footer p.credit {
font-size:x-small;
}

/*PANELS - GENERAL
------------------------------------------*/

div#extra {}

div.home_extra {
float:left;
width:260px;
font-size:85%;
padding:5px;
border-top:1px dashed #DC0A09;
}

#content div.home_extra h3 {
background: none;
padding:0px;
}


div.panel {
padding:2px 0px;
font-size:85%;
margin-bottom:20px;

}

div.panel p {
margin-left:5px;
line-height:1.3em;
}

div.panel h3 {
text-align:left;
font-size:small;
margin-bottom:10px;
padding:15px 0px 20px 15px;
color:white;
background:url(/presentation/beadwork_comp_block.jpg) no-repeat;

}

div.panel ul li {
background:url(/presentation/bullet4.jpg) 0px 3px no-repeat;
padding-left:24px;
padding-bottom:8px;
}

/*PANELS - SPECIFIC
-----------------------------------------*/

div.nav h3 a,div.nav h3 a:visited {
color:white;
text-decoration:none;
}

div.nav ul li {background:url(/presentation/bullet4.jpg) 3px 3px no-repeat;}
div.panel li.pdf {background: url(/presentation/icons/page_white_acrobat.png) no-repeat 0px 1px;}
div.panel li.word {background: url(/presentation/icons/page_word.png) no-repeat 0px 1px;}



/*About Us
-----------------------------------*/

div#aboutus {
padding:4px 4px 1px 5px;
margin-left:-4px;
margin-right:-4px;
margin-bottom:10px;
border:1px solid #DFDFDF;
}

/*PROFILES*/

dl.profile {padding-bottom:30px;}

dl.profile dt img {float:left; margin-right:1em;}
dl.profile dd {margin-bottom:1em;}







.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */















/* OLD


#dropdown {
padding: 10px 3px;
}

#dropdown ul {
margin: 0;
padding: 0px;
list-style: none;
width: 194px;
border-bottom: 1px solid #ccc;

}

#dropdown ul li {
position: relative;
}

#dropdown ul li ul {
position: absolute;
left: 193px;
top: 0;
display: none;
border-left:none;
}

#dropdown ul li ul a {

}

#dropdown li a {
height: 40px;
voice-family: "\"}\"";
voice-family: inherit;
height: 26px;
text-decoration: none;

color: black;
display: block;
background: white url(/presentation/menu1.gif);
padding: 8px 0 4px 35px;
font-size:small;
border: 1px solid #ccc;
border-bottom: 0;
}

#dropdown li a:hover, #dropdown li.currentpage a:link {
color: #AA1315;
background: white url(/presentation/menu1.gif) 0 -32px;
padding: 8px 0 4px 35px;
font-size:small;
background-color:#EFEFEF;
}



#dropdown li:hover ul, #dropdown li.over ul {
display: block; }

/* Fix IE. Hide from IE Mac \*/
* html #dropdown ul li { float: left; }
* html #dropdown ul li a { height: 1%; }
/* End */



fieldset {border:0px}





/*EXERCISES
---------------------*/


dl.exercise {clear:both; height:170px;}

dl.exercise img {border:5px solid #aa1315; float:left;}
dl.exercise dd.etitle {font-size:120%; font-weight:bold; margin-bottom:1em;}
dl.exercise dd {margin-bottom:0.6em; margin-left:220px;}

/*EXERCISE NAV
--------------------*/
ul.exnav {margin-left:0px; margin-bottom:20px; padding-bottom:4px;}

ul.exnav li {
background:url(/presentation/bullet4.jpg) 0px 3px no-repeat;
padding-left:18px;
padding-bottom:8px;

}

ul.exnav li a {padding:2px; padding-left:10px; display:block;}

ul.exnav h3 {
text-align:left;
font-size:small;
margin-bottom:10px;
padding:15px 0px 20px 15px;
color:white;
background:url(/presentation/beadwork_comp_block.jpg) no-repeat;}



#content h1 {
font-family:arial;
background:url(/presentation/heading7.jpg) no-repeat;
color:#EFEFEF;
font-size:24px;
margin:0em 0 .25em;
line-height:1.2em;
padding-top:25px;
padding-left:15px;
padding-bottom:28px;
font-weight:normal;
}