﻿body
{
    font-family: Arial ;
    margin: 0px;
    font-size: 0.7em;
    color:White;
    cbackground-color: #00557b;
    cbackground:#5ABFE0 url(../images/background-teens.jpg) repeat left top;  
     background:#01577a;
    
}

/* Picture at the top of the site */
#poster
{
    background: url(../images/adapp-logo-teens.jpg) no-repeat;
    background-position:center;
    width: 817px;
    height: 153px;
    margin:0px;
    border:none;
    font-family: Arial;
}
div.header
{
	padding:10px 45px 0 0; 
	text-align:right;
}

p.logo
{
	margin: 79px 0 0 1px;
	_margin: 83px 0 0 1px;
	padding: 0;
	width: 400px;
	height: 63px;
	float: left;
}
#body
{
    width: 817px;
    margin-top:0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
   
    background:url(../images/back-top-teens.jpg) no-repeat;
    background-position:top;
}

#back

{
  background  :url(../images/back-middle-teens.jpg) repeat bottom;
      width: 817px;
    margin-top:0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color:White;


}
#footerBody
{
    width: 815px;
    margin-right: auto;
    margin-left: auto;
    padding:0px;
    position: relative;
}

#backBottom
{
   background  :url(../images/back-bottom-teens.jpg) no-repeat bottom;
   background-position :bottom;
   width: 815px;
    margin-right: auto;
    margin-left: auto;   

}

#backMiddle
{
   background  :url(../images/back-middle-teens.jpg) repeat bottom;
   width: 815px;
    margin-right: auto;
    margin-left: auto;   

}

#footer
{
    width: 806px;
    margin:0px;   
    text-align: center;
    margin-top: 0px;
    color:White;
    background: url(../images/footer-adapp-teens.jpg) no-repeat;
    background-position:right ;  
    
}

#MiddleLinksSection
{
	width:721px;
	height:56px;
	color:White;
    background: url(../images/teens-middle.gif) no-repeat;
    background-position:top ;  
    line-height:25px;
    margin-left: 8px;
}

#footer a.foterLink:link, a.foterLink:visited, a.foterLink:active, a.foterLink:hover
{
    text-decoration: none;
    color: #F7FDF9;
}

#footer a.foterLink:hover
{
    text-decoration: underline;
    color: #F7FDF9;
}

#footer a.foterLink2:link, a.foterLink2:visited, a.foterLink2:active, a.foterLink2:hover
{
    text-decoration: underline;
    color: #D8959E;
}

#footer a.foterLink2:hover
{
    text-decoration: underline;
    color: #D8959E;
}

#navtop
{
    font-size: 8pt;
    font-weight: bold;
   font-family:Arial;
    margin-right: 0px;
    margin-left: 0px;
    width: 179px;
    height:215px;
    line-height:30px;
     color:White;
}

#navtop ul
{
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    list-style-type: none;
    height: 30px;
    text-align: left;
}
#navtop ul li
{
    display:list-item;
    color: White;
    margin-right: 0px;
}

#navtop a.MenuItem:link, a.MenuItem:visited, a.MenuItem:active, a.MenuItem:hover
{
    text-decoration: none;
    color: white;
}

#navtop a.MenuItem:hover
{
    text-decoration: underline;
    color: white;
}

.pic
{
	position:absolute; 
	top:147px;
	
}

.imgArrow
{


}
.breadcrumbs
{
	font-family: Arial;
    font-size:8pt;
    color:#535353;
}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active
{
	font-family: Arial;
    font-size:8pt;
    color:#535353;
    text-decoration:underline;
    font-weight:bold;
}    
#article
{
    margin:0px;
    padding:0px;
    color:#15222D;
    line-height:15px;
    
}

#articleUp
{
    width: 590px;
    margin:0px;
    padding:0px;
    color:#15222D;
    line-height:15px;    
}

#articleDown
{
    width: 680px;
    margin:0px;
    padding:0px;
    color:#15222D;
    line-height:15px;
    
}
#articleUp a,
#articleDown a
{
	color: red;
}
#articleUp a:hover,
#articleDown a:hover
{
	color: red;
}
.articleHeading
{
	 margin-left:100px;
}

.articleContent
{
	margin-left:100px;
	text-align:justify;
	font-family:Arial;
	font-size:9pt;
	color:#221E1F;

}

.articleText
{

}
.articlePicture
{
	float:right;
	vertical-align:bottom;
	text-align:right;
	padding-top:5px;
	padding-bottom:3px;
    padding-left:15px;


}

.articletitle
{
	 font-family:Arial; 
	 font-size:14pt;
	 color:#E52107;
	 line-height:28pt;
}

.teensTitle
{
	 font-family: Arial; 
	 font-size:18pt;
	 color:white;
	 line-height:20pt;
}

.articletitle a:link, .articletitle a:visited, .articletitle a:active, .articletitle a:hover
{
	font-family:Arial;
	 font-size:13pt;
	 color:#10293C;
	 text-decoration:none;
}

.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    clear:right;
    padding-left:15px;
    
}

.dashedline1
{
    border-bottom:solid 2px red;
     line-height:15px;
     padding-top:3px;
    
    clear:right;
   
}


.paging a:hover, .paging a:visited, .paging a:link, .paging a:active
{
	color:Red;
	font-family:Arial;
	font-size:9pt;
	text-decoration:underline;
}

.paging
{
	color:Black;
	font-weight:bold;
	font-family:Arial;
	font-size:9pt;

}

.articleContent a:active, a:link, a:visited, a:hover
{
	color:Red;
	text-decoration:underline;
}

 a.quiz:active, a.quiz:link, a.quiz:visited
{
	color:Black;
	text-decoration:none;
}

a.quiz:hover
{
	color:Black;
	text-decoration:underline;
}
div.ListStyle
{
	float:left; 
	width:165px; 
	font-weight:bold; 
	font-size:8pt;
}
div.ListStyle p
{
	float:left;
	margin: 5px 4px 0 0;
}
div.ListStyle a,
div.ListStyle a:hover
{
	color: #fff;
	text-decoration: none;
}
