/**
colours:
dark: 060
medium:
light: 9C0


**/

/* magazine default page*/
.magsection{
	margin-bottom:5px;
	margin-top:20px;
	display:block;
	color:#060
}

.indepth{
display:block;	
width:500px;
}

.indepth #framework-hed{
background-image:url(/magazine/jun10/images/bd_bg_top.jpg);
height:168px;
background-repeat:no-repeat;
}

.indepth #framework-footer{
background-image:url(/magazine/jun10/images/bd_bg_bottom.jpg);
height:24px;
background-repeat:no-repeat;
padding-bottom:30px;	
}

.indepth h1{
font: bold 2.0em 'Arial Black', Gadget, sans-serif;
color:#CC3;
padding-left:287px;
padding-top:55px;	
}

.indepth .contents {
width:100%;
display:block;
padding:0;
margin:0;
background-image:url(/magazine/jun10/images/bd_bg_repeat.jpg);
background-repeat:repeat-y;	
}

.indepth .contents-item{
display:block;
width:450px;
padding:10px;
border-bottom:1px dotted #CCC;
margin-left:12px;
}

.indepth #contents-item img { /** thumbnail within individual content--  item not working properly; did it inline **/
float:left;
margin-right:15px;
}


.indepth a{
display:block;
margin-bottom:3px;
}

.indepth a.feature:link{
color:#060;
font-weight:bold;
font-size:14px;
}

.indepth a.feature:visited{
color:#060;
font-weight:bold;
font-size:14px;
}

.indepth a.feature:hover{
color:#CC0000;
font-weight:bold;
font-size:14px;
}

.indepth a.feature:active{
color:#003366;
font-weight:bold;
font-size:14px;
}


A.sub:link { 
font-weight:BOLD;
font-size:14px;
text-decoration:underline;
margin-bottom:4px;
}

A.sub:visited { 
font-weight:BOLD;
font-size:14px;
text-decoration:underline;
margin-bottom:4px;
}

A.sub:hover {
font-weight:BOLD;
font-size:14px;
text-decoration: underline;
margin-bottom:4px;
}

A.sub:active { font-weight:BOLD;
font-size:14px;
text-decoration: underline;
margin-bottom:4px;
}

.indepth #depts-framework-hed{
background-image:url(/magazine/jun10/images/bd_bg_top2.jpg);
height:24px;
background-repeat:no-repeat;	
}

.depts #framework-footer{
background-image:url(/magazine/jun10/images/bd_bg_bottom.jpg);
height:24px;
background-repeat:no-repeat;
padding-bottom:30px;	
}

.indepth .dept-items-column-left{
display:block;
width:200px;
float:left;
margin-left:12px;
padding:10px;
}

.indepth .dept-items-column-right{
display:block;
width:200px;
float:right;
margin-right:22px;
padding:10px;
}


.indepth .dept-items{
display:block;
margin-bottom:15px;
}

.indepth .magazinesubhed{
display:block;
}

/* end magazine default page */



/** multimedia page */
.indepth-multimedia{
display:block;	
width:100%;
}

.indepth-multimedia #framework-hed{
background-image:url(/magazine/jun10/images/mm_skin_top.jpg);
height:96px;
background-repeat:no-repeat;
}

.indepth-multimedia #framework-footer{
background-image:url(/magazine/jun10/images/mm_skin_bottom.jpg);
height:45px;
background-repeat:no-repeat;
padding-bottom:30px;	
}

.indepth-multimedia h1{
font: bold 1.6em 'Arial Black', Gadget, sans-serif;
color:#CC3;
padding-left:15px;
padding-top:40px;
}

.indepth-multimedia .contents {
width:100%;
display:block;
padding:0;
margin:0;
background-image:url(/magazine/jun10/images/mm_skin_repeat.jpg);
background-repeat:repeat-y;	
}

.indepth-multimedia .contents-item{
display:block;
width:280px;
float:left;
height:90px;
margin-left:15px;
}


.indepth-multimedia #contents-item img { /** thumbnail within individual content--  item not working properly; did it inline **/
margin-right:15px;
float:left;
margin-bottom:18px;
}

/*.indepth-multimedia .contents-item a.sub{
display:block;
text-decoration:underline;
font-size:12px;
color:#360;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}

.indepth-multimedia .contents-item a.sub:hover{
text-decoration:none;
}*/


.indepth-multimedia .contents-item a {
display:block;
/*text-decoration:none;*/
font-size:12px;
color:#360;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}

.indepth-multimedia .contents-item a:hover{
text-decoration:none;
}



.indepth-multimedia .hed{
width:560px;
margin-bottom:20px;
margin-left:30px; 
padding-top:10px;
border-bottom:#CCC dotted 1px;	
}

/* end multimedia page */

/*
.button1  {
padding:0;
margin:0;
width:101px;
height:90px;
background-image:url(images/thumb_video.jpg);
}

.button1:hover{
padding:0;
margin:0;
width:101px;
height:90px;
background-image:url(images/thumb_video_over.jpg);
}

.button2  {
padding:0;
margin:0;
width:101px;
height:90px;
background-image:url(images/thumb_photoessay.jpg);
}

.button2:hover{
padding:0;
margin:0;
width:101px;
height:90px;
background-image:url(images/thumb_photoessay_over.jpg);
}
*/

.trhilite:hover{
background-color:#f5f5f5;	
}

.sidenavhed{
background-color:#333;
font-size:11px;
color:#FFFFFF;
padding:3px 0 3px 0;
}

.sidenavbg{
/*background-color:#f7f1e0;*/
background-color:#e8e8e8;
}

H1.indepth  {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:18px;
font-weight:bold;
margin-top:5px;
float:left;
margin-bottom:15px;
display:block;
width:100%;
}

H2.indepth{
margin-bottom:15px;
margin-top:5px;	
font-weight:bold;
font-size:12px;
display:inline;
}

.indepthheader{
margin-bottom:10px;	
}

.articlehed{
color:#060;	
}

.intro{
color:#3D3C30;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal; 
background-color:#FAF7F3;
border:1px solid #ccc;
}

.pullquote{
color:#063;
background-color:#fff;
border-top:1px solid #063;
border-bottom:1px solid #063;
font-size:15px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal; 
line-height:20px;
padding: 15px;
}

.sidebar{
/*font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-weight:normal; 
padding: 15px;
border:1px solid #060;
background-color: #e4efd9;
/*margin-left:15px;*/
margin-bottom:5px;
/*float:right;
width:200px;*/
}

.sidebar-title{
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
color:#060;
}

.hed{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#060;
}

.subhed{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#360;
font-weight:bold;

}

.title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
padding-right:5px;
}



/* BEGIN FEATURE BOX STYLES  ================================================================ */
.featurebox-leftcol{
float:left;	
width:413px;
}

#featurepic{
height:286px;
background:#fff;
margin:0 0 2px 0;
}

#featurepic img {
border: 1px solid #ccc;
}

#featurebox-rightcol{
float:left;	
width:212px;
height:401px;
background-color:#002447;
background-image:url(/magazine/jun10/images/nav_bkgd.jpg);
background-position:bottom;
}

#featurebox-header{
height:16px;
padding:5px 0 3px 0;
text-align:center;
background-color:#006600;
color:#fff;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
border-left:1px solid #006600;
}
/* END FEATURE BOX STYLES  ================================================================ */

/** ACCRODIAN STYLES  ================================================================ */
#options {width:208px; margin:20px auto; text-align:right; color:#5a975a}
#options a {text-decoration:none; color:#5a975a}
#options a:hover {color:#006600}

#acc {
margin:0; padding:0;
list-style:none; 
color:#303030; 
margin:0 auto 40px
}

#acc h3 {
width:199px; 
height:15px;
font-size:12px;
margin:0;
color:#fff; /*BUTTON TEXT*/
border-left:1px solid #808080; 
border-right:1px solid #F0F0F0; 
border-bottom:1px solid #F0F0F0; 
border-top:1px solid #F0F0F0; 
padding:6px 4px 6px 8px; 
font-weight:normal; 
cursor:pointer; 
background-color:#5a975a;
/*background:url(images/header.gif)*/
}


#acc h3#hilited{
background-color:#006600;
color:#fff;
border-left:1px solid #036; 
border-right:1px solid #F0F0F0; 
border-bottom:1px solid #F0F0F0; 
border-top:1px solid #F0F0F0;	
}


#acc h3:hover {
margin:0;
padding:6px 4px 6px 8px; 
/*background:url(images/header_over.gif)*/
color:#fff;/*BUTTON TEXT HOVER*/
background-color:#006600;
}


#acc .acc-section {
width:212px; 
margin:0; 
padding:0;
overflow:hidden; 
background:#f0f0f0;
}

#acc .acc-content {
margin:0; 
padding:7px; 
border:1px solid #ccc; 
border-top:none; 
background:#e4efd9;
height:101px;
}


#acc .acc-content a:link{
font-family: Arial, Helvetica, sans-serif;
color:#006600;
font-weight:bold;
}

#acc .acc-content a:visited{
font-family: Arial, Helvetica, sans-serif;
color:#006600;
font-weight:bold;
}

#acc .acc-content a:hover{
font-family: Arial, Helvetica, sans-serif;
color:#c00;
font-weight:bold;
}

#acc .acc-content a:active{
font-family: Arial, Helvetica, sans-serif;
color:#006600;
font-weight:bold;
}


#acc .acc-content img {
float:left;
margin:0px 10px 5px 0;
}
/** END ACCORDION STYLES ================================================================ */


/* BEGIN TABS ================================================================ */
.indentmenu{
font-size:10px;
margin:0;
padding:0;
}

.indentmenu ul{
font-size:10px;
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #fff; /*navy border*/
background: #5a975a;
}

.indentmenu ul li{
font-size:10px;
display: inline;
}

.indentmenu ul li a{
font-size:10px;
width: 118px;
float: left;
color: white; /*text color*/
padding: 2px 8px;
text-decoration: none;
border-right:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5;
text-align:center;
}

.indentmenu ul li a:visited{
font-size:10px;
color: white;
}


.indentmenu ul li a:hover{
font-size:10px;
color: white;
background-color:#006600;
}


.indentmenu ul li a.selected{
font-size:10px;
color: #fff;
padding: 2px 8px;
background: #006600;
border-bottom:1px solid #006600;
border-right:1px solid #f5f5f5;
}


.tabcontentstyle{ /*style of tab content oontainer*/
width: 387px;
margin-bottom: 1em;
padding: 2px 8px 2px 8px;
background-color:#e4efd9;
border:1px solid #ccc;
height:88px;
}


.tabcontentstyle a:link { 
color:#060;
text-decoration:underline;

}

.tabcontentstyle a:visited { 
color:#060;
text-decoration:underline;
}

.tabcontentstyle a:hover { 
color:#F00;
text-decoration:underline;
}

.tabcontentstyle a:active { 
color:#0C0;
text-decoration:underline;
}


.tabcontent{
display:none;
}

/** END TABS  ================================================================ */


/** PAGINATION *****************************************************************/
.feature-pagination{
float:right;
font-size:11px;
text-align:right;
margin-top:25px;
margin-bottom:5px;
padding-bottom:20px;
}

.feature-pagination a{
color:#e4efd9;
background-color:#669966;
border:1px solid #006600;
text-decoration:none;
padding:2px 5px 2px 5px;
margin-right:4px;
}

.feature-pagination a.current{
color:#fff;
background-color:#006600;
border:1px solid #006600;
}

.feature-pagination a:link{

}

.feature-pagination a:visited{

}

.feature-pagination a:hover{
border:1px solid #006600;
color:#fff;
background-color:#006600;
}

.feature-pagination a:active{

}

/* END PAGINATION *********************************************************/


#videoholder {
   width:600px;
   margin:auto;
   margin-top:5px;
   margin-bottom:20px;
   text-align:center;
   background-color:#e4efd9;
   border:#CCC solid 1px;
   padding:10px;
	
}

.mm_caption {
padding-top:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}