﻿

	/*
	
		Project: ccmc.com
		Developer: Vasilis Terzopoulos
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
				2.1.1. Default Nav
			2.2. Nav Bar
			2.3. Breadcrumbs
			2.4. Contents
			2.5. Search
			2.6. Bottom Nav
			2.7. Footer
		3. Typography
			3.1. DNN
			3.2. Generic
				3.2.1. Headings
			3.3. Skin
			3.4. Links
				3.4.1. DNN
				3.4.2. Generic
				3.4.3. Skin
		4. Navigation
			4.1. Main Nav
				4.1.1. Submenus
			4.2. Bottom Nav
			4.3. Admin Nav
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
			8.1. Generic
				
	*/


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 1. DNN */

		.ControlPanel{border:#CCC dotted;border-width:0 0 1px 0;}
		.ControlPanel table{margin:0 auto;}
		.ControlPanel a.CommandButton{font-size:10px;}
		
		.PagingTable{}
		
		.DNNEmptyPane{display:none;}
		.DNNAligncenter table{text-align:left;}
		
		.FileManager{font-size:11px;width:100%;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */

		#Body{background:url(images/bg-inner-base.png) 50% 0 no-repeat #FFF;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#cmcc{background:url(images/bg-inner.png) 50% 0 no-repeat;}
		#page{width:935px;margin:0 auto;overflow:hidden;}
		
		/* 2.1. Header */
		#cmcc #header{height:103px;position:relative;overflow:hidden;border-bottom:1px #5E6E66 solid;}
		#cmcc #dnn_dnnLOGO_imgLogo{margin-top:20px;}
		
			/* 2.1.1. Default Nav */
			#cmcc #DefaultNav{width:935px;padding-bottom:17px;position:absolute;bottom:0 !important;bottom:-1px;left:0;border-bottom:3px #FFF solid;}
			#cmcc #DefaultNav ul{float:right;margin:0;padding:0;list-style:none;}
			#cmcc #DefaultNav li{float:left;padding:0 10px;margin:0;list-style:none;border-right:1px #5E6E66 solid;line-height:1;}
			#cmcc #DefaultNav #my-cmcc-link{border:0;}
		
		/* 2.2. Nav Bar */
		#cmcc #nav-bar{height:41px;border-bottom:1px #5E6E66 solid;background:#FFF;}
		
		/* 2.3. Breadcrumbs */
		#cmcc #breadcrumbs{clear:both;background:#FFF;padding:7px 0;position:relative;}
		#cmcc #icon-links{position:absolute;right:0;top:8px;}
		#cmcc #icon-links img{margin-left:12px;}
		
		/* 2.4. Contents */
		#cmcc #contents{width:935px;background:#FFF;overflow:hidden;margin-bottom:17px;}

		/* 2.5. Search */
		#cmcc #search{position:relative;}
			
		/* 2.6. Bottom Nav */
		#cmcc #bottom-nav{width:935px;clear:both;border:#5E6E66 solid;border-width:1px 0;padding:5px 0;}
		
		/* 2.7. Footer */
		#cmcc #footer{padding:10px 0;overflow:hidden;}
		#cmcc #footer-logo{width:300px;float:left;position:relative;}
		#cmcc #footer-logo img{float:left;margin-right:5px;vertical-align:middle;}
		#cmcc #footer-logo span{display:block;margin-top:4px;}
		#cmcc #copyright{width:320px;float:right;text-align:right;}
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 14px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.SubHead{font:bold 12px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.SubSubHead{font:bold 11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.Normal{font:11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.NormalDisabled{font:11px Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.NormalRed{font:11px Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.StandardButton{font:11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.SkinObject{font:normal 11px Arial, Helvetica, sans-serif;color:#5E6E66;}
	
		/* 3.2. Generic */
		body{font-size:75%;}
		td,th,p,div,span,li{font:13px/1.4 Arial, Helvetica, sans-serif;color:#414141;}
		p{margin:0 0 10px 0;padding:0;line-height:1.4;}
		blockquote,q{}
		pre{}
	
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;color:#5E6E66;margin:0 0 0.8em 0;padding:0;line-height:normal;}
			
			h1{font-size:18px;font-weight:bold;}
			h2{font-size:16px;font-weight:bold;}
			h3{font-size:14px;font-weight:bold;}
			h4{font-size:12px;font-weight:bold;}
			h5{font-size:11px;font-weight:bold;}
			h6{font-size:11px;font-weight:normal;}
			
		/* 3.3. Skin */
		#cmcc #footer *{font-size:11px;}
		
		/* 3.4. Links */
		
			/* 3.4.1. DNN */
			a.CommandButton{font:bold 11px Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#007EA3;text-decoration:none;}
			a.CommandButton:visited{color:#007EA3;text-decoration:none;}
			a.CommandButton:hover{color:#5D9732;text-decoration:none;}
			a.CommandButton:active{color:#5D9732;text-decoration:none;}
			
			a.SkinObject:link{color:#007EA3;text-decoration:none;}
			a.SkinObject:visited{color:#007EA3;text-decoration:none;}
			a.SkinObject:hover{color:#5D9732;text-decoration:none;}
			a.SkinObject:active{color:#5D9732;text-decoration:none;}
	
			/* 3.4.2. Generic */
			a img{border:0;}
			
			a{font:normal 13px Arial, Helvetica, sans-serif;}
			a:link{color:#007EA3;text-decoration:none;}
			a:visited{color:#007EA3;text-decoration:none;}
			a:hover{color:#5D9732;text-decoration:none;}
			a:active{color:#5D9732;text-decoration:none;}
			
			/* 3.4.3. Skin */
			#cmcc #DefaultNav a{font-size:11px;}
			#cmcc #DefaultNav #my-cmcc-link a{font-weight:bold;}
			#cmcc #DefaultNav a:link{color:#5E6E66;text-decoration:none;}
			#cmcc #DefaultNav a:visited{color:#5E6E66;text-decoration:none;}
			#cmcc #DefaultNav a:hover{color:#5D9732;text-decoration:none;}
			#cmcc #DefaultNav a:active{color:#5D9732;text-decoration:none;}
			
			#cmcc a.search{display:block;width:65px;height:35px;background:url(images/search.png);position:absolute;right:0;text-decoration:none;}
			#cmcc a.search span{visibility:hidden;}
			
			#cmcc #breadcrumbs,
			#cmcc #breadcrumbs *{font-size:10px;}
			#cmcc #breadcrumbs a:link{color:#5D9732;text-decoration:none;}
			#cmcc #breadcrumbs a:visited{color:#5D9732;text-decoration:none;}
			#cmcc #breadcrumbs a:hover{color:#007EA3;text-decoration:none;}
			#cmcc #breadcrumbs a:active{color:#007EA3;text-decoration:none;}
			
			#cmcc #copyright{color:#5D9732;}
			#cmcc #copyright .copyright,
			#cmcc #copyright a{color: #5D9732;margin:0 5px;}
			#cmcc #copyright a:link{color:#5D9732;text-decoration:none;}
			#cmcc #copyright a:visited{color:#5D9732;text-decoration:none;}
			#cmcc #copyright a:hover{color:#007EA3;text-decoration:none;}
			#cmcc #copyright a:active{color:#007EA3;text-decoration:none;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		/* 4.1. Main Nav */
		#cmcc .radmenu{float:none;border:0;background:#FFF;width:629px;}
		
		#cmcc .radmenu *{border:0;margin:0;padding:0;text-decoration:none;}
		
		#cmcc .radmenu .rootGroup *{z-index:1;}
		
			#cmcc .radmenu li.item{padding-right:10px;}
		
			#cmcc .radmenu a.link{display:block;height:14px;padding:17px 0 10px;margin:0;float:left;cursor:pointer;}
	
			#cmcc .radmenu span.text{display:block;color:#5E6E66;background:none;font:bold 11px Arial, Helvetica, sans-serif;text-indent:-100000px;}
			#cmcc .radmenu li li span.text{text-indent:0;}
			
			
			#cmcc .radmenu a.link:hover,
			#cmcc .radmenu a.expanded,
			#cmcc .radmenu a.current{}

			#cmcc .radmenu a.link:hover span.text,
			#cmcc .radmenu a.expanded span.text,
			#cmcc .radmenu a.current span.text{color:#5E6E66;text-decoration:none;}
			
			#dnn_MainNav_RadMenu1_m0{width:130px;background:url(menu/academic-programs.png) 50% 12px no-repeat;}
			#dnn_MainNav_RadMenu1_m0.expanded,
			#dnn_MainNav_RadMenu1_m0:hover{background:url(menu/academic-programs.png) 50% -17px no-repeat;}
			#dnn_MainNav_RadMenu1_m0.current{background:url(menu/academic-programs-green.png) 50% 12px no-repeat;}
			
			#dnn_MainNav_RadMenu1_m1{width:80px;background:url(menu/student-life.png) 50% 12px no-repeat;}
			#dnn_MainNav_RadMenu1_m1.expanded,
			#dnn_MainNav_RadMenu1_m1:hover{background:url(menu/student-life.png) 50% -17px no-repeat;}
			#dnn_MainNav_RadMenu1_m1.current{background:url(menu/student-life-green.png) 50% 12px no-repeat;}
			
			#dnn_MainNav_RadMenu1_m2{width:78px;background:url(menu/admissions.png) 50% 12px no-repeat;}
			#dnn_MainNav_RadMenu1_m2.expanded,
			#dnn_MainNav_RadMenu1_m2:hover{background:url(menu/admissions.png) 50% -17px no-repeat;}
			#dnn_MainNav_RadMenu1_m2.current{background:url(menu/admissions-green.png) 50% 12px no-repeat;}
			
			#dnn_MainNav_RadMenu1_m3{width:65px;background:url(menu/research.png) 50% 12px no-repeat;}
			#dnn_MainNav_RadMenu1_m3.expanded,
			#dnn_MainNav_RadMenu1_m3:hover{background:url(menu/research.png) 50% -17px no-repeat;}
			#dnn_MainNav_RadMenu1_m3.current{background:url(menu/research-green.png) 50% 12px no-repeat;}
			
			#dnn_MainNav_RadMenu1_m4{width:72px;background:url(menu/resources.png) 50% 12px no-repeat;}
			#dnn_MainNav_RadMenu1_m4.expanded,
			#dnn_MainNav_RadMenu1_m4:hover{background:url(menu/resources.png) 50% -17px no-repeat;}
			#dnn_MainNav_RadMenu1_m4.current{background:url(menu/resources-green.png) 50% 12px no-repeat;}
			
			#dnn_MainNav_RadMenu1_m5{width:113px;background:url(menu/alumni-friends.png) 50% 12px no-repeat;}
			#dnn_MainNav_RadMenu1_m5.expanded,
			#dnn_MainNav_RadMenu1_m5:hover{background:url(menu/alumni-friends.png) 50% -17px no-repeat;}
			#dnn_MainNav_RadMenu1_m5.current{background:url(menu/alumni-friends-green.png) 50% 12px no-repeat;}
			
			/* 4.1.1. Submenus */
		
			#cmcc .radmenu .slide{z-index:999;}
			
			#cmcc .radmenu .group{border:0;background:url(menu/border.png) repeat-y #FFF;border:1px #485A51 solid;padding:5px 0 !important;padding:0;}
			
				#cmcc .radmenu .group li.item{padding:0;}
				
				#cmcc .radmenu .group a.link{padding:0;margin:0;background:none;height:auto;}
			
				#cmcc .radmenu .group img{display:none;}

				#cmcc .radmenu .group a.link:hover span.text,
				#cmcc .radmenu .group a.current span.text{color:#5D9732;text-decoration:none;background:url(menu/arrow.png) 0 50% no-repeat;}
				
				#cmcc .radmenu .group span.text{display:block;padding:2px 30px 2px 22px;margin:0;color:#5E6E66;font-weight:normal;background:url(menu/arrow.png) 0 50% no-repeat;}
				
				#cmcc .radmenu .group a.link span.expandLeft{color:#5E6E66;}
				#cmcc .radmenu .group a.link:hover span.expandLeft{color:#5D9732;}
				#cmcc .radmenu .group a.current span.expandLeft{color:#5D9732;}
				#cmcc .radmenu .group a.expanded span.text{color:#5E6E66;}
		
		/* 4.2. Bottom Nav */
		#cmcc #BottomNav ul{margin:0;padding:0;list-style:none;overflow:hidden;text-align:center;}
		#cmcc #BottomNav li{margin:0 5px 0 10px;padding:0;list-style:none;display:inline;line-height:1;}
		#cmcc #BottomNav li.SelectedTab a{font:normal 11px Arial, Helvetica, sans-serif;}
		#cmcc #BottomNav a:link{color:#5E6E66;text-decoration:none;font-size:11px;}
		#cmcc #BottomNav a:visited{color:#5E6E66;text-decoration:none;font-size:11px;}
		#cmcc #BottomNav a:hover{color:#5D9732;text-decoration:none;font-size:11px;}
		#cmcc #BottomNav a:active{color:#5D9732;text-decoration:none;font-size:11px;}		
		
		/* 4.3. Admin Nav */
		#cmcc #dnn_AdminNav_RadMenu1{position:absolute;top:0;left:230px;width:auto;height:24px;border-left:1px #CCC dotted;border-right:1px #CCC dotted;}
		#cmcc #dnn_AdminNav_RadMenu1 a.link{padding:4px 10px 4px;margin:0;}
		#cmcc #dnn_AdminNav_RadMenu1 .group a.link{padding:0;}
		#cmcc #dnn_AdminNav_RadMenu1 span.text{font-size:12px;text-indent:0;}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{}
		
		ul.nostyle,
		li.nostyle{list-style:none;margin:0;padding:0;}

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 6. Tables */
	
		table,caption,tbody,tfoot,thead,tr,th,td{}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 7. Forms */
	
		form,fieldset,legend,label,input,textarea,select{}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 8. Helpful */
	
		/* 8.1. Generic */
		.b{font-weight:bold;}
		.u{text-decoration:underline;}
		.i{font-style:italic;}
		.del{text-decoration:line-through;}
	
		.reset{margin:0 !important;padding:0 !important;border:0 !important;
		line-height:normal !important;font-weight:normal !important;
		font-style:normal !important;font-size:100% !important;font-family:inherit; !important}
		
		.text-left{text-align:left;}
		.text-center{text-align:center;}
		.text-right{text-align:right;}
		
		.center{margin:0 auto;display:block;}
		
		.img-left{float:left;margin:0 15px 5px 0;}
		.img-right{float:right;margin:0 0 5px 15px;}
		
		.left{float:left;}
		.right{float:right;}
		.clear{clear:both;}


		



