/* Dharma School CSS */
/* Hibernian CSS */

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

body {
font-size: 62.5%;
font-family: "Verdana", Helvetica, sans-serif;
background-color:#e7e7e7;
}

#container {
width:776px;
margin:auto;
background-color:#FFF;
}

#header {
padding:0.6em;
background-color:#990000;
text-align:center;
}

#sidePanel {
background-color:#CCFFCC;
width:156px;
float:left;
}

/*nav side menu list */
ul.sidemenu {
padding: 0;
margin: 0;
margin-top:21px;
margin-bottom:21px;
list-style: none;
border-bottom: 1px solid #666;
width:156px;
background-color: #CCFFCC;
}

ul.sidemenu li {
border-top: 1px solid #666;
}

ul.sidemenu li a {
text-decoration: none;
display: block;
width:136px;
color: #666;
font-weight: bold;
padding: 5px 10px;
}

ul.sidemenu li a:hover {
color:#FFF;
background-color:#666;
}
/*end of nav side menu list */

a.links {
background-color: #FFFFFF;
font-weight:bold;
color: #666666;
text-decoration: none}

a.links:hover {
padding: 0;
background-color: #FFFFFF;
font-weight:bold;
color: #990000;
text-decoration: none}

a.links2 {
background-color: #FFFFFF;
font-weight:bold;
color: #999999;
text-decoration: none}

a.links2:hover {
padding: 0;
background-color: #FFFFFF;
font-weight:bold;
color: #990000;
text-decoration: none}

/* footer */

#footer {
width:100%;
border-top:solid 1px #dddcdc;
clear: both;
padding-bottom:1em;
background-color:#FFF;
}

#textSize {
float:left;
padding:1.2em;
width:100%;
background-color:#FFF;
}

#textSize p {
float:left;
width:90px;
margin-bottom:0;
}

#textImageSize {
float:left;
width:50px;
}

#textSize p {
color:#333;
font-weight:bold;
}

#textSize p2 {
color:#333;
font-weight:bold;
}

#textSize p4 {
text-align:center;
color:#333;
font-weight:bold;
}

#textSize p5 {
color:#999;
display:inline-block;
font-style:italic;
}

img {
margin:0;
padding:0;
}

#main {
width:620px;
float:left;
margin:0;
}

#col1 {
padding-left:2em;
width:300px;
float:left;
}

.homeImage {
margin-top: 1em;
margin-bottom:1.5em;
}

#col2 {
float:left;
width:296px;
margin-top:0em;
}

#col3 {
float:left;
width:776px;
margin-top:0em;
}

h1 {
margin-top:2em;
margin-bottom:1em;
color:#990000;
font-size:1.6em;
}

h2 {
font-weight:bold;
font-size:1.1em;
color:#666;
margin-bottom:1em;
}

p {
color:#666;
margin-bottom:1em;
line-height:1.3em;
}

p5 {
font-style:italic;
color:#666;
display:inline-block;
margin-bottom:1em;
line-height:1.3em;
}

p2 {
font-weight:bold;
color:#666;
margin-bottom:1em;
line-height:1.3em;
}

p3 {
font-style:italic;
color:#666;
margin-bottom:1em;
line-height:1.3em;
}

p4 {
text-align: centre;
font-weight:bold;
color:#666;
margin-bottom:1em;
line-height:1.3em;
}


/*#sidePanel {
padding:0;
margin:0;
font-weight:bold;
list-style:none;
border-bottom: 1px #000 solid;
} 

#sidePanel li {
text-decoration:none;
display:block;
width:90px;
color:#666;
padding: 6px 10px;
border-top:1px #000 solid;
}*/

a, a:link {
colour:#666;
text-decoration:none;
}

a:visited {
colour:#FFF;
text-decoration:none;
}

a:hover {
padding: 6px 10px;
color:#FFF;
background-color:#666;
}

a:active {
colour:#666;
text-decoration:none;
}