body {
	background-image: url(casual/GraphicsNew/DraakBackground.png);
	background-color: #4F4E50;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color:#4F4E50;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#4F4E50;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;
	background-repeat: no-repeat;
	background-position: 25px 25px;
}
.content {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.content a:link{color: #666666;text-decoration: underline;}
.content a:visited{color: #666666;text-decoration: none;}
.content a:hover{
	color: #FFFFCC;
	text-decoration: underline;
}
.content a:active{color: #666666;text-decoration: none;}
.content_brood {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.content_brood a:link{color: #FFFFFF;text-decoration: underline;}
.content_brood a:visited{color: #FFFFFF;text-decoration: none;}
.content_brood a:hover{color: #FFFFCC;text-decoration: underline;}
.content_brood a:active{color: #FFFFFF;text-decoration: none;}
#Outlining {
	position:absolute;
	width:100%;
	height:100%;
	align:right;
	z-index:1;
}
#Welcome {
	position:absolute;
	width:900px;
	height:360px;
	vertical-align:middle;
	z-index:2;
	left: 50%;
	top: 50%;
    margin-top: -180px;
    margin-left: -450px;
}
#WelcomeNew {
	position:absolute;
	width:900px;
	height:360px;
	vertical-align:middle;
	z-index:2;
	left: 50%;
	top: 50%;
    margin-top: -180px;
    margin-left: -450px;
}
#WelcomeChoose {
	position:absolute;
	width:600px;
	height:360px;
	vertical-align:middle;
	z-index:3;
	left: 50%;
	top: 50%;
    margin-top: -180px;
    margin-left: -450px;
}
#SubOuter {
	position:absolute;
	width:920px;
	height:600px;
	vertical-align:middle;
	z-index:2;
	left: 50%;
	top: 50%;
    margin-top: -300px;
    margin-left: -460px;
}
#SubContent {
	position:relative;
	left: 0px;
	top: 0px;
	height: 450px;
	width: 916px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-repeat:no-repeat;
}
#SubContentTextScroll {
	position:relative;
	z-index:3;
	left: 20px;
	top: 20px;
	height: 438px;
	width: 421px;
	overflow: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E5E5E5;
	text-decoration: none;
    scrollbar-face-color:#4F4E50;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#4F4E50;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;
}
#SubContentTextScroll a:link{color: #E5E5E5;text-decoration: underline;}
#SubContentTextScroll a:visited{color: #E5E5E5;text-decoration: none;}
#SubContentTextScroll a:hover{color: #FFFFCC;text-decoration: underline;}
#SubContentTextScroll a:active{color: #E5E5E5;text-decoration: none;}

#SubContentTextNoScroll {
	position:relative;
	z-index:3;
	left: 5px;
	top: 5px;
	height: 438px;
	width: 421px;
	overflow:hidden;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E5E5E5;
	text-decoration: none;
}
#SubContentTextNoScroll a:link{color: #E5E5E5;text-decoration: underline;}
#SubContentTextNoScroll a:visited{color: #E5E5E5;text-decoration: none;}
#SubContentTextNoScroll a:hover{color: #FFFFCC;text-decoration: underline;}
#SubContentTextNoScroll a:active{color: #E5E5E5;text-decoration: none;}

#SubContentFullText {
	position:relative;
	z-index:3;
	left: 5px;
	top: 5px;
	height: 438px;
	width: 906px;
	overflow:auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E5E5E5;
	text-decoration: none;
	scrollbar-face-color:#4F4E50;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#4F4E50;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;
	text-align: left;
}
#SubContentFullText a:link{color: #E5E5E5;text-decoration: underline;}
#SubContentFullText a:visited{color: #E5E5E5;text-decoration: none;}
#SubContentFullText a:hover{color: #FFFFCC;text-decoration:underline}
#SubContentFullText a:active{color: #E5E5E5;text-decoration: none;}

#SubContentPicsScroll {
	position:relative;
	z-index:4;
	left: 472px;
	top: -433px;
	height: 438px;
	width: 438px;
	overflow:auto;
    scrollbar-face-color:#4F4E50;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#4F4E50;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;
}
#SubContentPicsNoScroll {
	position:relative;
	z-index:4;
	left: 472px;
	top: -433px;
	height: 438px;
	width: 438px;
    scrollbar-face-color:#4F4E50;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#4F4E50;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;
}