/*
Original design: Andy Anderson (v2.0 - April 09, 2009) website design by Andrew Anderson.
For more information, see http://www.datacation.co.uk
*/

/* General tags */
body {background:#c5afa2 url(css/layout/bodybg.gif) repeat-x; color:#505050; font:76% Georgia,Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}
p {line-height:1.5em; margin:0 0 15px;}
a {color:#fa9035; font-weight:700; text-decoration:none;}
a:hover {color:#d04a10;}
hr {height:1px; margin:10px 0; width:98%;}
dt {font-weight:700;}
dd {margin:1px 0 12px 15px;}

/* Main layout */
#container {background:#b39a7c url(css/layout/bodybg.gif) repeat-x; margin:0 auto; text-align:left; width:900px;}
#sitename {background:url(css/layout/secbanner.jpg) top center no-repeat; color:#ffffff; font-weight:400; height:115px; margin:0 0px 0px 0; text-align:center;}
#sitename h1 {font-size:2.2em; margin:0; padding-top:2px;}
#sitename span {font-size:1.6em; letter-spacing:-1px; margin:0;}

/* Main menu */
#nav {background:url(img/greypx.gif) bottom left repeat-x; float:left; width:900px;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav a {background:url(img/tabs.gif) no-repeat 100% 0; color:#808080; display:block; font-size:1.2em; letter-spacing:-1px; padding:7px 20px 4px 11px; text-decoration:none;}
#nav a:hover {color:#505050;}
#nav li {background:url(img/tabs.gif) no-repeat 0 0; float:left; margin:0 4px 0 0; padding:0 0 0 9px;}
#nav #current {background:url(img/tabs.gif) no-repeat 0 -41px;}
#nav #current a {background:url(img/tabs.gif) no-repeat 100% -41px; color:#303030; padding:7px 20px 5px 11px;}

/* Wrap variations */
#wrap1 {background:#ffffff url(css/layout/innerbg.gif) repeat-y; border-bottom:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:900px;}
#wrap2 {background:url(css/layout/header.jpg) top left no-repeat; padding:10px; width:900px;}

/* Header */
#header {height:120px; position:relative; width:900px;}
#header h1 {float:left; font-size:1.4em; margin:0; width:280px;}
#topbox {color:#808080; width:875px; margin:0 0 4px; text-align:right;}
#topbox a {color:#d04a10;}
#topbox a:hover {text-decoration:underline;}

/* Sidebars */
#leftside {float:left; margin: 50 -15px 0 0; width:145px;}
#leftside h1 {font-size:1.4em; font-weight:400;}
#rightside {float:right; margin:40px 15px 20px 0; width:130px;}
#rightside h1 {font-size:1.4em; font-weight:400; margin:0 0 12px;}
#rightside p {font-size:0.9em; margin:2px 0 12px 10px;}
#rightside img {border:1px solid #fa9035; margin:10px 0 5px 5px; padding:2px;}

/* Main content */
#content {margin:45px 160px 0 180px;}
#contentalt {margin:45px 30px 0 180px;}
#content p,#contentalt p {margin:8px 0 0 10px;}
#content h1,#contentalt h1 {color:#505050; font-size:2em; font-weight:400; margin:15px 0 10px; padding:0;}
#content h2,#contentalt h2 {color:#505050; font-size:1.5em; font-weight:400; margin:20px 0 10px; padding:0;}
#content h3,#contentalt h3 {color:#c5afa2; font-size:1.2em; font-style:italic; font-weight:400; margin:20px 0 10px; padding:0;}
#content img,#contentalt img {border:1px solid #fa9035; float:left; margin:5px 15px 6px;}
.centeredImage
    {
    text-align:center;
    display:block;
    }
	#content imgin,#contentalt imgin {border:1px solid #fa9035; text-align:center; display:block; margin:5px 15px 6px;}

/* Footer */
#footer {clear:both; color:#a0a0a0; font-size:0.9em; height:26px; margin-top:20px; padding:1px; text-align:right; width:880px;}
#footer a {color:#a0a0a0; font-weight:400;}
#footer a:hover {color:#a0a0a0; text-decoration:underline;}

/* Additional classes */
.menublock {margin-bottom:10px;}
.nav {color:#d04a10; display:block; font-size:1.1em; font-weight:700; margin-bottom:1px; padding:2px 2px 2px 10px; position:relative; text-decoration:none; width:125px;}
.nav:hover {border:1px solid #fa9035; color:#505050; padding:1px 1px 1px 9px;}
.sub {font-size:0.9em; margin-left:20px; padding:1px 1px 1px 6px; width:105px;}
.sub:hover {border:1px solid #fa9035; color:#505050; padding:0 0 0 5px;}
.intro {font-weight:700;}
.active {border:1px solid #fa9035; padding:1px 1px 1px 9px;}
.box {background:#f8f8f8 url(img/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#505050; margin:15px auto; padding:10px 10px 10px 10px; width:90%; position:relative;}
.photo {margin:5px auto 15px; padding:5px;}
.smallcaps {font-variant:small-caps;}
.mini {color:#a0a0a0; font-size:0.75em; font-weight:400; line-height:1.2em; margin:20px 0 10px 8px;}
.small {font-size:0.85em;}
.large {font-size:1.4em;}
.soft {color:#808080;}
.normal {font-weight:400;}
.sharp {color:#101010;}
.center {text-align:center;}
.hide {display:none;}

/* forms */
label
{
width: 7.5em;
float: left;
text-align: right;
margin-right: 1em;
display: block
}

.submit input
{
margin-left: 8.5em;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
width:25em;
}

textarea
{
color:#781351;
background: #fee3ad;
border: 1px solid #781351;
width:27em;
height:10em;
}
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
width:25em;
}
fieldset
{
border: 1px solid #781351;
width: 40em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 
select
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
width:25em;
}