body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	min-width: 730px;
	font-size: .9em;
	color: #000000;
	background: #F3E9DC url('/portals/youthatrisk/skins/youthatrisk/bground.gif') repeat-y 50% 0%;
	font-family: verdana, arial, tahoma, san-serif;
}

p {
margin-top: 0px 0px 0px 0px; 
}
.normal {
 	font-family: verdana, arial, tahoma, san-serif;
}
.skinobject {
font-size: .9em;
}

h1 { 
font-size: 1.2em; 
font-weight: bolder; 
font-family: tahoma, arial, verdana, san-serif; 
color: #CEA400; 
}
h2 { 
font-size: 0.95em; 
font-weight: bolder; 
font-family: tahoma, verdana, arial, san-serif; 
color: #CEA400; 
margin-top: 1.25em;
margin-bottom: 0.50em;
}
h3 { 
font-size: 0.95em; 
font-weight: 530; 
font-style: oblique; 
font-family: tahoma, verdana, arial, san-serif; 
color: #000000; 
height: 0.75em; 
}
a:link { 
text-decoration: none; 
font-size: 0.90em; 
font-family: verdana, arial, tahoma, san-serif; 
color: #5A4E1B; 
font-weight: bold; 
}
a:visited { 
text-decoration: none; 
font-size: 0.90em; 
font-family: verdana, arial, tahoma, san-serif; 
color: #623100; 
font-weight: bold; 
}
a:hover { 
text-decoration: none; 
font-size: 0.90em; 
font-family: verdana, arial, tahoma, san-serif; 
color: #000000; 
font-weight: bold; 
}
a:active { 
text-decoration: none; 
font-size: 0.90em; 
font-family: verdana, arial, tahoma, san-serif; 
color: #000000; 
font-weight: bold; 
}


#safety {
position: absolute;
left: 5px;
top: 550px;
width: 280px;
height: 150px; 
background-color: transparent;
padding: 0px 0px 0px 10px; 
text-align: left; 
font-size: 0.95em;
}
#safety-left {
position: absolute; 
left: 0px; 
top: 0px; 
width: 62px;
height: 62px;
background-color: transparent; 
} 
#safety-right {
position: absolute; 
left: 68px; 
top: 0px; 
width: 212px; 
height: 70px;
background-color: transparent;
}


#centered {
position: relative;
padding: 0px; 
top: 0px; 
vertical-align: top;
right: 0px; 
margin: 0 auto; 
width: 730px; 
text-align: left; 
background-color: #FFFFFF; 
}
#top-left {
position: absolute; 
left: 0px; 
top: 0px;     
width: 300px; 
height: 120px; 
background-color: #FFFFFF; 
padding-top: 0px; 
}
#top-right {
position: absolute; 
left: 300px; 
top: 0px; 
width: 430px; 
height: 120px; 
background-color: #FFFFFF; 
padding: 0px; 
text-align: right; 
}
#navigation {
position: absolute; 
left: 0px; 
top: 120px; 
height: 30px; 
width: 730px; 
background-color: #FFFFFF; 
}
#header {
	position: absolute;
	left: 0px;
	top: 150px;
	height: 130px;
	width: 730px;
	background-color: transparent;
	text-align: left;
	visibility: inherit;
}
#breadcrumbs	{
position: absolute; 
left: 0px; 
top: 253px;
height: 15px;
width: 730px;
text-align: left;
}
#main-left {
position: absolute; 
left: 2px; 
top: 280px; 
width: 280px; 
background-color: transparent; 
padding: 0px 0px 0px 10px; 
text-align: left; 
}
#main-right {
position: absolute; 
left: 293px; 
top: 280px; 
width: 410px; 
background-color: transparent; 
border-style: none none none dotted;
border-width: 1px;  
border-color: #666666;
padding: 0px 5px 0px 10px; 
text-align: left; 
font-size: 0.95em; 
}
#table {
font-family: verdana, arial, tahoma, san-serif;
align: top; 
}
.help-bold { 
font-weight: bold;
font-family: arial, verdana, san-serif; 
}
.myth { 
font-family: arial, verdana, san-serif;
}
.caption {
font-style: oblique; 
font-family: verdana, arial, tahoma, san-serif; 
}
.example { 
font-weight: bold; 
color: #000000; 
}
.breadc {
font-size: 0.80em; 
font-family: arial, verdana, san-serif; 
}
.res { 
font-weight: bold; 
font-family: arial, verdana, san-serif; 
}
.ul {
font-family: verdana, arial, tahoma, san-serif; 
}
.copy {
font-size: 0.75em; 
}
.ack {
font-size: 0.80em;
}
/**/
.ItemsBreak{
	background-color: transparent;
	color: #333333;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	border: #f6f6f6 0px solid;
	padding: 0px;
	margin: 0px;
}
.RootItem TD{
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding: 0px;
	margin: 0px;
}
.RootItemActive TD{
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding: 0px;
	margin: 0px;
}
.RootItemSelected TD{
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding: 0px;
	margin: 0px;
}
.RootItemBreadCrumb TD{
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	color: #000000;
	height: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.SubMenu {
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#f1f1f1, Direction=135, Strength=1); 
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #f1f1f1;
	border: #f1f1f1 0px solid;
	width: 168px;
	margin-left: 2px;
   text-align: center;
	height: 20px;
}
.SubItemActive TD
{
	border-top:#E0E3AB 0px solid;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	height: 20px;
	background-color: #f1f1f1;
	background-image: none;
	background-repeat: no-repeat;
	border: #f1f1f1 1px solid;
	width: 178px;
   text-align: center;
}
.SubItemBreadCrumb{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	height: 20px;
	background-color: #f1f1f1;
	background-image: none;
	background-repeat: no-repeat;
	border: #f1f1f1 1px solid;
	width: 178px;
   text-align: center;
}
.SubItemSelected{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 20px;
	background-color: #f1f1f1;
	background-image: none;
	background-repeat: no-repeat;
	border: #f1f1f1 1px solid;
	width: 178px;
   text-align: center;
}
.MenuContainer{
	background-color: transparent;
}
.MenuItem /* activate bg image for subitems here */
{
	cursor: pointer; 
	cursor: hand; 
	color: #666666;
	height: 20px;
	font-family: Tahoma;
	font-size: 11px; 
	font-weight: bold;
	font-style: normal; 
	background-color: #f1f1f1; /* fixed firefox problem, do not use transparent here */
	border: #f1f1f1 1px solid;
	width: 178px;
   text-align: center;
}
.MenuBar{
	background-color: Transparent;
	cursor: pointer;
	cursor: hand;
	height: 20px;
	font-size: 11px;
}
.MenuArrow, .MenuRootArrow, .MenuIcon, .MenuBreak {
	display: none;
}
.Separatorcssclass{
   background: transparent;
	width: 0px;
}
/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}
/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 20px;
}
/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: Tahoma;
	color: #000000;
	font-size: 11px; 
	font-weight: normal; 
	border: #D4D9DC 1px solid;
	padding: 1px 4px 1px 2px;
	background-color: #D4D9DC;
}


/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #f6f6f6; 
	filter: none; 
	border: #f6f6f6 1px solid;
	padding: 1px;
}


/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: Tahoma;
	font-size: 11px; 
	font-weight: normal;
	cursor: hand; 
	color: #fff;
	background: #6B7C86;
	border: #6B7C86 1px solid;
	padding: 1px 4px 1px 2px;
}
/* Elements we don't need to see */
.ModuleTitle_MenuArrow,
.ModuleTitle_RootMenuArrow,
.ModuleTitle_MenuBreak,
.ModuleTitle_MenuIcon {
	display: none;
}

