/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.
	Version: 1.1
	(Oct 21, 2005)
Screen layout: */
html{
	height:100%;
	margin:0;
	padding:0
}
body {
	PADDING: 0;
	MARGIN: 0;
	FONT-SIZE: 76%;
	FONT-FAMILY: tahoma, verdana, sans-serif;
	BACKGROUND-COLOR: #e0e0e0;
	COLOR: #303030;
}
h1 {
	MARGIN: 0 0 20px 0;
	FONT-SIZE: 2.1em;
	FONT-WEIGHT: normal;
}
h2 {
	MARGIN: 0 0 20px 0;
	FONT-SIZE: 1.6em;
	FONT-WEIGHT: normal;
}
h3 {
	MARGIN: 20px 0 10px 0;
	FONT-SIZE: 1.4em;
	FONT-WEIGHT: normal;
}
p {
	MARGIN: 0 0 15px 0;
	LINE-HEIGHT: 1.5em;
	TEXT-ALIGN: left;
}
a {
	TEXT-DECORATION: none;
	COLOR: #286ea0;
}
a:hover {
	TEXT-DECORATION: underline;
}
a img {
	BORDER: 0;
}
.photo {
	PADDING: 5px;
	DISPLAY: block;
	MARGIN: 0 auto 15px auto;
	BACKGROUND-COLOR:#f0f0f0;
}
.hide {
	DISPLAY: none;
}

.right {
	TEXT-ALIGN: right;
}
/*********** Content Body **********/
#wrapper {
	PADDING-BOTTOM: 20px;
	MARGIN: auto;
	POSITION: relative;
	WIDTH: 770px;
}
#outer {
	POSITION: absolute;
	TOP: 25px;
	LEFT: 0px;
	HEIGHT: 99.9%;
	MIN-HEIGHT: 100%;
	TEXT-ALIGN: left;
	OVERFLOW: visible;
	BACKGROUND-COLOR: #fff;
	WIDTH: 730px;
	PADDING: 0px 20px 20px 20px;
	MARGIN: 0;
}
/* mac hide \*/
* html #outer {
	WIDTH: 730px;
}
/* end hide*/
html>body #outer {
	HEIGHT: auto;
} /*for mozilla as IE treats height as min-height anyway*/
#inner {
	DISPLAY: block;
	POSITION: relative;
	WIDTH: 100%;
	PADDING-TOP: 300px;/* 20px 20px 20px;*/
}
/***** Content Content *****/
#left {
	position:relative;/*ie needs this to show float */
	width:550px;
	float:left;
	PADDING: 0 15px 0 0;
	BORDER-RIGHT: 1px solid #d0d0d0;
	z-index: 56;
}
#left-inner {
	text-align: left;
}
#content {
	z-index: 300;
	padding-bottom: 7px;
}
#right {
	width:150px;
	float:right;
	z-index: 55;
}
#right-inner {
	text-align: left;
}
/***** Sidebar *****/
#sidebar {
	
}
#sidebar p {
	FONT-SIZE: 0.9em;
	LINE-HEIGHT: 1.3em;
	MARGIN: 0 0 12px 0;
}/* Top Links Menu */
#toptabs {
	POSITION: absolute;
	TOP: 0px;
	WIDTH: 770px;
	FONT-SIZE: 0.8em;
	TEXT-ALIGN: right;
	MARGIN-TOP: 5px;
	LINE-HEIGHT: 1em;
}
#toptabs ul {
	LIST-STYLE: none;
	MARGIN-BOTTOM: 0;
	PADDING-BOTTOM: 0;
}
#toptabs li {
	DISPLAY: inline;
	MARGIN-BOTTOM: 0;
	PADDING-BOTTOM: 0;
}
#toptabs a {
	PADDING: 3px 5px 3px 5px;
	MARGIN: 0 0 0 4px;
	TEXT-DECORATION: none;
	BACKGROUND: #f0f0f0 url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
	COLOR: #808080;
	BORDER-BOTTOM: 1px solid #fff;
}
#toptabs a:hover {
	BACKGROUND: #fafafa url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
	COLOR: #505050;
	TEXT-DECORATION: none;
}
#header {
	POSITION: absolute;
	TOP: 0px;
	/*LEFT: 0px;*/
	/*PADDING: 0px 20px 10px 20px;*/
	WIDTH: 730px;
	HEIGHT: 275px;
	Z-INDEX: 74;
}
#logo {
	MARGIN: 15px 0 0 0;
}
/***** Logo *****/
#logo h1 a {
	COLOR: #303030;
}
#logo h1 a:hover {
	TEXT-DECORATION: none;
}
/***** description *****/
#banner {
	MIN-HEIGHT: 200px;
	WIDTH: 100%;
	COLOR: #ffffff;
	MARGIN: 5px 0 0 0;
	PADDING: 0px;
	BACKGROUND: #505050 url(/assets/images/Ravenwolf/rav-college.jpg) top left no-repeat;
	CLEAR: both;
	POSITION: relative;
	Z-INDEX: 120;
}
#desc {
	HEIGHT: 200px;
	MIN-HEIGHT: 200px;
	WIDTH: 290px;
	FONT-SIZE: 1em;
	LINE-HEIGHT: 1.3em;
	PADDING: 0 0 0 15px;
}
#description p {
	FONT-SIZE: 1em;
	LINE-HEIGHT: 1.3em;
	PADDING: 0 0 0 15px;
}
#description h2 {
	PADDING: 15px 15px 0 15px;
	COLOR: #ffffff;
}
#description a {
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}

.block {
	BACKGROUND: #f0f0f0;
	PADDING: 15px;
}
/***** Footer *****/
#clearfooter {
	width:100%;
	height:4px;
	clear:both;
} /* to clear footer */
#footer{
	CLEAR: both;
	BACKGROUND-COLOR: #fafafa;
	COLOR: #808080;
	FONT-SIZE: 0.9em;
	PADDING: 8px 20px;
	BORDER-TOP: 1px solid #d0d0d0;
	BORDER-BOTTOM: 1px solid #d0d0d0;
	TEXT-ALIGN: center;
}
#footer a{
	COLOR: #808080;
}
#nav {
	FLOAT: left;
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px -5px 0px;
	LINE-HEIGHT: 1;
	LIST-STYLE-TYPE: none;
	POSITION: relative;
	Z-INDEX: 100;
}
#nav A {
	PADDING: 0.25em 1em 0.25em 1em;
	DISPLAY: block;
	COLOR: #509bd3;
	TEXT-DECORATION: none
}
#nav A.daddy {
	BACKGROUND: url(/assets/images/Ravenwolf/rightarrow2.gif) no-repeat right center
}
#nav UL {
	FLOAT: left;
	PADDING: 0px 0px 0px 0px;
	MARGIN-BOTTOM: 0px;
	LINE-HEIGHT: 1;
	LIST-STYLE-TYPE: none
}
#nav LI {
	FLOAT: left;
	MARGIN: 0 0 4px 0;
	LETTER-SPACING: 1px;
	BACKGROUND: #e0e0e0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
	BORDER-LEFT: 1px solid #ffffff;
}
#nav LI.active {
	MARGIN: 0 0 5px 0;
	TEXT-DECORATION: none;
	BACKGROUND: #505050 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
}
#nav LI UL {
	POSITION: absolute;
	LEFT: -999em;
	WIDTH: 13.9em;
	HEIGHT: auto;
	BORDER-LEFT-WIDTH: 0.25em;
	BORDER-TOP-WIDTH: 0.25em;
	BORDER-RIGHT-WIDTH: 0.25em;
	BORDER-BOTTOM-WIDTH: 0.25em;
	FONT-WEIGHT: normal;
	MARGIN: 0px;
}
#nav LI LI {
	MARGIN: 0;
	BACKGROUND: #e0e0e0;
	PADDING-RIGHT: 1em;
	WIDTH: 13em
}
#nav LI LI.active {
	/*PADDING:4px 8px 5px 8px;*/
	TEXT-DECORATION: none;
	BACKGROUND: #505050;
	MARGIN-BOTTOM: 0;
}
/*#nav LI UL A {
	WIDTH: 9em
}*/
#nav LI UL UL {
	MARGIN: -1.75em 0px 0px 14em
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI:hover UL UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL UL {
	LEFT: -999em
}
/* LEFT: auto */
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav LI LI LI.sfhover UL {
	LEFT: auto
}
#nav LI:hover {
	TEXT-DECORATION: none;
	BACKGROUND: #d0d0d0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
}
#nav LI.sfhover {
	TEXT-DECORATION: none;
	BACKGROUND: #d0d0d0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
}
#nav LI LI:hover {
	TEXT-DECORATION: none;
	BACKGROUND: #d0d0d0;
}
#nav LI.sfhover {
	TEXT-DECORATION: none;
	BACKGROUND: #d0d0d0;
}
/* Remove list style from the menu
-----------------------------------------------*/
#sideMenu ul {
	WIDTH: 140px;
	MARGIN: 15px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#sideMenu li {
	DISPLAY: block;
	MARGIN: 0px;
	WIDTH: 97%;
}
#sideMenu a {
	BACKGROUND: #f0f0f0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
	DISPLAY: block;
	MARGIN: 0px;
	MARGIN-BOTTOM: 2px;
	PADDING: 3px 4px;
}
#sideMenu a:hover{
	BACKGROUND: #e0e0e0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
	TEXT-DECORATION: none;
}
/* COLOR & style for root level active folder-----------------------------------------------*/
#sideMenu li.active, #sideMenu li.active a { /* this sets the COLOR of the active menu parent. */
	COLOR: #f90;
}

/*  turn off level 2 folders (sub menu items) */
#sideMenu ul ul {
	DISPLAY: none;
}
/* show the items in the level 2 folder path when you are there*/
#sideMenu li.active ul {
	DISPLAY: block;
	MARGIN: 0 0 0 10px;
}
/* COLOR & Style for level 2 active folder-----------------------------------------------*/
#sideMenu li.active ul li a {/* An item in the 2nd level list, not currently selected */
	COLOR: #286ea0;
}
#sideMenu li.active li.active a { /* The ACTIVE item in the 2nd level list */
	COLOR: #f90;
}

/*  turn off level 3 folders (sub menu items of sub menus) */
#sideMenu ul li ul li ul li {
	DISPLAY: none;
}
/* show the items in the level 3 folder path when you are there*/
#sideMenu li.active ul li.active ul li {
	DISPLAY: block;
	MARGIN: 0;
}
/* COLOR & Style for level 3 active folder-----------------------------------------------*/
#sideMenu li.active li.active ul li a {/* An item in the 2nd level list, not currently selected */
	COLOR: #286ea0;
}
#sideMenu li.active li.active li.active a { /* The ACTIVE item in the 2nd level list */
	COLOR: #f90;
}
/*  turn off level 3 folders (sub menu items of sub menus) */
#sideMenu ul li ul li ul li ul li {
	DISPLAY: none;
}

/* show the items in the level 4 folder path when you are there*/
#sideMenu li.active ul li.active ul li.active ul li {
	DISPLAY: block;
	MARGIN: 0;
}
/* COLOR & Style for level 4 active folder-----------------------------------------------*/
#sideMenu li.active li.active li.active ul li a { /* An item in the 3rd level list, not currently selected */
	COLOR: #286ea0;
}
#sideMenu li.active li.active li.active li.active a { /* The ACTIVE item in the 3rd level list */
	COLOR: #f90;
}
/****************************************************
	MaxiGallery:
****************************************************/
div.thumbscontainer, div.childscontainer {
	FLOAT: right;
	WIDTH: 100%;
	MARGIN: 0px;
	PADDING: 0px 0px 5px 0px;
	BACKGROUND: #e0e0e0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
}
.thumbs li {
	FLOAT: right;
	WIDTH: 152px;
	HEIGHT:175px;
	PADDING: 10px;
	TEXT-ALIGN: center;
	BACKGROUND: #FFF url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
}
.thumbs li img {
	MARGIN: 0 auto;
}
.thumbs li p {
	PADDING: 3px 22px;
	MARGIN: 10px 0px 0px 0px;
	TEXT-ALIGN: center;
	BACKGROUND: #f0f0f0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
	FONT-SIZE: 75%;
}
.thumbnail {
	MARGIN:0 auto;
    PADDING: 2px 4px;
}
.sologal {
	FLOAT: right;
	WIDTH: 100%;
	HEIGHT: 232px;
	MARGIN: 0px;
	PADDING: 0px;
	TEXT-ALIGN: center;
	BACKGROUND: #e0e0e0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
}
.sologal ul {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
.sologal li {
	FLOAT: right;
	WIDTH: 140px;
	HEIGHT: 140px;
	TEXT-ALIGN: center;
	MARGIN-RIGHT: 5px;
	BACKGROUND: #FFF url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
}
.sologal p {
	FLOAT: right;
	WIDTH: 135px;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: bottom;
	PADDING: 3px;
	BACKGROUND: #f0f0f0 url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
}
.sologal img {
	MARGIN: 5px 3px;
	PADDING: 0;
}
/****************************************************
	Ditto:
****************************************************/
#ditto_wrapper .ditto_article {
	MARGIN-BOTTOM: 20px;
}

#ditto_wrapper .ditto_title {
	FONT-SIZE: 115%;
	WIDTH: 100%;
	BORDER-BOTTOM: 1px solid #9c0;
}
/****************************************************
	AjaxSearch:
****************************************************/
#ajaxSearch_form {
	COLOR: #444;
	WIDTH: auto;
}
#ajaxSearch_input {
	WIDTH: 105px;
	DISPLAY: inline;
	HEIGHT: 17px;
	BORDER: 1px solid #ddd;
	BORDER-LEFT-COLOR: #c3c3c3;
	BORDER-TOP-COLOR: #7c7c7c;
	BACKGROUND: #fff url(images/input-bg.gif) repeat-x top left;
	MARGIN: 0 3px 0 0;
	PADDING: 3px 0 0;
	VERTICAL-ALIGN: top;
}
#ajaxSearch_submit {
	DISPLAY: inline;
	HEIGHT: 22px;
	LINE-HEIGHT: 22px;
	WIDTH: 35px;
}
#ajaxSearch_output {
	PADDING: 3px;
	BACKGROUND: #e0e0e0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
	DISPLAY: block;
	HEIGHT: auto;
	VERTICAL-ALIGN: top;
}
.ajaxSearch_paging {
	
}
#ajaxSearch_resultListContainer {
	DISPLAY: block;
	BACKGROUND: #e0e0e0 url(/assets/images/Ravenwolf/corner.gif) top right no-repeat;
	PADDING: 3px;
	MARGIN: 0px;
}
.ajaxSearch_pagination {
	
}
.ajaxSearch_result {
	DISPLAY: block;
	BACKGROUND: #fff url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
	PADDING: 3px 0px 0px;
	MARGIN: 0px;
}
.ajaxSearch_resultLink {
	DISPLAY: block;
	PADDING: 5px;
}
.ajaxSearch_resultDescription {
	DISPLAY: block;
	PADDING: 5px;
	BACKGROUND: #e0e0e0;
}
.ajaxSearch_extract {
	BACKGROUND: #f0f0f0;
	PADDING: 5px;
	MARGIN-BOTTOM: 2px;
}
.AS_ajax_result {
	WIDTH: 99%;
	DISPLAY: block;
	MARGIN-BOTTOM: 3px;
	PADDING: 0px;
}
.AS_ajax_resultLink {
	PADDING: 5px;
	DISPLAY: block;
	BACKGROUND: #fff url(/assets/images/Ravenwolf/corner2.gif) top right no-repeat;
	TEXT-DECORATION: none;
}
.AS_ajax_extract {
	BACKGROUND: #f0f0f0;
	PADDING: 5px;
	MARGIN-BOTTOM: 2px;
}
.AS_ajax_resultDescription{
	COLOR: #555;
}
.AS_ajax_more {
	COLOR: #555;
}
.ajaxSearch_highlight {
	BACKGROUND: #e0e0e0;
	FONT-WEIGHT: bold;
	COLOR: #286ea0;
}
.AS_ajax_highlight {
	BACKGROUND: #e0e0e0;
	FONT-WEIGHT: bold;
	COLOR: #286ea0;
}
.nm_title {
	FLOAT: left;
	WIDTH: 100%;
	CLEAR: both;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 5px;
}
.nm_button {
	FLOAT: left;
	WIDTH: 85px;
	MARGIN-LEFT: 5px;
}