body 
{
	background: #c7e9fb;
	background-image: url(../../Youth/images/background.gif);
	background-repeat: repeat;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	color: #0F415D;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top:1em;
	margin:0px auto;
	/* width: 560px; margin-left: auto; margin-right: auto;*/ 
}

.quiz 
{
	background: #ffffff;
	background-image: none;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	color: #000000;
}

body a
{
    color:#000000;
   /* font-size:75%;*/
}

/* BreadCrumbs Classes  ---------------------------------------------------------*/

.BreadCrumbs
{
    color: #ffffff;
    float:left;
    font-size: 10px;
    padding:0px;
    width: 780px;
    height: 15px;
    text-decoration: none;
    text-align:left;
    background: #666666;
    border:0;
    vertical-align: top;
} 

.BreadCrumbs a
{
    color: #ffffff;
    text-decoration: none;
    border-bottom: #666666;
} 
	
img 
{
	border: 0;
}

.eventimg 
{
	margin-left: 10px;
	margin-top:20px;
	padding:0px;
	margin-bottom: 0px;	
}
		
.top_bar 
{
	background: #202353;
	border:0px;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF; 		
}
	
div#content 
{
    margin-left: 164px;
	padding-top: 1.5em;
	background: #c7e9fb;
	line-height: 120%;
	width: 440px
}

/*
*/
	
.main_intro_1 
{
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000; 
	background: #c7ebfb;
	text-align:left;
	padding-left: 1em;	
}
	
.main_intro_2 
{
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF; 
	background: #129f9f;
	padding-left: 5px;	
}

div#content h2 
{
	font-size: 2em;
	color: #3a6a9e;
	margin: 0;
	padding-top: 1em;
	font-weight: normal;
}
		
#cleardiv 
{
    clear: both;
	height: 1em;
}

#paperclip 
{
    position:relative; 
    padding:0px;
    margin:0px;
    top:30px;
    left:336px;
    display:inherit;
   /* background-image: url(/UserFiles/image/meet_crew_member/paperclip.gif);*/
} 

/*
a:after {
content: " (" attr(accesskey) ") " 
}
*/
	
div.headerlink1 
{
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    color:#FFFFFF; 
    height: 22px;
    width: 259px;
    background: #0f9f9f;
    padding-top: 3px;
    padding-bottom:0px;
    border-bottom:1px solid #000000;
    border-right: 1px solid #ffffff;
    float:left;
    text-align: center;
    text-decoration: none;
}

div.headerlink1 a
{
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    color:#FFFFFF; 
    height: 22px;
    width: 259px;
    padding-top: 0px;
    padding-bottom:0px;
    border-bottom:0px solid #000000;
    border-right: 0px solid #ffffff;
    float:left;
    text-align: center;
    text-decoration: none;
}

div.headerlinkend 
{
    height: 22px;
    width: 260px;
    background: #0f9f9f;
    float:left;
    padding-top: 3px;
    padding-bottom:0px;
    border-bottom:1px solid #000000;
    text-align: center;
}

div.headerlinkend a
{
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    color:#FFFFFF; 
    height: 22px;
    width: 260px;
    float:left;
    padding-top: 0px;
    padding-bottom:0px;
    border-bottom:0px solid #000000;
    text-align: center;
    text-decoration:none;
}

/* combined css */

*
{
	font-size:100%;
}

body
{
	font:75%/140% Arial, Helvetica, sans-serif;
	text-align:left;
	/*
	background: #c7e9fb;
	background-image: url(../../Youth/images/background.gif)!important;
	background-repeat: repeat-y;
	font-family:  Gill Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	color: #0F415D;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:0px auto; */	
}

div
{
	margin:0;
	padding:0;
	/*background:#EFEFEF;*/
}

dd
{
	margin-right:0;
}

#wrap h1
{
	color:#000;
}

#header h1, h2
{
    color: #333366;
    font-size: 2em;
}

#wrap
{
	/*border:1px dashed #CCC;*/
	background:#FFF;
	background-image: url(../../Youth/images/colour_fill_2.gif)!important;
	background-repeat: repeat-y;
	margin:auto; width:780px;

	/*text-align:left;*/
}

#navigations
{
	width:155px;
	float: left;
	padding-top:20px;
	background: #ffcc2f;

}

#main-content
{
	width:472px;
	padding-top:0px;
	float: left;

}

#flash-content
{
	width:472px;
	display:inline;
	float:left;
	margin:0px;
	height:390px;
	padding:0px;
}

#sub-content
{   float: right;
	width:145px;
	margin-left:0px;
	padding-top:20px;
	background: #8fc644;
    color: #fff;
	font-size: 10px;
	padding-top: 5px;	
	right: 0px;
	text-align:left; 
}

#footer
{
	clear:both;
}

/* events css */
	
.charity
{
    background:#ffffff;
    text-align:right;
	font-size:smaller;
}
		
#sub-content ul 
{
    list-style:none;
    list-style-image:url(../../Youth/images/navi/youth_event_bullet.gif);
    list-style-position  : outside;
	margin-left: 0px;
	padding-left: 0.1em;
	margin-top:0px;
	margin-bottom:0px;
	background: #8fc644;			
}
		
#sub-content ul li 
{
    margin-top: 5px; 	
	margin-left:20px;		
}

#sub-content ul li a  {
	font-family: Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #ffffff;
	/*margin-left: 0.2em;*/
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	margin-top: 0.2em;
	margin-bottom: -1em;		
}
		
#sub-content ul li a:hover 
{
	color: #b4ecfa;
}

.searchBox
{
    width: 104px;
    font-family: Arial;
    font-size:larger;
    font-weight:bold;
    height: 17px;
    background-color: #ffffff;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.searchImage
{
    background-image: url(Youth/images/navi/search_box/search_04.gif);
    background-repeat: no-repeat;
}

.lightBackground
{
    background-color: #e6f6fe;
    padding: 5px;
}

.scattyThemedImage
{
    padding-top: 50px;

}
#bluePeter
{
    width: 473px;
    padding-bottom: 20px;
    position: relative;
    
   
}
#BP_LeftContent
{
   width: 435px;
   float: left;
   
   margin-bottom: 20px;
}
#BP_LeftContent p
{
  padding: 0px 16px 0px 54px;
  margin-bottom: 20px;
}
#BP_RightContent
{
   width: 31px;
   height: 447px;
   float: left;
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation.jpg);
   background-repeat:  no-repeat;
}
#BP_header
{
    width: 435px;
    height: 131px;
}
#BP_LeftContentInner
{   background-image: url(/Shorething/UserFiles/Image/bluepeter/bp_main_bg.gif);
    background-repeat: repeat-y;
    padding:0px 0px 0px 0px;
    margin-top: -5px;
}
  
  #BluePeterLink
  {
    position: absolute;
    top:0px;
    left: 300px;

    
    
}
#BP_LeftContentInner H2
{
   font-weight:600;
   font-size: 120%;
   margin: 0px;
   padding-left: 50px;
}
#bluePeter H3
{
   font-weight:600;
   font-size: 110%;
   margin-top: 12px;
   margin-bottom:6px;
}
#BP_footer
{
    margin-top: -25px;

}
#BPHistory
{    width:31px;
     height:180px;

}
#BPHistory a
{
   width:31px;
   height:180px;
   display: block;
}
#BPHistory a:hover
{
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/history_hov.gif);
   background-repeat: no-repeat;
   width:31px;
   height:180px;
   display: block;
}
#BPPhotos
{    width: 31px;
     height: 87px;
}
.BP_VideoView
{
     width:360px;
     height:340px;
     padding-left: 60px;
     padding-bottom: 30px;
}
.bpPhotocopy
{

font-size: smaller;
text-align :right;
}
#BPPhotos a
{
   width: 31px;
   height: 87px;
   display: block;
}
#BPPhotos a:hover
{
  background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/photos_hov.gif);
   background-repeat: no-repeat;
    width: 31px;
   height: 87px;
   display: block;
 }
#BPVideos
{    width: 31px;
     height: 87px;
     margin-top: -1px;
   
}
#BPVideos a
{
   width: 31px;
   height: 87px;
   display: block;
}
#BPVideos a:hover
{
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/videos_hov.gif);
   background-repeat: no-repeat;
   width: 31px;
   height: 87px;
   display: block;
 }
#BPRescues
{    width: 31px;
     height: 95px;
     margin-top: -1px;
 

}
#BPRescues a
{

   width: 31px;
   height: 95px;
   display: block;
}
#BPRescues a:hover
{
   background-image: url(/Shorething/UserFiles/Image/bluepeter/navigation/rescues_hov.gif);
   background-repeat: no-repeat;
   width: 31px;
   height: 95px;
   display: block;
}

#YouthSitemap
{
    float: left;
    width: 230px;
    padding:0px;
    margin:0px;

    

}
#AdultSitemap
{
     float: right;
     width: 230px;
     padding:0px;
}
#YouthSitemap a
{   color: #fff;
    text-decoration: none;
}
#YouthSitemap .header
{
    padding: 5px 0px 10px 5px;
    color: #fff;
    margin:0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;  
    width: 215px; 
    background-color:#95193c; 
    display: block;
}
#YouthSitemap .headlist
{
    display: block;
    margin:5px;
    color: #fff;
    background-color: #0f9f9f;
    border: 2px solid #d4ecf9;
    list-style: none;
}
#YouthSitemap .headlist a
{
    color: #fff;
    padding: 2px 0px 2px 3px;
}
#YouthSitemap .headlist a:hover
{
 text-decoration: underline;
}
#YouthSitemap .headlist a li
{
    padding-left:10px;
}
#YouthSitemap .indent
{
    margin:0px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    background-color: #d4ecf9;
    list-style-type:none;
    color: #000;
}
#YouthSitemap .indent a
{
    color: #000;
}
#YouthSitemap .indent a:hover
{
    text-decoration: underline;
}

#AdultSitemap a
{
    text-decoration: none;
    color: #fff;
}
#AdultSitemap .headlist
{
    display: block;
    margin:5px;
    color: #fff;
    background-color: #0f9f9f;
    border: 2px solid #d4ecf9;
    list-style: none;
}

#AdultSitemap .header
{
    padding: 5px 0px 10px 5px;
    color: #fff;
    margin:0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;  
    width: 215px; 
   background-color:#2c225a;
    display: block;
}
#AdultSitemap .headlist a
{
    color: #fff;
    padding: 2px 0px 2px 3px;
}
#AdultSitemap .headlist a:hover
{
 text-decoration: underline;
}
#AdultSitemap .headlist a li
{
    padding-left:10px;
}
#AdultSitemap .indent
{
    margin:0px 0px 0px 0px;
    padding: 5px 5px 5px 10px;
    background-color: #d4ecf9;
    list-style-type:none;
    color: #000;
}
#AdultSitemap .indent a
{
    color: #000;
}
#AdultSitemap .indent a:hover
{
    text-decoration: underline;
}