@charset "utf-8";
/* CSS Document */

html{
	height:100%;	
}
body{
	background-color:#fefeca;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:100%
}

/*************************************************************************
	Main Page
**************************************************************************/
.mainpage{
	margin-left:auto;
	margin-right:auto;
	background-color:#fafaf2;
	width:850px;
	min-height:100%;
	/*height:100%;*/
	border-color:#c29b24;
	border-style:solid;
	border-width:1px;
	/* Regular CSS3 box shadows (not inset): */
	-moz-box-shadow:0 0 6px #929292;
	-webkit-box-shadow:0 0 6px #929292;
	box-shadow:0 0 6px #929292;
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

/*************************************************************************
	Top Controls Container
**************************************************************************/
.mainpage .topcontrols-container{
	width: inherit;
	overflow:hidden;
	margin-top:15px;
	margin-bottom:10px;
}
.mainpage .topcontrols-container .topcontrols-left{
	float:left;
	width:50%;
	height:30px;
}
.mainpage .topcontrols-container .topcontrols-left{
	float:left;
	width:50%;
	height:30px;
	text-align:left;
}
.mainpage .topcontrols-container .topcontrols-left img{
	float:left;	
	margin-left:20px;
}
.mainpage .topcontrols-container .topcontrols-left a{
	font-size:12px;
	font-family:Arial, calibri, sans-serif;
	text-decoration:none;
	color:#353502;
	font-weight:bold;
	float:left;
	padding-left:10px;
	padding-top:7px;
}
.mainpage .topcontrols-container .topcontrols-left a:hover{
	text-decoration:underline;
}
.mainpage .topcontrols-container .topcontrols-right{
	float:left;
	width:50%;
	height:23px;
	padding-top:7px;
	text-align:right;
}
.mainpage .topcontrols-container .topcontrols-right a{
	font-size:12px;
	font-family:Arial, calibri, sans-serif;
	margin-right:20px;
	text-decoration:none;
	color:#353502;
	font-weight:bold;
}
.mainpage .topcontrols-container .topcontrols-right a:hover{
	text-decoration:underline;
}

/*************************************************************************
	Title Container
**************************************************************************/
.mainpage .title-container{
	width:inherit;
	height:150px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
}

.mainpage .title-container img{
	margin-left:80px;
	margin-right:auto;
}

/************************************************************************
	Menu container
*************************************************************************/
.mainpage .menu-container{
	width:inherit;
	height:66px;
	background-color:#CC6;
	font-family:Arial, calibri, sans-serif;
	font-size:14px;
	/* Regular CSS3 box shadows (not inset): */
	-moz-box-shadow:0 0 6px #929292;
	-webkit-box-shadow:0 0 6px #929292;
	box-shadow:0 0 6px #929292;
}
.mainpage .menu-container .line ul{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
.mainpage .menu-container a{
	float:left;
	width:203px;
	height:25px;
	text-decoration:none;
	font-weight:bold;
	color:#353502;
	padding:7px 4px 0px 4px;
	border-right:1px solid #818121;
	border-bottom:1px solid #818121;
	text-align:center;
}
.mainpage .menu-container a:hover{
	background-color:#bbbb54;	
}
.mainpage .menu-container a#rightmost{
	width:206px;
	border-right:none;
	border-bottom:1px solid #818121;
}
.mainpage .menu-container a#upper{
	border-top:1px solid #818121;
}
.mainpage .menu-container a#rightmost-upper{
	width:206px;
	border-right:none;
	border-bottom:1px solid #818121;
	border-top:1px solid #818121;
}
.mainpage .menu-container li {
	display:inline;
}

/************************************************************************
	Home page suggestions 
*************************************************************************/
.mainpage .suggestions-container{
	width:255px;
	height:970px;
	vertical-align:top;
	font-family:Arial, calibri, sans-serif;
	font-size:14px;
	margin:15px 10px 10px 10px;
	/* Regular CSS3 box shadows (not inset): */
	-moz-box-shadow:0 0 6px #929292;
	-webkit-box-shadow:0 0 6px #929292;
	box-shadow:0 0 6px #929292;	
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
}
.mainpage .suggestions-container .maintitle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:25px 0 10px 0;
	margin-bottom:10px;
	letter-spacing:2px;
}
.mainpage .suggestions-container .item{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding:10px 10px 10px 10px;
	margin-left:15px;
	margin-right:15px;
	border-top:#929292 solid 1px;
	width:205px;
	height:270px;
}
.mainpage .suggestions-container .item .title{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
}
.mainpage .suggestions-container .item table td.text{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	font-weight:normal;
	width:150px;
}
.mainpage .suggestions-container .item table td.picture { 
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC; 
	padding: 3px;
	margin:0;
	text-align:center;
	font: 11px Arial, sans-serif;
	width:200px;
}
.mainpage .suggestions-container .item table td.picture img { 
	border: 1px solid #CCCCCC;
	vertical-align:middle;	
	margin:0;	
	max-width:200px;
	max-height:120px;
}
.mainpage .suggestions-container .item table td.read-more{
	text-align:right;	
}
.mainpage .suggestions-container .item table td.read-more a { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353502;	
}

/************************************************************************
	Home page Content Container 
*************************************************************************/
.mainpage .content-container{
	width:520px;
	/*height:717px;*/
	vertical-align:top;
	background-color::#639;
	font-family:Arial, calibri, sans-serif;
	font-size:14px;
	padding:10px 20px 8px 20px;	
	line-height:23px;
	margin:15px 10px 10px 0px;
	/* Regular CSS3 box shadows (not inset): */
	-moz-box-shadow:0 0 6px #929292;
	-webkit-box-shadow:0 0 6px #929292;
	box-shadow:0 0 6px #929292;	
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
}

.mainpage .content-container h3{
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}

.mainpage .content-container p{
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

/********************************************************************************
	Texts
*********************************************************************************/
p img.floatLeft { 
    float: left; 
    margin: 4px;
	margin-right: 15px;
}
p img.floatRight { 
    float: right; 
    margin: 4px;
	margin-left: 15px;
}
p img.floatCenter { 
    float:none; 
    margin: 4px;
	margin-left: auto;
	margin-right: auto;
}
p img.floatRightClear { 
    float: right; 
    margin: 4px;
	margin-left: 15px;
	clear:right;
}

/************************************************************************
	Second page Category Menu Container 
*************************************************************************/
.mainpage .menu-container-category{
	width:790px;
	vertical-align:top;
	background-color::#639;
	font-family:Arial, calibri, sans-serif;
	font-size:14px;
	padding:0 20px 10px 20px;	
	line-height:22px;
	margin:0px 10px 10px 10px;
}
.mainpage .menu-container-category table.tbl-categories{
	width:100%;	
}
.mainpage .menu-container-category table.tbl-categories td.title h2{
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	padding-bottom:30px;
}
.mainpage .menu-container-category table.tbl-categories td{
	width:100%;
}
.mainpage .menu-container-category table.tbl-categories tr.subtitle td{
	border-bottom:#333 1px solid;	
}
.mainpage .menu-container-category table.tbl-categories tr.subtitle td .back .btn-back{
	background:url(../images/back-button.png) no-repeat 0 0;
	width:65px;
	height:30px;
	text-indent:-999999px;
}
.mainpage .menu-container-category table.tbl-categories td .subtitle h3{
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	margin-top:30px;
	padding-bottom:0px;
}
.mainpage .menu-container-category table.tbl-categories td .subtitle h3 a:hover{
	text-decoration:underline;
}
.mainpage .menu-container-category table.tbl-categories td .techobject h3{
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:15px;
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:#333 1px double;
}
.mainpage .menu-container-category table.tbl-categories td .techobject h3 a:hover{
	text-decoration:underline;
}
.mainpage .menu-container-category table.tbl-categories td .school-year h3{
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:5px;
	border-bottom:#333 1px dashed;
}
.mainpage .menu-container-category table.tbl-categories td .class-id h2{
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:5px;
	padding-left:20px;
}
.mainpage .menu-container-category table.tbl-categories td .item{
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 0 0 20px;
	margin-bottom:10px;
}
.mainpage .menu-container-category table.tbl-categories td .item:hover .student-data{
	text-decoration:underline;	
}
.mainpage .menu-container-category table.tbl-categories td .item:hover .project-title{
	text-decoration:underline;	
}
.mainpage .menu-container-category table.tbl-categories td .item:hover .project-title-1{
	text-decoration:underline;	
}
.mainpage .menu-container-category table.tbl-categories td .item .arrow{
	float:left;
	font-size:16px;
	font-weight:bold;
	padding-right:10px;
}
.mainpage .menu-container-category table.tbl-categories td .item .project-title{
	font-size:16px;
	font-weight:bold;
}
.mainpage .menu-container-category table.tbl-categories td .item .project-title-1{
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
}
.mainpage .menu-container-category table.tbl-categories td .item .project-title span{
	font-size:20px;
}
.mainpage .menu-container-category table.tbl-categories td .item .student-data{
	font-size:12px;
	font-weight:plain;
	font-style:italic;
	padding-left:20px;
}
.mainpage .menu-container-category table.tbl-categories td a{
	text-decoration:none;
	color:#333;
}
.mainpage .menu-container-category table.tbl-categories td a:hover{
	text-decoration:none;
	color:#333;
}
.mainpage .menu-container-category table.tbl-categories td.plain-text{
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}
.mainpage .menu-container-category table.tbl-categories td{
	vertical-align:top;
}

/************************************************************************
	Path Container
*************************************************************************/
.path-container{
	padding-top:20px;
	padding-left:35px;
	height:35px;
}
.path-container ul{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
.path-container li{
	display:inline;
	font-family:Arial, calibri, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
.path-container li a{
	color:#353502;
	text-decoration:none;
	margin:0 10px 0 2px;
}
.path-container li a:hover{
	text-decoration:underline;
}


/************************************************************************
	About Container
*************************************************************************/
.about-container{
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:850px;
	height:100px;
}
.about-container a{
	float:right;
	margin-right:20px;
	font-family:Arial, calibri, sans-serif;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	color:#353502;	
}
.about-container a:hover{
	text-decoration:underline;	
}

/************************************************************************
	Article Container
*************************************************************************/
.article-container{
	padding:20px 50px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  	font-size: 14px;
	line-height:26px;
}
.article-container p{
	text-align:justify;	
}