/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background: #cccccc url(img/bodybg.gif) top left repeat-x;
color:#404040;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
font-size: 1em;
}

  html { overflow: -moz-scrollbars-vertical; } /* removes horizontal jump due to side scroll-bar in FireFox */


p{ line-height:1.5em; margin:0 0 15px; }

a{ color:#8d2079; font-weight:700; text-decoration:none; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ALL LINKS IN MAIN EXCEPT BREADCRUMB xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     */

a:hover{ color:#a66441; } /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ALL HOVER IN MAIN EXCEPT BREADCRUMB xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     */


hr{ height:1px; margin:10px 0; width:98%; }

dt{ font-weight:700; }

dd{ margin:1px 0 12px 15px; }

#container{ margin:0 auto; text-align:left; width:1000px; }

#sitename{
background:url(img/cells4.png) ;
color:#444;
font-weight:400;
height:115px;
margin:15px 20px 10px 0;
text-align:center;
width: 100%;
}

#sitename h1{ font-size:3.75em; margin:0; padding-top:20px; }

#sitename span{ font-size:1.6em; letter-spacing:-1px; margin:0; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx TOP NAV xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     */

#nav{
	background:url(img/greypx.gif) bottom left repeat-x;
	float:left;
	width:1000px;
}

#nav ul{ list-style:none; margin:0; padding:0; }

#nav a{
background:url(img/tabs.gif) no-repeat 100% 0;
color:#e6e6e6;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{ color:#8d2079; }

#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; }

#wrap1{
background:#ffffff url(img/innerbg.gif) repeat-y;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:1000px;
}

#wrap2{
	background:url(img/header19.png) top left no-repeat;
	padding:10px;
	width:980px;
}

#header{ height:30px; position:relative; width:880px; }

#header h1{ float:left; font-size:1.4em; margin:0; width:180px; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx BREADCRUMB xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     */

#topbox{ color:#808080; margin:0 0 4px; text-align:right; }

#topbox a{ color:#e6e6e6; }

#topbox a:hover{ color:#a66441; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx LEFT NAVIGATION xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     */

#leftside{ float:left; margin:-15px 0 0; width:200px; }

#leftside2{ float:left; margin:-15px 0 0; width:145px; text-align:center; }

#leftside2 h1{ font-size:1.4em; font-weight:400; } 

#leftside h1{ font-size:1.4em; font-weight:400; color:#e6e6e6; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx LEFT NAVIGATION COLOURS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     */

#leftside a{ color:#e6e6e6; }

#leftside p {color:#111; }


#leftside a:hover{ color:#8d2079; }

#rightside{ float:right; margin:40px 15px 20px 0; width:130px; }

#rightside2{ float:right; margin:0px 15px 20px 0; width:300px; text-align:right; }

#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 #d04a10; margin:10px 0 5px 5px; padding:2px; }

#content{ margin:45px 160px 0 225px; }

#contentalt{ margin:45px 15px 0 250px; }

#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 img,#contentalt img{ margin:5px 10px 6px; }

#group {width: 215px; margin: 5px; padding: 5px; text-align:center; float:left; height: 250px; border-bottom:#666 medium solid;}

#group img {width: 125px; border: 0; }

#group2 {width: 320px; margin: 5px; padding: 5px; text-align:center; float:left; height: 300px; border-bottom:#666 medium solid;}

#group2 img { border: 0; }



#footer{
	clear:both;
	color:#a0a0a0;
	font-size:0.9em;
	height:26px;
	margin-top:20px;
	padding:1px;
	text-align:right;
	width:980px;
}

#footer a{ color:#a0a0a0; font-weight:400; }

#footer a:hover{ color:#a0a0a0; text-decoration:underline; }

.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 20px; width:75%; }

.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; }