body{
	font-family:Verdana;
	font-weight:normal;	
}

p{
font-weight:normal;		
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 0;
    height: 0;
}

html>body .clearfix {
    height: auto;
}

.clear {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    font-size: 1px;
    margin: 0;
    padding: 0;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

div.directoryLeftColumn{
	width:290px;
	float:left;
	margin-top:20px;
	}
	
	div.directoryRightColumn{
	width:290px;
	float:right;
	margin-top:20px;
	margin-left:20px;
	}
	
	div.directoryRightColumn h2{
		margin-top:20px;
	}

div.directoryRightColumn a{
	display:block;
	}

.textAlignRight{
	text-align:right;
}

.half{
width:300px;	
}

textarea{
	font-size:130%;
	font-family:Arial;	
}

#header-kx a, #header-vmc a, #header-chin a, #header a{
	text-decoration:none;	
}


#header-kx a:hover, #header-vmc a:hover, #header-chin a:hover, #header a:hover{
	text-decoration:underline;	
}

a {
color:#3399CC;
}

a:hover{
	color:#CC6600;
}



h1 {
color:#494A4C;
font-size:1.8em !important;
margin:0 0 3px;
}

/* Top Nav
*******************************************************************************/

/* Located in vle.jsp 
#header-kx{
	background:url(../images/kx-header-bg.gif) repeat-x;
}
#header-chin{
	background:url(../images/chin-header-bg.gif) repeat-x;
}
#header-vmc{
	background:url(../images/vmc-header-bg.gif) no-repeat;
}

#header-kx .header-overlay{
	background:url(../images/header-kx-logo.jpg) no-repeat;
}
#header-chin .header-overlay{
	background:url(../images/header-chin-logo.jpg) no-repeat 0 0;
}
*/


#header-kx p{
	color:#f0c79d;
	left: 50px;
}
#header-chin p{
	color:#fff;
	position:absolute;
	left:50px;
}
#header-chin p span{
	color:#fff;
}


/*  Overall Header Nav styles 
*******************************************************************/
.header-dropdown {
	width:1024px;
	height: 11em;
	position:relative;
	display:none;
}
.header-dropdown h1{
	width:500px;
	height: 11em;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	font-size: 1em;
}
.header-dropdown p{
	width:300px;
	position:absolute;
	top:20px;
	font-style:italic;
	padding-bottom:20px;
}
.header-dropdown p span{
	width:300px;
	color:#f0c79d;
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
}
ul.header-dropdown-nav {
	list-style: none;
	width: 540px;
	margin-bottom:0;
	position:absolute;
	top:25px;
	right:0;
	font-size: 1.1em;
}
#header-kx ul.header-dropdown-nav, #header-vmc ul.header-dropdown-nav { width: 570px; }
#header-chin ul.header-dropdown-nav {
	width:560px !important;
}
ul.header-dropdown-nav li{
	width:120px;
	float:left;
	color:#fff;
	text-align:left;
	margin:0;
}
#header-chin ul.header-dropdown-nav li{
	width:140px !important;
}
#header-kx ul.header-dropdown-nav li, #header-vmc ul.header-dropdown-nav li {
	width: 190px;
}
ul.header-dropdown-nav li.wider-column{
	width:165px !important;
}
ul.header-dropdown-nav li a{
	display:block;
	color:#fff;
	text-align:left;
	padding: 0 0 8px;
}
ul.header-dropdown-nav li a:hover{
	color:#fff;
	text-decoration:underline;
}

#header-vmc h1 {
width:186px;
}

#header-kx h1 {
width:500px;
}

#header-chin h1 {
width:265px;
}


.header-dropdown h1 {
display:block;
font-size:1em;
height:11em;
left:0;
position:absolute;
text-indent:-9999px;
top:0;
width:500px;
}

/*  Global Top Nav styles 
******************************************************************************************** */

#pageWrapper ul#global-nav{
	width:513px;
	height:30px;
	list-style-type:none;
	background:#dc2771;
	margin:0;
	padding-left:511px;
	position:relative;
}
#pageWrapper ul#global-nav li{
	height:30px;
	float:left;
	color:#fff;
}
#pageWrapper ul#global-nav li.last a{
	border-right:0 !important;
}


#pageWrapper ul#global-nav li a{
	height:30px;
	display:block;
	color:#ccc;
	text-transform:uppercase;
	font-weight:normal;
	text-indent:-9999px;
	border-right:1px solid #fff;
	/* Located in vle.jsp
	background:url(images/global-nav.gif) no-repeat;
	*/
}


#pageWrapper ul#global-nav li a:hover{
	color:#fff;
}
#pageWrapper ul#global-nav li#global-kx a{
	background-position:0 0;
	width:175px;
}





#pageWrapper ul#global-nav li#global-vmc a{
	background-position:-177px 0;
	width:198px;
}



#pageWrapper ul#global-nav li#global-chin a{
	background-position:-377px 0;
	width:138px;
}

.french ul#global-nav li#global-vmc a{
		background-position:-177px 0 !important;
		width:198px !important;
}


.french ul#global-nav li#global-kx a{
	background-position:0 0 !important;
	width:175px !important;
}



.french ul#global-nav li#global-chin a{
	background-position:-377px 0 !important;
	width:138px !important;
	
}



#pageWrapper ul#global-nav ul{
	height:20px;
	list-style-type:none;
	position:absolute;
	top:26px;
	display:none;
	margin-left:-50px;
	z-index:30;
	line-height:normal;
}


/* Banner
************************************************************************/
#pageWrapper #pageHeader {
	width:1024px;
	border-top:1px solid #31373b;
	position:relative;
}

#pageWrapper #pageHeader h1{
	width:170px;
	height:112px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	bottom:0;
	left:0;
}


#pageWrapper #pageHeader #banner {
/* Located in vle.jsp background:transparent url(../images/header-bg.png) no-repeat scroll 0 0;*/
height:78px;
width:1024px;
padding:0;
}



#pageWrapper #pageHeader #banner img{ 
  float:left;
}


/*Content Wrapper 
***********************************************************/

#pageWrapper #contentWrapper {
clear:both;
background:#F0F2F0 none repeat scroll 0 0;
width:1024px;
}



/* Site Nav styles 
******************************************************/
#pageWrapper #content #site-nav{
	width:1024px;
	height:31px;
	float:left;
}
#site-nav ul#main-nav{
	float:left;
	width:1024px;
	height:31px;
	background:#111;
	padding-bottom:0 !important;
	font-size: 1.3em;
	list-style:none;
}
#site-nav.fr ul#main-nav { font-size: 1.1em; }
ul#main-nav li{
	height:31px;
	float:left;
	padding-right:1px;
	/* Located in vle.jsp background: url(../images/site-nav-separator.gif) no-repeat 100% 0; */
}
ul#main-nav li a{
	height:31px;
	float:left;
	padding:0 10px;
	display:block;
	/* Located in vle.jsp background: url(../images/site-nav-item-bg.jpg) no-repeat 0 0; */
	line-height:31px;
	color:#fff;
	text-decoration:none;
}

.french ul#main-nav li a{
	font-size:85%;
	}
ul#main-nav li.login{ /* login link */
	background:none;
	float:right;
	font-size: .85em;
}
.fr ul#main-nav li.login { font-size: 1em; }
ul#main-nav li.login a{ 
	background:none;
	color:#87ddf8;
	font-size:85%;
}
ul#main-nav li.login a:hover{ 
	color:#fff;
}
ul#main-nav li a:hover,
.home ul#main-nav li.home a,
.exhibits ul#main-nav li.exhibits a,
.gallery ul#main-nav li.gallery a,
.museums ul#main-nav li.museums a,
.teachers ul#main-nav li.teachers a,
.news ul#main-nav li.news a,
.about ul#main-nav li.about a,
.myVMC ul#main-nav li.myVMC a  {
	text-decoration:none;
	background-position:0 -31px;
}

/*Content
***********************************************************/

#pageWrapper #content{
font-size:1em !important;
		
}
#pageWrapper #content #textContent { 
	padding: 0 20px 20px 0; 
}

/* LOGIN
*****************************************************************/


/*Tabs
****************************************************************/
#userArea{
	margin-bottom:10px;
	margin-top:-10px;
}
#sort-nav {
	/*background: url(../images/sort-by-bg.jpg) 0 0 no-repeat;*/
	clear: both;
	margin:0;
	margin-bottom: 5px;
	
}

#sort-nav ul{
	float: left;
	font-size: 1.1em;
	list-style-type:none !important;
	padding-bottom:2px;
	
} 
#sort-nav ul li{
height:2.2em;
line-height:2.2em;
border-left:1px solid #CCC;
float:left;
}


#sort-nav ul li a{
	text-decoration:none;
}

#sort-nav ul li a:hover{
	text-decoration:underline;
}

#sort-nav ul li#sort-by{
	font-size: .91em;
	padding: 1px 3px 0 9px;
	line-height:26px;
	height:23px;
	color:#439ee0;
}
#sort-nav ul li a{
	padding: 0px 6px;
	color:#439ee0;
}

#sort-nav ul li.active{
	font-weight:bold;
	height:2.8em;
	padding:0 0 0 25px;
	color:#fff;	
    position:relative;
	border:0;
}

#sort-nav ul li.active a{
	color:#666666;
	cursor:text;
	padding:5px 15px 12px 0;
	display:block;
	cursor:text;
}

#sort-nav ul li.active a:hover{
	text-decoration:none;	
}

#sort-nav ul li a:hover{
	text-decoration:underline;
}
#sort-nav ul li#add-to-kx{
	float:right;
	width:auto;
}
#sort-nav ul li#add-to-kx a{
	text-decoration:none;
	padding-right:20px;
	/*background:url(../images/grey-circle-arrow.gif) no-repeat 97% 55%;*/
	color: #3399cc;
}
#sort-nav ul li#add-to-kx a:hover{
	text-decoration:underline;
}


div#greyBox{
padding-bottom:20px;	
}

ul#secondaryNav, div.headerText  ul{
	list-style:none;
	margin-bottom:20px;
}

ul#secondaryNav li, div.headerText  ul li{
 float:left;
 list-style:none;
 margin:0 3px;
 border-right:1px solid #ccc;
 padding-right:6px;	
}

ul#secondaryNav li.first, div.headerText  ul li.first{
	margin-left:0 !important;
}

ul#secondaryNav li.active a{
	color:#000 !important;
	font-weight:bold;
	text-decoration:none;
}

ul#secondaryNav li.last, div.headerText  ul li.last{
	border:0 !important;
}

.french ul#secondaryNav li, .french div.headerText  ul li{

	}


/*left Bar
********************************************************/
#sideContent h2 {
color:#666666;
font-size:1.05em;
font-weight:bold;
margin:0 0 3px 8px;
}
#sideContent ul {
font-size:1em;
margin:0 0 10px 17px !important;
list-style:none;
}

#sideContent ul li {
margin-bottom:2px !important;
list-style:none;
}

#sideContent ul li  a{
	text-decoration:none;
}
	
#sideContent ul li  a:hover{
	color:#CC3366;
}	




/*Right Bar
***********************************************************/
#pageWrapper #extraContent h4 {
color:#666666;
font-size:1em;
margin:2px;
font-weight:normal;
}

.callout{
	width:173px;
	border:1px solid #ebebeb;
	background:#fff;
	padding:8px;
	margin-bottom:1px;
}

.rounded-top{
	/*background:url(../images/extra-callout-bg.gif) no-repeat 0 0;*/
	border-bottom: 1px solid #ebebeb;
	width:175px;
}
.rounded-bottom{
	/*background:url(../images/extra-callout-bottom-bg.gif) no-repeat 0 100% !important;*/
	border-top: 1px solid #ebebeb;
	width:175px;
}
.callout img{
	margin-bottom:8px;
}
.callout .heading{
	font-size: 1.2em;
	display:block;
}
.callout .byline{
	font-size: 1em;
}
#extraContent .headline{
	margin-top:5px;
	padding:5px 8px;
}

#sideContent .search_btn {
    /*background: url("../../images/search-btn.png") no-repeat scroll -1px transparent;*/
    position:relative;
    right:0px;
    top:6px;
}

#search_input {
    margin: 8px;
}
#search_button {
    position:relative
}

#extraContent .search_description {
    margin: 0pt; font-size: 1.1em;
}

.callout h5{
	font-size: 1.3em !important;
	color:#666 !important;
	margin:0 !important;
	font-weight:bold;
}
.callout ul li{
	margin-bottom:10px;
	padding-left:15px;
	font-size: .91em;
	list-style:none;
}
.callout ul li a, .callout span.heading a, .callout span.byline a{
	text-decoration:none;
}


.callout ul li a:hover{
	color:#cc3366;
}
.callout ul li.current{
	/*background:url(../images/grey-arrow.gif) no-repeat 2px 3px;*/
}
.callout ul li.current a{
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}

.expando{
	padding:4px 0 4px 8px !important;
	width:183px !important;
}
.expando ul{
	width:183px;
	margin-bottom:2px !important;
}
.expando ul li{
	padding:0 !important;
	font-size: 0.82em !important;
	float:right;
	margin-right:5px;
	margin-bottom:0 !important;
}
.expando ul li.expand{
	float:left;
}
.expando ul li a{
	color:#39c !important;
	text-decoration:none;
}
.expando ul li a:hover{
	color:#c60 !important;
}

.expando .more{
	margin-top:5px;
	padding-right: 5px;
	display:none;
}

div#username{
   background:url(../../images/username_bg.png) no-repeat scroll left top transparent;
   height: 32px;  
   margin-left:-8px;
   margin-top:-13px;
}
p.left{
   position:relative;
   top:8px;
   left:8px;
}

a.noUnderline{
   text-decoration:none;
}
/*Search ******************/
div#search {
    background: url(../../images/search_bg.png) no-repeat scroll 0 2px transparent;
    height: 40px;
    margin: 0 0 15px;
}
body.home div#search { margin-top: 70px; }
body.exhibits div#search { margin-top: 96px; }

div#search form{
	float:left;
	width:191px;
	padding-left:9px;
}

#search input.search-field{
        height:17px;
	width:104px;
	border: 1px solid;
	border-color: #999999 #999999 #cccccc #cccccc;
	/*background:url(../images/search-field-bg.gif) repeat-x;*/
	font-size: 1.1em;
	color: #424344;
        position:relative;
        top:-6px;
}
#search input.search-btn{
        position:relative;
        margin-top: 8px;
}

div.search-text{
        position:relative;
        top:-6px;
}
/*Footer
************************************************************/




#footer {
	position: relative;
	width: 1024px;
}
#footer a#goc-link {
	/*background: url(../images/footer-goc-fip.gif) 0 0 no-repeat;*/
	float:left;
	height: 67px;
	width: 141px;
}
#footer ul {
	font-size:90%;
	left:156px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	top:21px;
	width:640px;
}
#footer ul li {
	color: #999;
	float: left;
	margin: 0 0 1px;
	text-align: right;
	width: 180px;
}
#footer ul li a { 
	color:#ea3b7b; 
	text-decoration:none;
	}
#footer ul li a:hover { 
	color: #fff; 
	text-decoration:none;
	}
#footer ul#sister-sites {
	left: auto;
	right: 33px;
	text-align: right;
	width: 190px;
}
ul#sister-sites li { width: 190px; }


/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer {
	/*background: url(../images/utility_bg.gif) 0 100% repeat-x;*/
	border-bottom: 2px solid #fff;
	border-top: 1px solid #000;
	clear: both;
	padding-bottom: 1em;
	padding-top: 15px;
	position: relative;
	text-align: left;
	width: 1024px;
}


div.footer a{
	font-weight:normal;
	}
/*=footer column
-----------------*/
div.footer .col {
	float: left;
	position: relative;
}
div.footer .col h2 {
	color: #31363b;
	font-size: 1.25em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 8px;
}
div.footer .col h3 {
	font-weight: normal;
	color: #31363b;
	margin: 0;
	font-size: 1em;
	}
div.footer .oval-btn {
text-decoration:none;
	color: #31363B;
	padding: 4px 0 4px 10px;
	}
div.footer .oval-btn span {

	padding: 4px 22px 4px 0;
	}
div.footer .oval-btn:hover {
	background-position: bottom left;
	}
div.footer .oval-btn:hover span {
	background-position: bottom right;
	}
	
/* support
******************************************************************************/
div.footer #support {
	width: 284px;
	padding-left: 20px;
	min-height:110px;
	height: auto !important;
	height:110px;
}
div.footer #support h2 {
	margin-bottom: 6px;
	}
div.footer ul.footer-items {
	list-style: none;
	margin: 0 7px 12px 0 !important;
	padding: 0;
	font-size: 1em;
}
div.footer ul.footer-items li {

	padding: 2px 0 2px 16px;
}
div.footer ul.footer-items li.sub {
	background-image: none;
	padding-left: 0;
} 
div.footer ul.footer-items li.action {
	background-image: none;
	padding-left: 0;
}
div.footer ul.footer-items li a { text-decoration: none; }

div.footer p.footer-items {
    float:right;
}
li.actionFr {
list-style:none !important;
}

div.footer ul.footer-items li.actionFr {
	background:none; 
list-style:none !important;
margin-left:-15px;
}

/* members
******************************************************************************/
div.footer #members {
	width: 285px;
	font-size: 1em;
	padding-left: 143px;
        min-height: 95px;
}
div.footer #members h3 {
	color: #333;
	margin: 0 0 3px 0;	
}
div.footer ul.footer-items-members {
	float: none;
	list-style: none;
}

/* subscribe
*************************************************************************/
div.footer #subscribe {
	width: 256px;
	float: left;
	padding-left: 21px;
}
div.footer #subscribe h3 {
	color: #333;
	font-size: 1em;
	margin: 0 0 3px;	
}
div.footer #subscribe-form ul {
	color: #333;
	font-size: 1em;
	margin-bottom: 12px !important;
}
div.footer #subscribe-form li.subscribe { position: relative; }
div.footer #subscribe input,
div.footer #subscribe label { vertical-align: middle; }
div.footer input#subscribe-email{
	color: #999;
	width:156px;
	height:12px;
	margin-top:8px !important;
	padding:2px !important;
	font-size: .9em;
	float:left;
}












/*Misc
*********************************************************/
input#username, input#password{
/*background:url(../images/search-field-bg.gif) repeat-x 0 0;*/
border:1px solid #CCC;
margin-bottom:10px;
}

input.button, .agoraBtn{
/*background:url(../images/button-bg.jpg) 0 0 repeat-x #969696;*/
color:#fff;
border:1px solid #ccc;
width:auto;
padding:3px;
}



/* News Page */

div.headerText{
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
	margin-bottom:20px;
	
}

p.quote{
	font-style:italic;
}

div.headerText h2{
	font-weight:normal;	
}

div.headerText a.message{
	color:#DC2771;	
	font-weight:bold;
}

div.box{
	width:280px;
	float:left;	
}

div.box h4{
	margin-bottom:10px;
	font-size:120%;
}

div#learningObjects{
	border-right:1px solid #CCC;
	padding-right:20px;	
}

div#lessons{
	margin-left:20px;
}

div.boxItems{
	margin-bottom:10px;	
}

div#learningObjects img{
	float:left;

}

div#learningObjects p{
	float:left;
	width:185px;
	margin-left:8px;
}

div#learningObjects a.objectiveTitle{
	display:block;
}

div#learningObjects h4, div#lessons h4{

	}

/* Message Centre 
***********************************************/

#messageControls{
	padding-top:3px;
	}

legend.messageFolderLegend{
margin-bottom:20px;
font-size:120%;
}
#messageControls a{
	margin-right:10px;
	border-right: 1px solid #CCC;
	padding-right:10px;
}

#messageControls a.last{
	border:0;
	padding:0;
	margin:0;
}

div.messageCenterFooter{
	border-top:1px solid #CCC;
	padding-top:20px;
	margin-top:20px;
	
}

div.message{
	padding-top:10px;
	margin-top:10px;
}

    div.inboxMessage{
    clear:left;
    margin-bottom:0px;
    }
    
    div.messageTitles{
    	padding-bottom:10px;
    	padding-top:0;
    	font-weight:bold;
    }

	div.checkBox{
		float:left; 
		display:inline;
		width: 15px;
		height:15px !important;
		padding-bottom:5px;
	}
	
	div.checkBox input{
	}
	
    div.messageFrom{
    float:left; 
    display:inline;
    width: 60px;
    margin-left:15px;
    padding-top:3px;
    }
    
    div.messageDate{
    float:left; 
    display:inline;
    width: 80px;
    margin-left:10px;
    padding-top:3px;
    }
    

    div.messageSubject{
	    float:left; 
	    display:inline;
	    width: 400px;
	    margin-left:10px;
	    padding-top:3px;
    }
    
    div.returnToInbox{
     clear:both;
     width:100%;
     padding-top:15px;
     font-size:120%;
    }
    
    div.headerLabel{
    	float: left;
    	display:inline;
    	width: 55px;
    	font-weight:bold;
    }
    
    div.headerMessage{
    	float:left;
    	display:inline;
    	width:500px;
    	margin-left:15px;
    }
    
    div.headerRow{
    	margin-bottom:4px;
    }
    
/* =Blog
***************************************************************/

div.blogRow{
	margin-bottom:5px;
	}
div.blogTitleRow{
	font-weight:bold;
	margin-bottom:10px;
	}

div.blogTitle{
	float: left; width: 410px;
	}
	
div.blogDate{
	float: left; width: 75px;margin-left: 5px;
	}

div.blogDateModified{
	float: left; width: 75px;
	
	}
	
div.blogAuthor{
	float: left; width: 100px;
	}

div.blogTitle-author{
	float: left; width: 305px;margin-left: 5px;
	}

	
div.deleteBlog{
		float: left; width:5px;
		
	}	
	
div.deleteBlog a, a.deleteBlog{
		color:#DC2771;
	}
h2.blogSectionTitle{
	font-size:140%;
	color:#494A4C;
	margin-top:30px;
	clear:both;
	}
div.blogButtons{
	margin-top:15px;
	}

	div.blogPost{
		border-bottom:1px solid #999;
		padding-bottom:20px;
		margin-bottom:10px;
	}
	div.blogMessage, div.blogDetails{
		margin-top:10px;
	}
	
	div.blogEntryRow{
		margin-bottom:10px;
	}
	
	div.blogEditDelete{
		float:right;
	}
	div.postComments{
	width: 100%; text-align: right;
	}
	
	div.blogMessageTitle, div.blogMessageDate{
		clear:right;
	}
	
	div.blogMessageTitle span, div.blogMessageDate span, span.blogDateCreated, span.blogDateUpdated, label.blogTitle, span.blogLegends{
		font-weight:bold;
	}
	
	div.blogLegend{
		margin-bottom:20px;    
	}
	
	textarea#blogEntry, textarea#text2{
	display:block;
		margin-bottom:20px;
	}
	
	div.blogCommentsLegend{
	margin-bottom:20px;
	}
	
	legend.blogCommentsLegend{
		font-size:120%;
		font-weight:bold;
	}
	
	a.deleteBlog{
	float:right;
	}
	
	.removed{
	font-weight:bold;
	color:#DC2771;
	}
	
/* Wiki
********************************/
span.createWiki{
	float:left;
	}
	
span.orderWiki{
	float: right;
	margin-right: 6px;
	}	
	
div.wikiPost{
	margin-bottom:bold;
	clear:both;
	margin-bottom:3px;
	}
	
	
div.wikiHeader{
		font-weight:bold;
		margin-bottom:10px;
	}
		
div.wikiClass{
	float: left; width: 50px;
	}

div.wikiTitle{
		float: left; width: 350px;
	
	}
	
div.wikiDateCreated{
		float: left; width: 75px;
	
	}

div.wikiDateUpdated{
	float: left; width: 75px;
	}
div.wikiDelete{
	float: left; width: 50px;
	}

div.wikiDelete a{
	color:#DC2771;
	}
	
	span.wikiBold{
		font-weight:bold;
	}
	
	
	div.headerDetails{
	margin-top:15px;
	}
	
	div.wikiEntryDetails{
		margin-top:5px;
	}
	
	div.wikiPost{
		margin:10px 0;
	}
	
	div.wikiFormElements{
		margin-bottom:20px;
	}
	
	textarea.myInput{
		margin-bottom:20px;
	}
	
	/*Account
	*****************************************/
	
	table.accountInfo{
		border-bottom:1px solid #999;
		padding-bottom:10px;
			border-collapse:separate;

	}
	
	table.accountInfo th{
		font-weight:bold;
		text-align:left;
		padding-bottom:10px;
	}
	
	table.accountInfo td{
		padding-bottom:3px;
	}
	
	select.userProfileDropDown{
	width: 180px;
	margin: 10px 0 10px 0;
	display:block;
	}
	
	a.remove{
		color:#DC2771;
	}
	
	table.accountFeatures{
	 margin:0 0 10px 0;
	}
	

	table.accountFeatures td.tableTitles{
		width:250px;
		font-weight:bold;
		padding-top:10px;
	}
	
	div.selectedSubjects{
	width: 250px; 
	float: left;
	}
	
	div.footerButton, div.additionalText{
		margin:20px 0 10px 0;
		clear:both;
	}
	
	
	select.studentDropDown{
		width: 180px; margin: 10px 0 20px 0;
		display:block;
	}
	
/*Help
******************************/

h2.helpTopic{
margin:15px 0 5px 0;
}
div.helpContent{
	
}

div.leftF{
	float:left;
} 

div.width100{
	width:100px;
}

div.width500{
	width:500px;
}

div.helpRow{
	margin-bottom:10px;
}

a.marketingTryIt{
	color:#DC2771 ;
}

h2.sectionTitle{
font-size:140%;
}

div.helpSection{
	margin-bottom:30px;
}

table.tutorialMenu td{
	padding:0px 15px 3px 0;
}

div#tutorialarea{
	margin-top:20px;
}

/*Resources
*************************************/

div.resourceBody{
margin-bottom:20px;
}

div.floatLeft{
	float:left;
	margin-top:10px;
}

div.resourceAltLearning{
	width: 145px;
	}

div.resourceContent{
	width:440px;
}

/*BookMarks
****************************************/

div.removeLink{
text-align: right;
left:455px;
position:absolute;
text-align:right;
top:0;
width:150px;
}

h2.bookmarkTitle{
margin:15px 0 5px;
}

div.bookmarkRow{
margin:5px 0;
position:relative;
}

div.lessonName, div.lessonProject{
margin-right:10px;
}

/*lessons
*******************************************/
div.headerText h2.createLesson{
margin-bottom:10px;
font-size:120%;
font-weight:bold;
color:#DC2771;
margin-top:20px;
}

div.createLessonSteps{
margin-bottom:5px;
}


span.lessonButtons{
float:left;
	margin:20px 0 10px;
}

span.lessonOrderBy{
float:right;
margin:20px 0 10px;
}

div.lessonRow{
	margin-bottom:10px;
}
div.lessonTextRow{
	margin-bottom:3px;
	}
div.lessonHeaders{
	font-weight:bold;
	margin-bottom:20px;
}

div.lessonHeaderText{
	margin-top:20px;
	
	}

div.lessonTitleText{
	float:left;
	width:180px;
}
div.lessonEdit{
	float:left;
	width:90px;
}
div.lessonDateCreated{
	float:left;
	width:90px;
}
div.lessonDateModified{
	float:left;
	width:90px;
}
div.lessonStatus{
	float:left;
	width:60px;
}
div.lessonFeedback{
	float:left;
	width:90px;
}


div.lessonPoints{
	font-weight:bold;
	font-size:110%;
	margin-bottom:20px;
}

div.lessonPoints img{
	vertical-align:middle;
}


td.tableHeader{
	padding-bottom:3px;
	font-weight:bold;
}

td.tableValue{
	padding-bottom:10px;
}


div.lessonAddInfoTitle{
	float:left;
	width:500px;
	}
div.lessonToggleOrder{
width:30px;
float:right;
}

div.lessonEditDelete{
	width:90px;
	float:left;
}

div.stepTwoButtons{
	float:left;
	width:120px;
	margin-right:15px;
}

div.lessonAddButton{
	float:left;
	width:50px;
}

div.lessonAddText{
	float:right;
	width:530px;
}

div.lessonHeaders{
	margin:20px 0 10px;
}

/*CLass
*******************************************/

td.classValue{
	padding-bottom:3px;
}


div.classTitles{
	float:left;
	width:250px;
	}
div.classDateCreated{
	float:left;
	width:90px;
	}
div.classDateUpdated{
	float:left;
	width:90px;
	}
div.classMakeViewable{
	float:left;
	width:140px;
	}
div.classRow{
margin-bottom:3px;
}

div.buttonFooter{
	margin-top:20px;
}

/*Login
*****************************************/
h2.introTitles{
	color:#DC2771;
	font-size:140%;
	}
div.introLogin{
margin-bottom:15px;
}
div.introLogin img{
float:left;
margin-right:10px;
}

div#introText{
	float:left;
	width:500px;
	margin-bottom:10px;
}

div.introButtons{
	float:left;
	}
div.introFeature {
	margin-bottom:10px;
	}
div#introLogin{
	width:60px;
	margin-right:15px;
	}
.french div#introLogin{
	width:90px;
	}	
	
div#introReg{
	width:200px;
}

div#signUp{
	margin-bottom:30px;
	border-bottom:1px solid #999;
	padding-bottom:15px;
}

div.introImage{
	float:left;
	width:87px;
	margin-right:8px;
}

div.introImageText{
	float:left;
}

select.learningResources{
	width:200px;
}

div.featuredResources{
	float:left;
	width:275px;

	}

div.lessonPlans{
	float:left;
	width:275px;
	border-left:1px solid #999;
	padding-left:20px;
	margin-left:20px;
}