/* rules to display sections hidden by default - remove comment tags to enable */
p {
    text-align: justify;
   
} 

/*navigation bar CSS */


/* general */
div#content_section div#features {
	border-top:3px solid #ffffff;
	position:relative;
	height:331px;
	margin-bottom:10px;
}



div#navigation_bar {
background-color: #c3cdda;
display:block;
font-size:180%;
font-weight:bold;
    clear:both;
    padding: 0 15px 0 15px;
    position: relative;
    width: 959px;
    min-height:48px;
    margin: 0 0 0 0; 
    z-index: 60;
}

div#navigation_bar ul {
    list-style: none;
    list-style-position:outside;
    /*Jackie Removed 930px; to stop error report*/
    float: left;
    position: relative;
}

div#navigation_bar ul li {
    color: #c3cdda;
    float: left;
    font-size: 85%;
    padding: 15px 20px;
    position: relative;
    background: none;
}

div#navigation_bar ul li a {
    color: #00004C;
    border-bottom: none;
}

div#navigation_bar ul ul {
    background: #c3cdda;
    font-size:inherit;
    border: 1px solid white;
    z-index: 5;
    overflow: visible;
    width: auto;
    list-style-type: none;
    list-style-position: outside;
    width: 230px;
    padding: 4px 0 0 0!important;
    position: absolute;
    left: 0;
    top: 45px;
}

div#navigation_bar ul ul li {
float: none;
padding: 8px 2px;
clear: both;
display: block;
position: relative;
margin: 0 16px;
padding: 8px 2px;
text-transform: none;
list-style-image: none;
background: none;
}



/* Breadcrumbs CSS

div#breadcrumbs{
    display:block;
    float:left;
}

*/

/* Left navigation css */

div#subnavigation_section {
    width:200px;
    font-size:1.4em;
    float:left;
	margin-right:10px;
    min-height: 50px;
}
	div#subnavigation_section li {
		padding:8px 5px 0 10px;
		background:transparent url('/Images/website/navbullet.gif') no-repeat scroll 10px 13px;
	}
		div#subnavigation_section li a {
			background:transparent url('/Images/website/navdotslv1.gif') repeat-x scroll bottom left;
			padding:2px 5px 8px 13px;
			width:160px;
			display:block;
			
		}	
	div#subnavigation_section li.sys_selected {
		border:1px solid #ccc;
		background-color:#fff;
		position:relative;
		top:-1px; 
	}
		div#subnavigation_section li.sys_selected li.sys_selected {
			border:none;
			top:0;
		}
			div#subnavigation_section li.sys_selected li.sys_current a,
			div#subnavigation_section li.sys_selected li.sys_selected li.sys_current a {
				background-color:#F3F5F7;
			}
		div#subnavigation_section li.sys_selected a {
			background-image:none;	
			padding-top:5px;
			padding-bottom:5px;
		}
	div#subnavigation_section li.sys_last a {
		background-image:none;
	}
		div#subnavigation_section li li {
			padding:0;
			background-image:none;
		}
			div#subnavigation_section li.sys_selected li.sys_current li a,
			div#subnavigation_section li.sys_selected li a {
				background-image:url('/Images/website/navdotslv2.gif');
				background-color:#fff;
				padding-left:20px;
				width:150px;
			}
			div#subnavigation_section li.sys_selected li.sys_last a {
				background-image:none;
			}
				div#subnavigation_section li.sys_selected li.sys_selected li a {
					padding-left:30px;
					width:140px;
				}


/** Homepage feature columns **/

#sys_col ul
{
	margin: 0px;
}

#sys_col li
{
	font-weight: normal;
	font-size: 1em;
	background: none;
}

.sys_col
{
	float: left;
	width: 35%;
}

.sys_col_last
{
	float: left;
	width: 30%;
	background: none;
}

/** Landing page features **/

.sys_box {
width: 213px;
margin: 0 10px 10px 20px;
  padding-right: 20px;
float: left;
display: inline;
position: relative;
border-top: 1px solid #ccc;
background: #c5c3da;
padding: 11px;
}



/** Research Theme boxes **/


#research_container {
  width: 100%;
  margin-left: 10px;
}

#research_container h2{
  font-weight: bold;
  color: #ffffff;
  font-family: Verdana, sans-serif;
  
}

#research_container p{
  color: #ffffff;
  font-family: Verdana, sans-serif;
  
}

div#research_container a{
  color: #ffffff;
  font-family: Verdana, sans-serif;
}

#research_column {
  float: left;
		width: 47%;
  padding: 6px;
}

#research_column_home {
  float: left;
		width: 23%;
  padding: 6px;
}

#research_column a{
  color: #ffffff;
}

#research_column a.hover{
  color: #ffffff;
  text-decoration:underline;
}

#research_box_01 {
 padding:6px 10px 6px 10px;
 margin-bottom: 12px;
}


/* content cupboard */

.genericcontentCupboard
{
    float: left;
    width: 100%;
    padding-right: 5px;
  margin-right: 5px;
    background: url(/Images/website/accordion.gif) no-repeat 0 bottom;
    padding-bottom: 20px;
    /* Nasty hack for IE to stop the footer flipping up over long accordions */
    zoom: 1;
    
}

div.genericcontentCupboard p
{
    margin-bottom: 1em;
}

div.genericcontentCupboard p strong
{
    color: #2875B0;
}

div.genericcontentCupboard h2
{
    color:#2875B0;
  font-family: Arial, Helvetica, sans-serif;
}
    background: url(/Images/website/accordion.gif) no-repeat;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    padding-right: 10px;
    cursor: pointer;
}

div.genericcontentCupboard h2.sys_summary
{
   
    background: none;
    width: 100%;
    position: relative;
    margin-bottom: 1em;
}

div.genericcontentCupboard h2.sys_summary span
{
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    color: #2875B0;
    font-size: 0.8em;
    font-weight: bold;
    display: block;
    padding: 8px 9px 6px 6px;
    background: #f3f5f7;
}

div.genericontentCupboard h2.sys_collapse
{
    background: url(/Images/website/accordionexpand.gif) no-repeat;
}

 background: url(/generic/transform-autism-education/images/accordioncollapse.gif) no-repeat;



div.genericcontentCupboard h2.sys_expand
{
    background: url(/Images/website/accordioncollapse.gif) no-repeat;
}

div.genericcontentCupboard div
{
    padding-top: 0.5em;
   width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
/* end generic content cupboard */


/**Footer minimap **/

div#miniMap
{
	overflow: hidden;
 display:block;
	height: 1%;
	padding-bottom: 20px;
	background: transparent url('/Images/website/dotsfooter.gif') repeat-x scroll bottom center;
}

div#miniMap1
{
    float:left;
    width:45%;
    background: white;
}

div#miniMap2
{
    float:right;
    width:55%;
    background: white;
}

/** Headings **/


div#logo {
    float:left;
    margin: 20px 0 10px 10px;
  
}



h1
{color: #1B4D73;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

h2
{
  color:#2875B0;
  font-family: Arial, Helvetica, sans-serif;
}

h3 { font-size:0.875em; color:#2875B0;}

/** Right hand column **/

div#related_section
{
  width: 190px;
margin-top: 10px;
}

div#related_section
a
{
    color: #007da5;
    font-family: Verdana, sans-serif;
}
p
{
    font-family: Verdana, sans-serif;
}

/** Main content section **/

#content_section
a
{
    color: #00004C;
    font-family: Verdana, sans-serif;
}
p
{
    font-family: Verdana, sans-serif; margin-right:15px;
}

img src="greek-team.jpg" {padding-right: 15px; padding-left: 0px; padding-bottom: 10px;}

img  {padding-right: 15px; padding-left: 15px; padding-bottom: 10px;}


/* Feature Boxes on main page */ 

.firstbox {
    background:#ffffff no-repeat scroll 10px 10px;
    border-top:1px solid #ccc;
    width:200px;
    float:left;
    padding:0px 0px 0px 0px;
    margin: 10px 0px 0px 15px;
}

.otherbox {
    background:#ffffff no-repeat scroll 10px 10px;
    border-top:1px solid #ccc;
    width:200px;
    float:left;
    padding:0px 0px 0px 10px;
    margin: 10px 0px 0px 25px;
}

    .firstbox p,
    .otherbox p {
         margin-left: 0px;
        margin-bottom:1em;    }
        
    .firstbox ul li, 
    .otherbox ul li {
        margin-left: -39px;
    	margin-top: -5px;	
    }

div#features {
    border-top: none;
    position: relative;
    height: 331px;
  margin-bottom: 10px;}