/*
 * Authentic Education Redesign
 * www.authenticeducation.org
 * December 2007
 * by Emily ! Duong
 */

/*-- General --*/
html {
	background: #ffcc33 url('../aeorg_images/layout/bg.gif') 50% 0% repeat-y;
}

body {
	margin: 0 auto;
	width: 786px;
	padding: 10px 0;	
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
}

img {
	border: 0;
	margin: 0;
	padding: 0;	
}

.clear {
	clear: both;
}

.right {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
}

.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	margin-top: 0;
}

.dottedline {
	width: 100%;
	height: 2px;
	background: url('../aeorg_images/layout/red_dot.gif') 50% 0% repeat-x;
	margin: 0;
	padding: 0;	
}

.orangeborder {
	width: 100%;
	height: 1px;
	background: #ff9900;
	margin: 0;
	padding: 0;	
}

.greenborder {
	width: 100%;
	height: 1px;
	background: #99cc99;
	margin: 0;
	padding: 0;
}

.gpw {
  font-size: 1em;
}

a {
	color: #0081A8;	
}
a:hover {
	text-decoration: none;
	color: #99CC99;	
}

a.big_title_link {
    text-decoration: none;
	color: #0081A8;	
	font-size: 1.1em;
}
a.big_title_link:hover {
	text-decoration: none;
	color: #99CC99;	
	font-size: 1.1em;
}


.center {
	text-align: center;	
	margin: 0 auto;
}

/*-- Header --*/
#toplinks { 
	list-style: none; 
	width: 781px; 
	padding: 0 0 5px 5px; 
	margin: 0; 
	float: right; 
	clear: both;
	border-bottom: 1px solid #fec144; 
}

#toplinks li { 
	padding: 2px 0 0 40px; 
	font: 10px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	text-transform: uppercase; 
	text-align: right; 
	float: right; 
}
	
#toplinks li a, #toplinks li a:visited { 
	color: #000; 
	text-decoration: none; 
}
	
#toplinks li a:hover { 
	color: #000; 
	text-decoration: 
	underline; 
}

#header {
	margin: 8px auto 4px auto;
	padding: 0;	
}

h3 {
	font-size: 1.1em;
	color: #333;
	margin: 0;
	line-height: 1.3em;
}

h4 {
	font-size: 1em;
	color: #333;
	margin: 0;
	line-height: .9em;
}

/*-- Navigation --*/
#menu {
	list-style-type:none; 
	margin: 0 auto;
	padding: 0;
    white-space:nowrap;
}

#menu li {
	display:block; 
	float:left; 
	position:relative; 
	z-index:100; 
	color: #333; 
}

#menu li span a {
	color: #333;
	text-decoration: none;	
	display:block; 
	z-index:100; 
	padding: 7px 4px 5px 4px;
}

#menu li:hover span a {
	display:block; 
	z-index:100; 
	padding: 7px 4px 5px 4px;
	color: #fff;
	background: #ff9900;
}

#menu li span#current {
	color: #fff;
	background: #ff9900;
	display:block; 
	z-index:100; 
	padding: 7px 4px 5px 4px;
}

#menu li span a em {
	display: none;
}

#menu li:hover span a em {
	display:block; 
	overflow:hidden; 
	border:6px solid #ff9900; 
	border-color:#ff9900 #fff; 
	border-width:6px 6px 0 6px; 
	position:absolute;
	top: 25px; 
  	left:50%; 
	margin-left:-6px;
	z-index:100;
}

#menu li.sep {
	display:block; 
	z-index:100;
	width: 4px;
	height: 4px;
	background: #ff9900;
	margin: 10px 3px;	
}

#menu dl {
	position:absolute; 
	top: 24px; 
	left:0; 
	margin: 0; 
	padding: 6px 0 0 0; 
	background: #fff;
}

#menu dt {
	margin:0; 
	float:left; 
}

#menu dd {
	display:none; 
	background: transparent; 
	clear:left; 
	margin:0; 
	padding:0; 
	color: #333; 
	text-align:left;
}

#menucat_dd {
	display:none; 
	background: transparent; 
	clear:left; 
	margin:0; 
	padding: 5px 10px; 
	color: #333; 
	text-align:left;
	font-weight:500;
}

#menu dt a, #menu dt a:visited {
	display:block; 
	color:#333; 
	padding: 5px 10px; 
	text-decoration:none;
}
	
#menu dd a, #menu dd a:visited {
	color:#333; 
	text-decoration:none; 
	display:block; 
	padding: 5px 10px;
}

#menu li a:hover {
	border:0;
}

#menu li:hover dd, #menu li a:hover dd {
	display:block;
}

#menu li:hover dl, #menu li a:hover dl {
	border-bottom:6px solid #B9050A;
	border-left: 1px solid #ff9900;
	border-top: 1px solid #ff9900;
	border-right: 1px solid #ff9900;
}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	color: #fff;
	background: #ff9900;
}

/*-- Content --*/
#wrapper {
	width: 100%;
	margin: 18px auto;	
}

h2 {
	margin: 0 0 2px 0;
	color: #b9050a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.35em;
}

p {
	font-family: Helvetica, Arial, sans-serif;
	margin: 6px auto;
	line-height: 1.4em;
	color: #333;
}


#content ul li, #content ol li {
	padding: 0;
	color: #333;
	line-height: 1.4em;
}
.red {
	color: #b9050a;	
}

.clients {
	color: #333333;
}

/*-- Sub Navigation on the Side --*/
#submenu {
	width: 120px;
	border-top: 2px solid #b9050a;
	margin: 10px 20px 0 0;
	padding: 5px 0 2px 12px;	
	list-style-type: square;
	color: #ff9900;
}
#submenu li {
	padding: 5px 0;
}
#submenu li a {
	text-decoration: none;
	color: #333;
}
#submenu li a:hover {
	text-decoration: underline;	
}

#welcome {
	width: 140px;
}

.quotes {
	color: #999;
	font-size: 1.1em;
	line-height: 1.2em;
}

.q_client {
	color: #999;
	font-size: .85em;
	line-height: .9em;
}

/*-- Footer --*/
#copy {
	margin-top: 6px;
	text-align: center;
	font-size: .8em;
	color: #999;	
}
#botlinks {	
	width: 100%;
	margin: 4px auto 1px auto;
	display: block;
}
#botlinks a img {
	border: 0;	
	margin: 0 11px;
}

/*-- For Big Ideas --*/
a.artTitleLink   {
	font-family: trebuchet ms;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	font-family:   Trebuchet MS;
	text-decoration: none;
}
a:visited.artTitleLink  {
	font-family: trebuchet ms;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	font-family:   Trebuchet MS;
	text-decoration: none;
}
a:hover.artTitleLink  {
	font-family: trebuchet ms;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	font-family:   Trebuchet MS;
	text-decoration: underline;
}

a.artRecLink   {
	font-family: trebuchet ms;
	color: #222222;
	font-size: 14px;
	font-weight: normal;
	font-family:   Trebuchet MS;
	text-decoration: none;
}
a:visited.artRecLink  {
	font-family: trebuchet ms;
	color: #222222;
	font-size: 14px;
	font-weight: normal;
	font-family:   Trebuchet MS;
	text-decoration: none;
}
a:hover.artRecLink  {
	font-family: trebuchet ms;
	color: #222222;
	font-size: 14px;
	font-weight: normal;
	font-family:   Trebuchet MS;
	text-decoration: underline;
}
.art_title 
{
	font-family: trebuchet ms;
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.art_preview 
{
	font-family: trebuchet ms;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
td.art_byline 
{
	font-family: trebuchet ms;
	color: #666666;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}
td.art_date 
{
	font-family: trebuchet ms;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
.article_list
{
	text-align: left;
}

a.article   {font-family:   Trebuchet MS;

			font-size:      17px;

			color:          #444444;

			text-decoration: none;

			font-weight:     bold;}

			
a:visited.article  {font-family:   Trebuchet MS;

			font-size:      17px;

			color:          #444444;

			text-decoration: none;

			font-weight:     bold;}
a:hover.article  {font-family:   Trebuchet MS;

			font-size:      17px;

			color:          #CCCCCC;

			text-decoration: underline;

			font-weight:     bold;}
#UbDResources {

	width: 549px;

	margin: 0 auto;

	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #333333;

	font-size: 12px;

}

#UbDResources h2 {

	font-size: 18px;

	font-weight: bold;

	margin: 0;

}

#UbDResources h3 {

	font-size: 14px;

	font-weight: bold;

	margin: 0 0 5px 0;

}

#UbDResources #nav {

	margin: 0;

	width: 546px;

	border-left: 1px solid #ff9900;

	border-right: 1px solid #ff9900;

	border-bottom: 1px solid #ff9900;

}

#UbDResources #nav a{

	font-size: 14px;

	color: #333;

	text-decoration: none;

}

#UbDResources #nav table {

	margin: 10px auto;

}

#UbDresources .block, #UbDResources .redBlock, #UbDResources .yellowBlock {
	padding: 10px 0;

	width: 546px;

}

#UbDResources .redBlock {

	border-bottom: 1px solid #cc0000;

}

#UbDResources .yellowBlock {

	border-bottom: 1px solid #ff9900;

}

#UbDResources .stgTitle {

	font-size: 14px;

	font-weight: bold;

	margin: 0;

}

#UbDResources .result {

	font-size: 14px;

}

#UbDResources .right {

	float: right;

}

#UbDResources .categories {
	font-size: 11px;
	color: #707070;

}

#UbDResources object {

	margin: 0;

	padding: 0;	

}