/* for the handheld devices */

/*

------------------------------------------------------
Notes

1. This style sheet is optimised for use on handheld devices.
You'll need to make sure that the <style> element in the HTML
document which links to it includes the code media="handheld".
------------------------------------------------------

*/

* {
padding:0;
margin:0;
}

body {
background:#F4F2E6 url(hand-img/side.gif) repeat-y right top;
font:70%/1.3em verdana, tahoma, arial, sans-serif;
color:#1E1E1E;
border-left:3px solid #A82B18;
border-bottom:3px solid #A82B18;
}

#banner {
background:transparent url(hand-img/top.gif) repeat-x left top;
padding:8px 0 0 3px;
}

#container {
padding:0 7px 3px 3px;
}

#content {
border-bottom:1px solid #006699;
margin-bottom:6px;
}

#info-site {
margin:0 7px 2px 2px;
font-size:.9em;
text-align:center;
}

/* TYPOGRAPHY */

h1, h2, h3 {
color: #006699;
font-family:Georgia, Garamond, Times, serif;
font-variant:small-caps;
margin:6px 0 4px;
}

h1 {
font-size:1.5em;padding-left:3px;
}

h2 {
font-size:1.3em;padding-left:6px;
}

h3 {
font-size:1.2em;padding-left:8px;
}

li {
letter-spacing:1px;
}

p {
background:#FAF9F4;padding:2px;margin:2px;
}

#banner p {
min-height:23px;
padding:4px 0 0 0;
margin:0 13px 0 4px;
}

/* LINKS */

a {
color:#4088A0;
}

#banner a {
display:block;
width:75%;
color: #006699;
background:#F4F2E6;
font:1.6em/.8em Georgia, Garamond, Times, serif;
font-weight:bold;
font-variant:small-caps;
text-decoration:underline;
border:none;
}

ul a {
text-decoration:none; color:#4088A0;
}

a.top {
display:block;
background:#FAF9F4;
padding:2px;margin:2px;
text-decoration:underline;
}

/*HOVER*/

a:hover {
color:#006699;
}

#banner a:hover {
color:#4088A0;
}

ul a:hover {
text-decoration:underline;
color:#006699;
}

/* NAV */

#nav-toplevel {
background:transparent url(hand-img/top.gif) repeat-x left bottom;
padding:8px;
}

#nav-toplevel ul:before, #nav-subs ul:before {
content:attr(title);
font-size:1.1em;
letter-spacing:1px;
font-variant:small-caps;
}

#nav-toplevel a, #nav-subs a {
text-transform:capitalize;
}

#nav-toplevel ul, #nav-subs ul {
margin:0 0 5px 0;
list-style:none;
}

#nav-toplevel li, #nav-subs li {
line-height:1.4em;
padding-left:10px;
margin:1px 2px;
background:#FAF9F4 url(hand-img/bullet.gif) no-repeat left center;
border-bottom:1px solid #DCD4C2;
}

#nav-toplevel li.current, #nav-subs li.youarehere {
border-right:5px double #006699;
border-bottom:1px solid #006699;
}

li.current a, li.youarehere a {
color:#006699;
font-weight:bold;
}

/* FORM */

form {
border:none;
}

fieldset {
border:1px solid #DCD4C2;
background:#FAF9F4;
padding:2px;
text-align:center;
margin:1px 1px 3px;
}

label {
text-align:left;
display:block;
padding-left:10px;
margin-top:3px;
}

label span {
color: #006699;
}

input.btn {
margin:5px 0;
font-weight:bold;
}

.attention {
color: #FF0000;
font-weight: bold;
}