﻿body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

th
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	/*color: #666;*/
	
}

.textarea
{
	font-family: Arial, helvetica, sans-serif;
	font-size:13px;
}

form, H1, H2, H3, H4, H5
{
	margin: 0px;

}

H1{
	font-size:18px;
}

H2{
	font-size:16px;
}

a{
	text-decoration:underline;
	font-weight:normal;
	color:#D61C03;
}

a:HOVER{
	text-decoration:none;
	font-weight:normal;
	color:#D61C03;
}

.bodywhitebold { font: bold 11px Verdana,Arial,Helvetica,sans-serif; color: #ffffff; line-height: 15px; background-color:#007855;}

.green{
		background-color:#D9EDE2; /*background-color:#CBEBD9;*/
	}

.lhtGreen{
		background-color:#D9EDE2;
}
	
form{
	margin:0px;
}
/*---template elements---*/

.homeTable{
	/*background:url(Images/TemplateImages/homeTableBack.gif) repeat-y #ECF6F1;*/
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:15px;
	border-right:10px solid #D9EDE2;
	border-bottom:10px solid #D9EDE2;
}

#mainTable{
	/*background:url(Images/TemplateImages/menuBack.gif) repeat-y #D9EDE2;*/
	margin: 0 auto;
	width: 775px;
}
#header
{
	/*background-image: url(Images/TemplateImages/header.jpg);*/
	height: 121px;
	text-align: right;
	padding-right: 4px;
}
.search{
	width:120px;
	text-align:right;
	border:1px solid white;
	font-size:12px;
	color:#007855;
}
#menu{
	width:158px;
	
}
#menu2{
	width:158px;
	
}
.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
 
.clearfix {
	display: inline-table;
	/*background-image:url('Images/templateimages/contentBack.gif');
	background-position:170px 0px;
	background-repeat:repeat-y;*/
} 
 
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}  

.clearfix {
	display: block;
	/*background-image:url('Images/templateimages/contentBack.gif');
	background-position:170px 0px;
	background-repeat:repeat-y;*/
} 
/* End hide from IE-mac */

#content{
	width:598px;
	float:right;
}
#html{
	width:550px;
	padding-left:10px;
}
#title{
margin-right:20px;

}
#title H1{
	padding:3px;
	font-size: 17px;
	color:#007755;
	margin:0px;
	/*background-color:;	*/
	/*background:url(Images/TemplateImages/titleBack.gif) no-repeat bottom right #F6FBF8;*/
}
#breadcrumbs{
	border-bottom:5px solid #D9EDE2;
	height:20px;
	font-size:11px;
	color:#898989;
}
#breadcrumbs a{
	font-size:11px;
	color:#898989;
}
#date{
	color:#75B202;
	text-align:right;
	font-size:11px;
	padding-right:15px;
	height:20px;
	clear:both;
}
#footer{
	/*background-image:url(Images/TemplateImages/footer.jpg);
	background-repeat:no-repeat;*/
	height:40px;
	clear:both;
	padding-right:5px;
	padding-top:10px;
}
#words{
	color:white;
	font-size:11px;
	float:right;
	width:200px;
}
#words a{
	color:white;
	font-size:11px;
}
#link{
	width:100%;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;

}
#link a{
	color:#898989;
}
/*---increase and decrease font size----*/

div.content{
	width:596px;
	float:right;
	font-size:12px;
}
div.content td{
	font-size:12px;
}

div.content2{
	width:596px;
	float:right;
	font-size:14px;
}
div.content2 td{
	font-size:14px;
}
div.content3{
	width:596px;
	float:right;
	font-size:16px;
}
div.content3 td{
	font-size:16px;
}
div.content4{
	width:596px;
	float:right;
	font-size:18px;
}
div.content4 td{
	font-size:18px;
}

/*---Classifieds Styles---*/
/*
#classifiedsDesc{
	float:right;
	width:400px;
	padding-top:20px;
	text-align:center;
	padding-right:10px;
}
#classifiedsCont{
	margin-bottom:10px;
	border-bottom:1px solid white;
}
#classifieds3{
	text-align:left;
	border:1px solid white;
	font-weight:bold;
	background-color:#007855;
	width:100%;
	padding:5px;
	color:white;
}
#classifieds4{
	background-color:#CBEBD9;
	padding:5px;
}
.daaLogTextFieldNormall
{
	width:90px;
}
.daaLabelWidth80
{
	width:80px;
}
.daaLabelWidth48
{
	width:48px;
}
.daaLabelWidth384
{
	width: 384px;
}
#randomHomeTip{
	padding-left:5px;
	padding-right:5px;
}*/





.saveButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #eeeeee;
	background: #008a3f;
	border-color: #00cc33 #006633 #006633 #00cc33;
}



/*-- menu styles --

#menuJS = Left menu
#menuJSIG = Interest Groups menu (Only shows up under CPD IG's)

*/
#menuJS {
	width: 12em;
	background: #CBEBD9;
	width:158px;
}
/*#menuJSIG {
	width: 12em;
	width:550px;
	display:block;
}*/



#menuJS ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*#menuJSIG ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
	width:105px;
	font-weight:bold;
	color:white;
	background-color: #007855;
	text-align:center;
	border-right:1px solid #CBEBD9;
	height:40px;

}*/


#menuJS a {
	font: normal 11px/16px arial, helvetica, sans-serif;
	display: block;
	padding: 2px 3px;
	background: #CBEBD9;
	color: #464646;
	text-decoration: none;
}
#menuJSIG ul a,
#menuJSIG ul a:HOVER {
	font: bold 12px/16px Verdana, Geneva, Arial, helvetica, sans-serif;
	display: block;
	background: #007855;
	color: #FFFFFF;
	text-decoration: none;
	height:40px;
}

#menuJS a:hover {
	color: #D61C03;
	background: #E5F5EC;
	text-decoration: none;
}

#menuJS ul ul a{
	border-top:1px solid #56A383;
	border-left:1px solid #56A383;
	border-right:1px solid #56A383;
}
/*#menuJSIG ul ul a{
	border-bottom:1px solid #56A383;
	border-left:1px solid #56A383;
	border-right:1px solid #56A383;
	background-color: #CBEBD9;
	text-decoration:underline;
	font-weight:normal;
	color:#D61C03;
	font-size:11px;
	display: block;
}
#menuJSIG ul ul a:HOVER{
	border-bottom:1px solid #56A383;
	border-left:1px solid #56A383;
	border-right:1px solid #56A383;
	background-color: #CBEBD9;
	text-decoration:none;
	font-weight:normal;
	color:#D61C03;
	font-size:11px;
}*/


/*-- Arrow --*/
ul li span.arrow,
ul ul li span.arrow{
	position:		absolute; 
	display:		block; 
	right:			5px; 
	top:			5px; 
	width:			0px; 
	height:			0px; 
	border-top:		5px solid #CBEBD9; 
	border-bottom:	5px solid #CBEBD9; 
	border-left:	5px solid #56A383;
	font-size:		1px; 
	line-height:	0;
}

ul li:hover span,
ul ul li:hover span{
	position:		absolute; 
	display:		block; 
	right:			5px; 
	top:			5px; 
	width:			0px; 
	height:			0px; 
	border-top:		5px solid #E5F5EC; 
	border-bottom:	5px solid #E5F5EC; 
	border-left:	5px solid #56A383;
	font-size:		1px; 
	line-height:	0;
}


/*--menu positioning--*/
#menuJS ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	border-bottom:1px solid #56A383;
}
/*#menuJSIG ul ul {
	position: absolute;
	left:0px;
	top: 40px;
	width: 120px;
	border-bottom:1px solid #56A383;
}*/


#menuJS li {position: relative;}
/*#menuJSIG li {position: relative;}*/


/*-- menu display --*/
#menuJS ul ul,
#menuJS ul li:hover ul ul
{display: none;}
/*#menuJSIG ul ul,
#menuJSIG ul li:hover ul ul
{display: none;}*/


#menuJS ul li:hover ul,
#menuJS ul ul li:hover ul
{display: block;}
/*#menuJSIG ul li:hover ul,
#menuJSIG ul ul li:hover ul
{display: block;width:150px;}*/



/*Added by Fi*/
.words{
	color:white;
	font-size:11px;
	float:right;
	width:200px;
}
.words a{
	color:white;
	font-size:11px;
}

.MainFrame /* Used in frames - set this so that all the children of mstStandard are the same height (unless too big for this height, in which case this style is not used) */
{
	height: 440px;
}


/* Static Menu Item Style - allows the page to be opened when anywhere in the menuitem is clicked
	otherwise can only click on text to open page http://blogs.msdn.com/dannychen/ 
.smis a
{
	width: 100%;
	display: block;
	background-color: red;
	border-bottom: #56a383 1px solid;
	border-right: #56a383 1px solid;
	border-left: #56a383 1px solid;
}*/

/* Used on Learning Goals */
.tvw a:HOVER
{
	color: navy;
}

.tvw a
{
	color: navy;
}






