/* CSS for Cladceil */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

caption, th, td { text-align: left; font-weight:400; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


body {
color: #111111;
font-family: Verdana, Arial;
font-size: 75%;
}

p{
margin:0;
padding: 0.3em 0 0 0;
font-size:110%;
}

a {
color: #0096d7;
text-decoration: underline;
margin:0; padding:0;
}

a:hover {
color: #0096d7;
text-decoration:none;
}


#container {
width: 600px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 50px;
}

#container #logo {
background: url(../images/logo.gif) no-repeat top center;
height: 143px;
padding-bottom: 5px;
margin-bottom: 20px;
}

#container #logo h1 {
text-indent: -9999px;
}

td{
vertical-align: top;
}

#footer {
margin-top: 5px;
text-align:center;
}

#footer p{
margin:0;
padding:0;
font-size:1em;
}

#footer a{
font-size:1.2em;
}

#footer ul{
display:inline;
margin:0 auto;
}

#footer li{
list-style-type:none;
padding:0;
margin:0;
font-size:62.5%;
}

#footer a{
text-decoration:none;
}

.nav {
margin-top: -15px;
}

h1, h2, h3, h4, h5, h6{
color:#0096d7;
font-weight:bold;
}


h1{
margin:10px 0 0 0;
font-size:2.2em;
}

h2 {
font-size: 1.8em;
margin: 0 0 5px 0;
}

h3 {
font-size: 1.6em;
margin: 5px 0 10px 0;
}

h4 {
font-size:1.4em;
}

h5 {
font-size:1.2em;
}

h6 {
font-size:1.0em;
}

.desc {
margin: -15px 0 40px 0;
}

.desc p {
margin-bottom: 10px;
}

ul {
margin-left: 15px;
}

dd {
margin-left: 150px;
margin-bottom: 10px;
}

.description {
margin-top: 10px;
}

code {
font-family: Courier;
}

#usage p {
margin: 10px 0px 5px 0px;
}

img.contentarea{
float:right;
clear:right;
border: 1px inset;
}

/* main top category menu */

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
background: #0196d8;
color:white;
}

#nav{
width: 600px;
min-width:600px;
font-weight:bold;
background:#0196d8; 
color: white;
}

#nav a {
display: block;
padding:0 0 0 2px;
text-decoration:underline;
background:#0196d8; 
color: white;
}

#nav a:hover{
color:white;
background: #0196d8;
}

#nav li {
float: left;
margin:0 2px 0 0;
padding:0 6px 0 0;
background:#0196d8; 
color: white;
}

#nav li a:hover{
background:#ffffff;
color:#0196d8;
text-decoration: none;
}


#nav li ul {
position: absolute;
left: -999em;
background:#0196d8; 
color: white;
}

#nav li ul li{
clear:both;
background:#0196d8; 
color: white;
}

#nav li:hover ul {
left: auto;
background:#0196d8;
color:#ffffff;
border:1px outset;
}

#nav li:hover ul, #nav li.sfhover ul{
left: auto;
background:#0196d8;
color:#ffffff;
border:1px outset;
}


div.spacer{
width:600px;
min-width:600px;
background: #d1d3d4 url('../images/lc.jpg') no-repeat left top;
color:white;
min-height:16px;
height:16px;
margin: 2px 0;
}

#right{
float:right;
margin:0;
padding:0;
min-width:25px;
width:25px;
min-height:16px;
height:16px;
background: #d1d3d4 url('../images/rc.jpg') no-repeat left top;
}

div.spacer1{
clear:both;
margin: 2px 0;
width:600px;
min-width:600px;
background: #0196d8;
color:white;
height:18px;
min-height:18px;
}

img.thumbs{
margin:0;
padding:3px;
border:outset 2px;
}

div.im{
display:block;
float:left;
}

img.thumbs1{
display:block;
float:left;
margin:0.3em 0.3em 0.3em 0;
padding:3px;
border:outset 2px;
}

img.thumbs2{
display:block;
float:right;
margin:0.3em;
padding:3px;
border:outset 2px;
}

td{
text-align:center;
}

span.small{
color:#000000;
font-size:small;
font-weight:normal;
}

span.highlight{
color:#0096d7;
background: #ffffff;
font-weight: bold;
}


div.cleardiv{
clear:both;
}

/* Staff Photos */

div.outer{
margin:1em;
padding:5px;
border: 2px outset;
}

div.outer a{
font-size: 1em;
}

div.outer p.smaller{
font-size: 0.9em;
}

div.outerurl{
float:left;
margin:1em;
padding:5px;
border: 2px outset;
width:150px;
min-width:150px;
text-align:center;
}

img.photo{
margin:0;
padding:0;
border:0;
}

td.profile{
text-align:left;
vertical-align:top;
}

.centre{
text-align:center;
}

/* Email form styling */

fieldset{
margin:0 auto;
min-width:100%;
width:100%;
border: 0px;
}

legend{
margin:0;
padding: 0;
font-weight:bold;
font-size:1.2em;
color: #0096d7;
background: #ffffff;
}

label{
margin:0;
padding: 0.3em;
font-weight:bold;
}

input{
margin:0;
padding:0.3em 0;
min-width:100%;
width:100%;
}

input.button{ 
margin:0;
padding:0.3em;
min-width:25%;
width:25%;
}

textarea{
font-family: Verdana, Arial;
font-size:75%;
margin:0 auto;
padding:0.3em 0;
min-width:100%;
width:100%;
}

ul.content{
margin:0.3em 0 0 0;
padding:0.2em;
list-style-type:disc;
}

li.content{
margin: 0 0 0.2em 1.5em;
color:#0096d7;
background: #ffffff;
font-size:110%;
}

span.url{
font-weight:bold;
}

img.imgurl{
display:block;
float:none;
margin:0 auto 0 auto;
padding:3px;
}

a.url{
display:block;
margin:0 auto;
text-align:center;
font-weight:bold;
}


div.left{
margin: 1em 0 0 0;
padding:0;
float:left;
text-align:left;
width:48%;
min-width:48%;
}

div.right{
margin: 1em 0 0 0;
padding:0;
float:right;
text-align:left;
width:48%;
min-width:48%;
}

div.left1{
margin: 1em 0 0 0;
padding:0;
float:left;
text-align:left;
width:32%;
min-width:32%;
}

div.right1{
margin: 1em 0 0 0;
padding:0;
float:right;
text-align:left;
width:32%;
min-width:32%;
}