/*
  Copyright (c) 2005 High-Logic. All rights reserved.
  http://www.high-logic.com
*/
body {
	font-family: arial, helvetica, sans-serif;
	background-color: #CCCCCC;
	color: black;
	padding: 0;
	text-align: center;
	margin-top: 10px;
}

#container {
	width: 100%;
	background-color: #fff;
	color: #111;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#header {
	clear: both;
	background: #ffffff;
	color: black;
	position: relative;
}

#main {
	clear: both;
	border-top: 2px solid #100;
	border-bottom: 2px solid #100;
	margin-left: 0px;
	margin-right: 0px;
}



.paging A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 4px; BACKGROUND: #eee; PADDING-BOTTOM: 4px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 2.5em; PADDING-TOP: 4px; BORDER-BOTTOM: #ccc 1px solid
}
.paging A:hover {
	BACKGROUND: #999; COLOR: #fff; TEXT-DECORATION: none
}






#page {
	BACKGROUND: url(os_main.jpg) repeat-y; MARGIN: 0px auto;  TEXT-ALIGN: left
}



.paneleft {
	float: left;
	width: 250px;
	text-align: left;
}

.paneright {
	text-align: right;
}

.fontitem {
	border-top: 1px solid #d55;
	margin: 0 10px;
}

#pagenavtop {
	margin: 3px 10px;
}

#pagenavbottom {
	border-top: 1px solid #d55;
	margin: 0 10px;
}

#navigation {
	margin: 5px 5px 15px 529px;
	text-align: right;
}

#footer {
	height: 14px;
	clear: both;
	background: #ffffff;
	color: #fff;
}

#footer p {
	margin: 0;
	padding: 7px 9px;
	text-align: right;
}

#footer a.more {
	font-weight: bold;
}

#footer a.more:active {
	color: #fc0;
}

h1.sitetitle {
	font-size: 24px;
	margin: 0 10px 0;
}

img {
	vertical-align: top;
}

h3.alphabet {
	font-size: 14px;
	margin: 5px 10px 5px;
	text-align: center;
	word-spacing: 0.2em;
}

.subpages {
	font-weight:normal;
	font-size: 20px;
	margin: 4px 0 0 0;
	word-spacing: 0.2em;
}

h3.fontname {
	font-weight:normal;
	font-size: 12px;
	margin: 4px 0 0 0;
	vertical-align: middle;
}

h4.fontname {
	font-size: 10px;
	margin: 0 5px 5px;
}

h5.copyright {
	font-size: 9px;
	margin: 0 0 2px;
}

h5.trademark {
	font-size: 9px;
	margin: 0 0 2px;
}

h5.credits {
	color: #00f;
	font-size: 0.6em;
	margin: 0 5px;
	text-align: center;
}

.hot {
	color: #DD1808;
}







#content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 20px; MARGIN: 0px; BORDER-LEFT: #bbe0eb 2px dotted; WIDTH: 35%; PADDING-TOP: 10px
}
#content H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 1.7em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #83cde1; PADDING-TOP: 10px
}

/*
#content H3 {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #83cde1; PADDING-TOP: 15px
}

*/

#content LABEL {
	FONT-SIZE: 0.9em; CURSOR: pointer
}
#content P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; LINE-HEIGHT: 150%; PADDING-TOP: 10px
}







#content DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px
}

/*
.content H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px 10px; PADDING-TOP: 4px
}

*/


#content .content-ind {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #bbe0eb 2px dotted
}
#content .ad {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 20px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#content .content-ind H2 {
	MARGIN: 0px 0px 5px; LINE-HEIGHT: 130%
}
#content .content-ind P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 5px
}
#content .content-ind .img IMG {
	BORDER-RIGHT: #bbe0eb 3px solid; BORDER-TOP: #bbe0eb 3px solid; BORDER-LEFT: #bbe0eb 3px solid; BORDER-BOTTOM: #bbe0eb 1px solid
}
#content .content-ind .posted A {
	COLOR: #4896ac
}
#content .content-ind .posted {
	MARGIN-TOP: 5px; WIDTH: 300px
}




#navigation2 {
	FONT-SIZE: 14px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; FONT-FAMILY: Tahoma, Verdana, Arial, Serif
}
#navigation2 TD A {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #f4f6fa; PADDING-BOTTOM: 2px; COLOR: #5b698a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#navigation2 TD A:hover {
	BACKGROUND: #5b698a; COLOR: #ffffff
}
#navigation2 TD A:active {
	BACKGROUND: #fafafa; COLOR: #5b698a
}


#yelStrip {
	BACKGROUND: #fc0; MARGIN-BOTTOM: 10px; HEIGHT: 1px
}

.cadre1 {	BORDER-RIGHT: #bbbbd2 1px dashed; PADDING-RIGHT: 0px; BORDER-TOP: #bbbbd2 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #bbbbd2 1px dashed; PADDING-TOP: 0px; BORDER-BOTTOM: #bbbbd2 1px dashed
}