/*
Template name: Dark Ritual
Template URI: http://templates.arcsin.se/dark-ritual-website-template/
Release date: 2F6-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

body {
	background: #FFFFF;
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}

p,ul {
	padding-bottom: 1em;
	font-family: "Lucida Sans Unicode", sans-serif;
}

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.2em;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: medium;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {
	padding: 3px 0;
	font-family: "Lucida Sans Unicode", sans-serif;
}

h1,h2,h3 {
	color: #2131A2;
	font-size: 36px;
}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;
}
.right {float: right;}

/* structure */
.container {
	font-size: 1.2em;
	background-image:url(img/containsub.jpg);
	margin: 0 auto;
	width: 840px;
	border: 3px solid #222;
}

/* header */
.header {
	float: left;
	width: 840px;
	background: url(img/headersub.jpg) no-repeat;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
}

/* structure */
.top {
	background-color:#FFFFFF;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 160px;
}
.main {
	float: left;
	width: 680px;
}
.main_right {
	float: right;
	width: 200px;
	color: #CCC;
}

#pic {

float:left;
width:auto;
}

/* sub-navigation */


/* footer */
.footer {
	background-color:#15307D;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover,.footer .right a:hover {color: #FAFCB0;}
.footer .right, .footer .right a {color: #949474;}


#clock
{
text-align:center;
background-color:#FFFFFF;

}
/*
#left{

background-color:#330066;
width: 160px;
}
/* MENU */

#learning
{
background-color:#CC9966;



}


div.sdmenu {
	width: 160px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
	margin-top: 10px;
	margin-left: 5px;	
}
div.sdmenu div {
	background: url(title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	color: white;
	background: url(expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}



.style2 {
	font-family: "Comic Sans MS";
	font-weight: bold;
	font-size: xx-large;
	color: #1A3993;
}
.style3 {
	font-family: Pristina;
	font-size: medium;
}
.style4 {font-family: "Bell MT"; font-weight: bold; font-size: medium; }
.style5 {font-family: Pristina; font-size: small; }
.style6 {
	font-family: "Bell MT";
	font-size: medium;
}
.style9 {
	color: #000000;
	font-family: Pristina;
	font-size: large;
}
.style10 {
	font-size: 24px
}
.style12 {
	font-family: "Comic Sans MS";
	font-size: x-small;
	font-style: italic;
}
.style16 {
	color: #000000;
	font-family: "Comic Sans MS";
	font-size: x-small;
}
.style20 {font-family: "Comic Sans MS"; font-size: x-small; }
.style21 {
	font-family: "Comic Sans MS";
	font-weight: bold;
	font-size: medium;
	color: #1A3993;
}
.style22 {
	font-family: "Comic Sans MS";
	font-weight: bold;
}
.style24 {
	font-family: "Comic Sans MS";
	font-size: medium;
	color: #1A3993;
}
.style26 {font-family: "Comic Sans MS"}
.style27 {font-size: xx-small}
.style30 {font-family: Pristina; font-size: medium; color: #FDD017; }
.style31 {color: #1A3993}
.style32 {color: #FDD017; font-family: "Comic Sans MS"; }.container .main .padded div blockquote .style3.style36 .style4.style37 {
	font-family: "MS Serif", "New York", serif;
}
.container .main .padded div blockquote .style3.style36 .style4.style37 {
	font-size: 18px;
	font-family: "MS Serif", "New York", serif;
}
.container .main .padded div blockquote .style31.style34 a {
	font-size: medium;
}
.container .main .padded div blockquote .style31.style36 a {
	font-size: medium;
}