/* 
CCS Template created by Steve Leyshon  www.reflectsystems.co.uk 
*/ 

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
        margin: 0; 
        padding: 0; 
        border: 0; 
        outline: 0; 
        font-size: 100%; 
        vertical-align: baseline; 
        background: transparent; 
} 
body { 
        line-height: 1; 
} 
ol, ul { 
        list-style: none; 
} 
blockquote, q { 
        quotes: none; 
} 

/* remember to define focus styles! */ 
:focus { 
        outline: 0; 
} 

/* remember to highlight inserts somehow! */ 
ins { 
        text-decoration: none; 
} 
del { 
        text-decoration: line-through; 
} 

/* tables still need 'cellspacing="0"' in the markup */ 
table {
	border-collapse: collapse;
} 
table img { 
        display: inline; 
        margin: 0px; 
        padding: 0px; 
} 

table.hilight {background-color:#3399CC;}


/*
Original design: Daleri Structure (v1.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/daleri-structure/
*/

/* Body */
* {margin:0; padding:0;}
body {
	background:#474d59 url(images/bodybg.gif) top left repeat-x;
	color:#eee;
	font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif;
	line-height:1.4em;
	text-align:center;
	padding:0;
}

#wrap {width:960px; background-color:#fff; color:#555; padding:10px; margin:10px auto 0 auto; text-align:left; border:1px solid #555;}
#top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em;}
#top p {margin:2px; padding:0;}
#top a {color:#eee; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#header {text-align:left; padding:0; margin:0 0 10px 0;}
#sitetitle {width:340px; float:left;}
#sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:5px 0 10px 10px; padding:0; float:left;}
#sitetitle h2 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:0px 0 10px 15px; padding:0; float:left;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#sitetitle p {margin:5px 0 20px 20px; padding:0; letter-spacing:-1px; font-size:1.4em; color:#777;}

/* Main menu */
#mainmenu {float:right; width:600px; margin:0; display:inline}
dl.nav {width:140px; float:left; margin: 0 0px 5px 10px; display:inline}
dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
dl.nav dt a {font-weight:700; color:#777;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
dl.nav dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block; width:135px;}
dl.nav dd a:hover {color:#222; background:#f4f4f4;}

/* Headline */
#headline {
	width:958px;
	text-align:center;
	margin:5px 0 15px 0;
	border:1px solid #ccc;
	background-color:#f0f0f0;
	color:#990000;
	font-size:1.4em;
}
#headline p {margin:2px; padding:0;}

/* Headers */
h2, h3, h4 {margin:0 0 14px; padding-bottom:5px; color:#666; font-weight:700;}

/* Content */
#content {float:left; text-align:left; width:700px; margin:5px 0 0 0; display:inline}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #ccc;}
#content h3 {font-size:1.4em; letter-spacing:-1px;}
#content h2 a, #content h3 a {font-weight:700;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #888;}
#content a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 30px;}
#content ul li, #content ol li {margin:0 0 10px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}

#content table.listing td {
	border:1px solid #333333;
	padding: 5px;
	vertical-align: middle;
}
#contentbook {
	float: left;
	width:280px;
	height:280px;
}


/* Sidebar */
#sidebar {float:right; text-align:left; margin:5px 0 0 0px; width:220px; padding:10px; background:#f0f0f0; border:1px solid #ccc;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar a {font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}

#sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Footer */
#footer {clear:both; font-size:0.9em; width:960px; line-height:1.5em; color:#ccc;  margin: 5px auto 10px auto; padding:0;}
#footer p {margin:0; padding:0;}
#footer a {color:#ddd; border-bottom: 1px dotted #aaa;}
#footer a:hover {color:#eee; text-decoration:none; border-bottom:1px dotted #fff;}

/* Links */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
a img {border:0;}

/* Various classes */
.left {float:left; width:49%; text-align:left;}
.right {float:right; width:49%; text-align:right;}
.right1 {float:right; width:49%; text-align:right; margin-left:25px;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.textjustify {text-align:justify;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:1px;}
.hide {display:none;}
.hilight {background-color:#3399CC;}
.warning {font-weight::bold; colour:#FF0000;}

/* Forms */
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}
input {width:400px;}
.input1 {width:0px; border:#FFFFFF; font-color:#FFFFFF;}
textarea {width:400px;}
fieldset {border:2px solid #4d699d; margin:5px 0 15px 0; padding:5px 0 1px 5px;}
legend {font-size:1.7em; letter-spacing:-1px; clear:left; margin:0 0 14px; padding-bottom:5px;}

