/* Example CSS document - Media: screen */
/*color: #ccff66;*/
/* Created by Pascal Vyncke ---  http://www.SeniorenNet.be #191970*/

body
{
background-color: #000000;
color: #ffd700;
}
a, visited{color: gray;}
#topsection{
height: 100px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 200px 0 2px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;

}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 100%;

text-align: center;
padding: 4px 0;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}






.buttons 

{

  color: #000000;

	font-weight: bold;

	text-decoration: none;

	display: block;

	padding: 1px;

	border-color: #808080 #808080 #2f4f4f #2f4f4f  ;

		background-image: url("images/Bk500.gif");

    border: #faebd7 outset 4px;

}



.buttons:hover

{ 

  position: relative;

	top: 2px;

	left: 2px;

	border-color: gray gray silver silver;

} 

.cbuttons 

{

  color: #000000;

	font-weight: bold;

	font-size: large;

	text-decoration: none;

	padding-left: 5px;

	padding-right: 5px;

	border-color: #808080 #808080 #2f4f4f #2f4f4f  ;

		background-image: url("images/Bk500.gif");

    border: #faebd7 outset 3px;

}



.cbuttons:hover

{ 

  position: relative;

	top: 2px;

	left: 2px;

	border-color: gray gray silver silver;

} 


.disclaim{
  border: #000000 double 5px;
	color: #000000;
	font-style: normal;
	font-family: monospace;
	font-size: 12pt;
	padding: 5px;
	background-color: #ffffff;
	margin-left: 2em;
	margin-right: 2em;
} 

span

{

  color: #faebd7;

	font-style: italic;

}






h1, h3, h4{text-align: center;}
.paper

{

  color: #2f4f4f;/*darkslategray*/

	font-family: 'Comic Sans MS', cursive;

	padding-left: 2em;

	background-color: #ffffff;

} 

.parchment

{

  color: #000000;/*black*/

	font-family: 'Comic Sans MS', cursive;

	padding-left: 2em;

	background-color: #f5f5dc; /*beige*/

} 

.screen

{

 	border: #c0c0c0 inset 8px;

	color: #000000;/*black*/

	font-family: Courier, monospace;

	font-style: normal;

	font-size: x-large;

	background-image: url("images/bg_screen.gif");

}

.journal

{

  border: #c0c0c0 inset 8px;

	color: #000000;/*black*/

	font-family: Courier, monospace;

	font-style: normal;

	background-image: url("images/journal.jpg");

	background-position: top center;

	background-repeat: no-repeat;

	padding-top: 80px;

	width: 780px;

	font-size: medium;

	background-color: #ffffff;

}

.email

{

  border: #c0c0c0 inset 8px;

	color: #000000;/*black*/

	font-family: Courier, monospace;

	font-style: normal;

	background-image: url("images/browserhead1.jpg");

	background-position: top center;

	background-repeat: no-repeat;

	padding-top: 165px;

	width: 800px;

	

	background-color: #ffffff;

}







caption

{

  font-size: 30px;

	font-weight: bold;

	color: #00008b;

} 

.BlueButton

{

  text-align: center;

	font-size: 11; 

	font-style: italic; 

	color:#ffffff;

	border: #ffffff outset 5px;

	background-image: url("images/hr.jpg");

}



.grooves 

{

  border: silver groove 3px;

	width: 1.5em;

	text-align: center;

} 



.welcome1

{

	background-color: #ffffff; 

	border: #0000ff solid 1px; 

	color: #000080;

}



.welcome2

{ 

	width:550; 

	height:50; 

	font-size: 25pt; 

	filter:DropShadow (Color=#cccccc, OffX=5, OffY=5, Positive=true);

	font-variant: small-caps; 

	font-weight: bold;

	text-align: center;

}

.chapterfore 

{

  color: #ffffff;

  text-decoration: none;

  padding: 1px;

  display: block;

  border-color: silver silver gray gray;

	background-image: url("images/forward_on.gif");

	background-position: center;

	background-repeat: no-repeat;

	height: 40;

	width: 45;

	

}



.chapterfore:hover

{ 

position: relative;

top: 1px;

left: 1px;

border-color: gray gray silver silver;

	background-image: url("images/bforward.gif");

	background-position: center;

	background-repeat: no-repeat;

  height: 40;

	width: 45;

} 



.chapterback 

{

  color: #ffffff;

  text-decoration: none;

  padding: 1px;

  display: block;

  border-color: silver silver gray gray;

	background-image: url("images/backward_on.gif");

	background-position: center;

	background-repeat: no-repeat;

  height: 40;

	width: 45;

	

}



.chapterback:hover

{ 

position: relative;

top: 1px;

left: 1px;

border-color: gray gray silver silver;

	background-position: center;

	background-image: url("images/bbackward.gif");

	background-repeat: no-repeat;

  height: 40;

	width: 45;

} 





div.TabView div.Tabs

{

  height: 24px;

  overflow: hidden;

}



div.TabView div.Tabs a

{

  float: left;

  display: block;

  width:  90px;

  text-align: center;

  height:      24px;

  line-height: 28px;

  vertical-align: middle;

  background: url('images/tabs.png') no-repeat -2px -1px;

  text-decoration: none;

  font-weight: 900;

  font-size: 13px;

  color: #000080;

}



div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

  background: url('images/tabs.png') no-repeat -2px -31px;

}



div.TabView div.Pages

{

  clear: both;

  border: 1px solid #404040;

  overflow: hidden;

}



div.TabView div.Pages div.Page

{

  height: 100%;

  padding: 0px;

  overflow: hidden;

}



div.TabView div.Pages div.Page div.Pad

{

  padding: 3px 18px;

	font-size: 24px;

}

.magic1{color: #ffff00;}
.magic2{color: #ffaa00;}
.magic3{color: #ff8800;}
.magic4{color: #ff4400;}
.magic5{color: #ff0000;}



.onprint

{

display: none;

}

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal medium 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
padding-top: 5px;
padding-bottom: 5px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
.navtext {
width:450px;
font: normal medium Arial, sans-serif;
border-width:2px;
border-style:outset;
border-color:darkgray;
layer-background-color:#f0f8ff;
background-color: #f0f8ff;
color:black;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1 !important;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}
hr {width: 50%;}