/***********************************************/
/*  (c) copyright Lorinthe BV, the Netherlands */
/*   Voor Lorinthe site                             */
/***********************************************/

/******* hyperlink and anchor tag styles *******/

ul{
	font: 12px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
	margin-top:7px;
	margin-bottom: 12px;
	list-style: square inside url('../images/ss_bullet_arrow.gif');

}
li{
}
p{
	margin: 5px 0px 4px 0px;
	text-align: justify;
}


a img, img {
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: -moz-use-text-color;
    border-right-color: -moz-use-text-color;
    border-bottom-color: -moz-use-text-color;
    border-left-color: -moz-use-text-color;
}
img {
	border: 10px solid #fff; /* around all images to seperate from text below images as well automatic */
}

table {
	font: 11px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
}
table td {
	padding: 2px;
}

/************** header tag styles **************/

h1,h2,h3,h4{
	font: 12px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
	font-weight: bold;
	color: #333;
}
h1{
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

h2{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	/* border-bottom: 1px solid #861717;*/
}

h3{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	color: #666;
}


h4{
	font: 100% Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5{
	font: 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

body{
	background-color: #111;
}

#pageLayout{
	width: 98%;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	font-size: small;
}

#pagecell{
	/* position: relative; destroys links in IE ????*/
	top: 0px;
	width: 100%;
    background-color: #fff;
}

#masthead{
	height: 90px;
	position: relative;
	top: 1px;
	left: 0px;
	background-color: #333;
	background: url(../images/ss_menu_bckgr.jpg) repeat-x;
}

#sitelogo{
	height: 100%;
	width: 320px;
	float: left;
}

#pageName{
	font: 2em "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
	color: #111;
	margin-left: 8px;
	padding: 17px 0px 10px 0px;
}

#pageIntro{
	font: 0.8em;
	font-style: italic;
	color: #111;
	margin: 0px 5px 5px 8px;
	padding: 5px 0px 10px 0px;
}

#content{
	padding: 0px 8px 8px 8px;
	height: auto;
	
}

#content a:link,
#content a:visited{
	color: #3366CC;
	text-decoration: underline;
}
#content a:hover{
	color: #990000;
	text-decoration: underline;
}

/************* Sidebar Pane ************/

/* around the side bars to allow white space */


#sidebar{
	width: 210px;
	background-color: #ddd;
	color: #444;
	float: right;
	text-align: justify;
	padding: 10px;
	margin: 24px 8px 30px 20px;
	font-size: 85%;
	border: 1px solid #822;
}
#sidebar ul {
	list-style: square outside url('../images/ss_bullet_arrow.gif');
	font-size: 95%;
	margin-left: 1.5em;
	padding-left: 0;
}
#sidebar h1,
#sidebar h2 {
	padding: 0px;
	font: bold 130% "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
	border-bottom: 1px solid #861717;
}
#sidebar h1 {
	margin-top: 0px;
}

#sidebar h2 {
	font-size: 100%;
	border: 0px;
	margin-top: 8px;
}
#sidebar p {
	padding: 0px;
	margin-bottom: 9px;
	margin-top: 2px;
	font: 11px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
}
#sidebar img {
	border:0;
}
#sidebar_link  {
	margin-top: 7px;
}
#sidebar_link a {
	border: 1px solid #861717;
	background-color: #fcc;
	font-size: 80%;
	padding: 7px;
	color: #000;
}
/************* Left Pane ************/

#leftpane{
	width: 200px;
	float: left;
	padding: 8px 15px 10px 15px;
	margin: 24px 20px 50px 8px;
	z-index: 10000;
	background-color: #d99;
	font: 10px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;	
	color: #000;
	text-align: justify;
	border: 1px solid #822;
}

#leftpane h1 {
	font: bold 14px Arial "Lucida Sans Unicode" sans-serif;
	border-bottom: 1px solid #861717;
	padding: 2px;
	margin-top: 0px;
	color: #333;
}

#leftpane h2 {
	font: bold 12px Arial "Lucida Sans Unicode" sans-serif;
	border: 0px;
	margin-top: 8px;
}

#leftpane p {
	padding: 0px;
	margin-bottom: 9px;
	margin-top: 2px;
}
#leftpane table {
	background-color: #fff;
}
#leftpane ul{
	font: bold 12px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;
	margin: 10px 0px 10px 0px;
	padding: 0;
	list-style: square outside url('../images/ss_bullet_arrow.gif');

}
#leftpane li{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 5px;
}
/************* Right Support Pane ************/

#submenupane{
	width: 120px;
	background-color: #c88;
	float: left;
	text-align: justify;
	padding: 0px;
	padding-top: 5px;
	margin: 10px;
	margin-left:0px;
	margin-top: 35px;
	font-size: 90%;
	border: 1px solid #822;
}

#submenupane ul{
	list-style: square outside url('../images/ss_bullet_arrow.gif');
	margin-left: 1.5em;
	padding-left: 0;
}
#submenupane li, 
#submenupane ul li a, 
#submenupane ul li ul li a, 
#submenupane ul li.active ul li a {
    color: #000;
    text-decoration: none;    
}



/********** Floating *************/

#frontpageletter{
	position: absolute;    
	top: 68px;
	left: 190px;
	right: 300px;
	bottom: 20px;
	float: left; 
}

#blogentry{
	width: 280px;
	height: 600px;
	top: 60px;
	background: url(../images/cutout_ball.gif) no-repeat right top;
	right: 10px;
	position: absolute;
}

#bottomClose{
	clear: both;
}

/************** siteInfo**/

#siteInfo{
    font: 12px "Lucida Grande" Arial "Lucida Sans Unicode" sans-serif;	
	color: #FFFFFF;
	text-align: center;
	height: 25px;
	padding-top: 5px;
	border-top: 1px solid #633;
}

#siteInfo a:link, a:visited{
	color: #ffffff;
	text-decoration: underline;
}

#siteInfo a:hover{
	color: #6666bb;
}
#siteInfo li{
	list-style: none;
	float: left;
	position: relative;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#siteInfo ul{

	margin: 0px;
	padding: 0px;
}
#moreInfo{
	float: left;
	position: relative;

}

/************* End ******************/