
/*_____________________________________________________________________________*/
/* content styles */

	/* generic */
	div,p,td,th,li,dt,dd,blockquote,span,
	legend,input,textarea,select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#281F72;}
	
	/* paragraphs and quotes */
	p{margin:0 0 0.8em 0;padding:0;line-height:1.2;}
	blockquote{margin:0 0 0.8em 1.6em;padding:0 0 0 0.5em;line-height:1.2;font-style:italic;}
	
	/* headings */
	h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#281F72;margin:0 0 0.8em 0;padding:0;line-height:normal;}
	
	h1{font-size:1.666em;font-weight:bold;}
	h2{font-size:1.666em;font-weight:normal;}
	h3{font-size:1.333em;font-weight:bold;}
	h4{font-size:1.333em;font-weight:normal;}
	h5{font-size:1.166em;font-weight:bold;}
	h6{font-size:1.166em;font-weight:normal;}
	
	/* links */
	a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;outline:none;}
	a:link{color:#00E;text-decoration:underline;}
	a:visited{color:#00E;text-decoration:underline;}
	a:hover{color:#00E;text-decoration:none;}
	a:active{color:#00E;text-decoration:none;}

/*_____________________________________________________________________________*/
/* bonus styles */

	.left{float:left;}
	.right{float:right;}
	.center{display:block;margin:0 auto;}
	
	.alignleft{text-align:left;}
	.alignright{text-align:right;}
	.aligncenter{text-align:center;}
	
	.b{font-weight:900;}
	.i{font-style:italic;}
	.u{text-decoration:underline;}

/*_____________________________________________________________________________*/
/* dnn styles overwrite */

	.Normal,.NormalTextBox{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#281F72;}
	.Head,.SubHead,.SubSubHead{font-family:Verdana, Arial, Helvetica, sans-serif;color:#281F72;}
	.Head{font-size:1.25em;font-weight:bold;}
	.SubHead{font-size:1.1em;font-weight:bold;}
	.SubSubHead{font-size:1em;font-weight:bold;}
	
	a.CommandButton{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;}
	a.CommandButton:link{color:#00E;text-decoration:none;}
	a.CommandButton:visited{color:#00E;text-decoration:none;}
	a.CommandButton:hover{color:#00E;text-decoration:underline;}
	a.CommandButton:active{color:#00E;text-decoration:underline;}
	
	.StandardButton{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}

/*_____________________________________________________________________________*/
/* core */

	.ControlPanel{background:#FFF;border:#CCC dotted;border-width:0 0 1px 0;}
	.ControlPanel table{margin:0 auto;}
	.ControlPanel .SubHead{font-size:12px;}
	.ControlPanel a.CommandButton{font-size:10px;font-weight:normal;}

/*_____________________________________________________________________________*/
/* design elements */

	#Body{margin:0;padding:0;height:100%;font-size:12px;background:url(images/bg.jpg) top repeat-x #FFF;}
	#Form{width:100%;float:left;}
	
	#arlearn{width:960px;margin:0 auto;background:url(images/header-bg.jpg) repeat-x #F0F1F7;overflow:hidden;}
	
	#arlearn #header{width:100%;height:150px;overflow:hidden;float:left;background:url(images/header1.jpg) right no-repeat;}
	#arlearn #menu{height:52px;clear:both;background:url(images/menu-bg.jpg);}
	#arlearn #logo{width:309px;height:115px;float:left;padding:21px 0 0 25px;}
	
	#arlearn #main{clear:both;float:left;padding-left:10px;border-top:1px #C1AD84 solid;border-bottom:1px #FFF solid;position:relative;}

	#arlearn #breadcrumbs{width:940px;height:25px;line-height:25px;padding-left:10px;background:url(images/bar-bg.png) repeat-x;}
	
	#arlearn #panes-table{height:500px;}
	
	#arlearn #search{width:270px;height:41px;position:absolute;top:0px;right:15px;background:url(images/search-bg.png);text-align:center;}
	#arlearn #search .NormalTextBox{border-color:#3A3123 #B8A98F #FAF7F4 #3A3123;border-style:solid;border-width:1px;font-size:1.1em;width:12em;float:left;margin:10px 3px 0 38px;color:#634F26;}
	
	#arlearn #member-options{position:absolute;top:2px;right:295px;line-height:25px;}
	
	#arlearn #footer{width:100%;line-height:2;clear:both;float:left;padding:1.5em 0;text-align:center;border-top:3px #241A56 solid;background:#FFF;}

/*_____________________________________________________________________________*/
/* panes */

	#arlearn .toppane{}
	#arlearn .leftpane{width:170px;padding:30px 10px 0 0;}
	#arlearn .contentpane{padding:30px 15px 0 0;}
	#arlearn .rightpane{width:360px;padding:30px 15px 0;background:#EEE9E2;}
	#arlearn .bottompane{}

/*_____________________________________________________________________________*/
/* links and text design elements */

	#arlearn a.search{padding:0 .6em;margin-top:-0.4em;font-size:.8em;font-weight:bold;display:block;width:18px;height:18px;line-height:1.6;float:left;background:url(images/button-bg.png);border:1px solid;border-color:#FAF7F4 #B8A98F #3A3123 #B8A98F;}
	#arlearn a.search:link{color:#634F26;text-decoration:none;}
	#arlearn a.search:visited{color:#634F26;text-decoration:none;}
	#arlearn a.search:hover{color:#FAF7F4;text-decoration:none;}
	#arlearn a.search:active{color:#FAF7F4;text-decoration:none;}
	
	#breadcrumbs,
	.breadcrumbs{font-size:.8em;color:#634F26;}
	#breadcrumbs *{font-size:1em;}

	#arlearn a.member-option{padding:0 .8em;margin:0 .3em;font-size:.8em;font-weight:bold;display:block;height:18px;line-height:1.6;background:url(images/button-bg.png);float:left;border:1px solid;border-color:#FAF7F4 #B8A98F #3A3123 #B8A98F;}
	#arlearn a.member-option:link{color:#634F26;text-decoration:none;}
	#arlearn a.member-option:visited{color:#634F26;text-decoration:none;}
	#arlearn a.member-option:hover{color:#FAF7F4;text-decoration:none;}
	#arlearn a.member-option:active{color:#FAF7F4;text-decoration:none;}
	
	#arlearn #footer .footer,
	#arlearn #footer a{font-size:0.9em;color:#333;margin:0 .6em;}
	#arlearn #footer a:link{color:#333;text-decoration:none;}
	#arlearn #footer a:visited{color:#333;text-decoration:none;}
	#arlearn #footer a:hover{color:#333;text-decoration:underline;}
	#arlearn #footer a:active{color:#333;text-decoration:underline;}

/*_____________________________________________________________________________*/
/* nav */

	#arlearn .radmenu{float:left;width:100%;height:52px;background:url(images/header2.jpg) right no-repeat;text-align:left;border:0;}
	
	#arlearn .radmenu li.item,
	#arlearn .radmenu .group li.item,
	#arlearn .radmenu a.link,
	#arlearn .radmenu .group a.link,
	#arlearn .radmenu a.link:hover,
	#arlearn .radmenu .group a.link:hover,
	#arlearn .radmenu span.text,
	#arlearn .radmenu .group span.text,
	#arlearn .radmenu .group{border:0;background:none;margin:0;padding:0;cursor:pointer;text-decoration:none;}
	
	#arlearn .radmenu .rootGroup{padding-left:2px;height:52px;}
	
		#arlearn .radmenu li.item{background:url(images/separator-bg.png) right no-repeat;padding-right:2px;}
		
		#arlearn .radmenu a.link{height:52px;}
		#arlearn .radmenu a.link:hover,
		#arlearn .radmenu a.current,
		#arlearn .radmenu a.current:hover,
		#arlearn .radmenu a.expanded,
		#arlearn .radmenu a.expanded:hover{height:52px;background:url(menuitembg.gif);}
	
		#arlearn .radmenu span.text{display:inline;line-height:52px;color:#FFF;padding:0 1.5em;background:none;font-size:1.1em;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;}
		
		#arlearn .radmenu a.current span.text,
		#arlearn .radmenu a.link:hover span.text,
		#arlearn .radmenu a.expanded span.text{color:#24274B;text-decoration:none;}
	

	#arlearn .radmenu .group{background:#24274B;border:0;}
	
		#arlearn .radmenu .group a.link{height:auto;background:none;}
	
		#arlearn .radmenu .group img{display:none;}
		
		#arlearn .radmenu .group a.current,
		#arlearn .radmenu .group a.link:hover{height:auto;background:#3D46C5;}
		#arlearn .radmenu .group a.current span.text,
		#arlearn .radmenu .group a.link:hover span.text{color:#FFF;text-decoration:none;}
		
		#arlearn .radmenu .group span.text{display:block;padding:.4em 1.8em .4em .9em;color:#FFF;font-weight:normal;font-size:.9em;line-height:normal;}
		
		#arlearn .radmenu .group a.link span.expandLeft{color:#FFF;background:url(images/arrow-white.png) 96% 50% no-repeat;}

/*_____________________________________________________________________________*/
/* Vasilis Terzopoulos // thinkofdesign.com */



