/* Arix@you for comma3 2009 */

body {
	padding: 0;
	margin: 0 0 30px 0;
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000; /*=M #e3e7ea */
	color: #404b54;
}

/** Global Styles **/

fieldset { border: 0; }

input.txt { 
	background: #fff;
	border: 1px #4579a4 solid; 
	color: #666; 
	font-size: 0.9em;
	height: 14px !important;
	height /**/: 22px;
	padding: 3px 6px;	
}

textarea.txt { 
	background: #fff;
	border: 1px #4579a4 solid; 
	color: #666; 
	font-size: 0.9em;
	padding: 3px 6px;
	font-family:Arial, Helvetica, sans-serif;
}

a img {
	border: none;
}

a.arrow {
	color: #3f7bb9;
	text-decoration: none;
	padding: 0 0 0 12px;
	background: transparent url('../images/bg_anchor1.gif') 0em 0.3em no-repeat;
}

a {
	color: #3f7bb9;
	text-decoration: none;
}

a:hover {
	color: #184778;
	text-decoration: underline;
}

a.arrow:hover {
	text-decoration: underline;
}

a.white {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.white:hover {
	text-decoration: underline;
}

a.external {
	background: transparent url("../images/icon_external_link.gif") center right no-repeat;
	padding-right: 14px;
}

h1 { color: #609bd7; font-size: 2.4em; padding: 0 0 6px 0; margin: 0; }
h2 { color: #1d2733; font-size: 1.6em; padding: 0 0 6px 0; margin: 0; }

h2.bg {
	background: #fff url('../images/bg_h2.gif') top left repeat-x;
	height: 25px !important;
	height /**/: 32px;
	margin: 0;
	padding: 10px 0 0 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	color: #ec008c;
	font-size: 1.4em;
	padding: 16px 0 0px 0;
	margin: 0 0 0 10px;
}

UL.white {
	color: #fff;
	list-style: square;
	margin: 5px 0 10px 20px;
}

form { padding: 0; margin: 0; }

span.subheading {
	padding: 0 0 6px 0;
}

.tagline {
	font-weight: bold;
}
	
.articletext {
	margin-bottom: 24px;
}

.articletext p, .tagline p {
	padding: 0 0 6px 0;
	margin: 0;
}

div.hr { padding: 0px; margin: 12px 0; height: 1px; background-color: #ccc; clear: both;}
div.hr_white { padding: 0px; margin: 12px 0; height: 1px; background-color: #fff; clear: both;}
hr { display: none; visibility: none; }



/********************/
/**** Site structure ****/
/*******************/

#container {
	width: 950px;
	margin: 0 auto;
}

	/** Header **/
	#header {
		width: 950px;
		background: #609bd7 url('../images/header.gif') center left no-repeat;
		height: 161px;
		margin: 0 0 0 0;
		border-bottom: 1px #e3e7ea solid;
	}

		#header a {
			float:right;
			width:100px;
			height:100px;
            text-decoration: none;
		}

			#header span {
				visibility:hidden
			}
		
	/** Top menu **/
	#navigation {
		z-index:100;
		width: 950px;
		height: 36px;
		background: #96b0c7 url('../images/bg_topnav.gif') bottom left repeat-x;
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:uppercase
	}
	
		#navigation ul {
			position: absolute;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#navigation ul li {
			display: inline;
			float: left;
		}
		
		#navigation ul li.arrow a {
			background-image: url('../images/bg_coursenav_a.gif');
			background-repeat: no-repeat;
			background-position: 7% 50%;		
		}			
		
		#navigation ul li a {
			background-image: url('../images/bg_coursenav_a_right.gif');
			background-repeat: no-repeat;
			background-position: 7% 50%;
			height: 25px !important;
			height : 36px;
			border-bottom: 1px #e3e7ea solid;
			border-right: 1px #e3e7ea solid;
			background-color: #00aeef;
			color: #fff;
			text-decoration:none;
			font-weight: bold;
			padding: 10px 36px 0 38px; /*=M 10 41 0 */
			float: left;
			display: inline;
		}
		
		#navigation ul li a.last { border-right: none !important; }
		
		#navigation ul li.arrow a:hover {
            background: #ec008c url('../images/bg_coursenav_a_hover.gif') no-repeat 7% 50%;
            text-decoration: none !important;
        }
        
        #navigation ul li.arrow a.on {
			background: #ec008c url('../images/bg_coursenav_a_hover.gif') no-repeat 7% 50%;
			text-decoration: none !important;
		}
		
		#navigation ul li a:hover {
			background: #ec008c url('../images/bg_coursenav_a_hover_right.gif') no-repeat 7% 50%;
			text-decoration: none !important;
		}
		
		#navigation ul li a.on {
			background: #ec008c url('../images/bg_coursenav_a_hover_right.gif') no-repeat 7% 50%;
			text-decoration: none !important;
		}
		
	
		
		/** Second level **/
		
		
			#navigation ul ul {
				position: absolute;
				display: none;
				list-style: none;
				margin: -1px 0 0 -1px;
				padding: 0;
				border: 1px solid #fff;
				cursor: pointer;
				z-index: 1000;
				text-transform:lowercase
			}
			
			#navigation ul ul li {
				float: none;
				display: block;
				margin: 0 !important;
				padding: 4px 4px 4px 4px !important;
				width: 220px !important;			
				background-color: #ec008c;
				border-bottom: 1px solid #fff;	
			}
			
			#navigation ul ul li.arrow {
				background-image: url('../images/menu_arrow.gif');
				background-repeat:no-repeat;
				background-position: center right;
				background-color: #ec008c;
			}
			
			#navigation  ul ul li a {
				background: none !important;
				border: none;
				color: #fff;
				margin: 0 !important;
				padding: 0 !important;
				font-weight: bold;
				float: none;
			}
			
			#navigation  ul ul li a:hover {
				background: none !important;
				color: #fff !important;
			}
			
			#navigation ul ul li.jdm_hover {
				background-color: #ff85cd;
			}
			
			
			#navigation ul ul li.jdm_hover a, #navigation ul ul ul li.jdm_hover a {
				background-color: transparent;
			}
			
			
			#navigation ul ul ul {
				position: absolute;
				display: none;
				list-style: none;
				margin: 0;
				padding: 0;
				border-top: 1px solid #fff;
				cursor: pointer;
			}
			
			#navigation ul ul ul li {
				float: none;
				display: block;
				margin: 0 !important;
				padding: 4px 4px 4px 4px !important;
				width: 220px !important;			
				background-color: #609bd7;
				border-bottom: 1px solid #fff;	
			}
			
			#navigation  ul ul ul li a {
				background: none !important;
				border: none;
				color: #fff;
				margin: 0 !important;
				padding: 0 !important;
				font-weight: bold;
			}
			
			#navigation  ul ul ul li a:hover {
				background: none !important;
				color: #fff !important;
			}
        
	
	
	/** main image **/
	#homeflash {
		width: 950px;
		height: 239px;
		background:url(../images/bg_imgcontainer.gif) repeat-x bottom center;
	}
	
	/** main content **/
	#content_container {
		background:#fff url(../images/bg_logo.gif) no-repeat center center;
		width: 950px !important;
		width /**/: 950px;
		border-bottom: 1px #00aeef solid;
		padding-bottom: 20px;
	}
	
		.maincolumn {
			width: 605px !important;
			width /**/: 644px;
			float: left;
			padding: 9px 24px 0 15px;
			font:13px/1.5em Arial, Helvetica, sans-serif;
		}
		
		.maincolumn a {
			border-bottom: 1px dotted #3f7bb9;			
		}
		
		.maincolumn a:hover {
			border-bottom: 1px solid #3f7bb9;			
			text-decoration: none;
		}	
		
		.maincolumn p {
			margin:20px 10px;
		}	
		
			/** breadcrumb  **/
			#breadcrumb {
				background: #fff url('../images/icon_trail.gif') 0em 0.2em no-repeat;
				padding: 4px 0 9px 30px;
			}
			
			#breadcrumb a {
				background: #fff url('../images/bg_trail_a.gif') 0em 0.3em no-repeat;
				text-decoration: none;
				color: #3f7bb9;
				padding: 0 0 0 12px;
			}
			
			#breadcrumb .breadcrumbend {
				background: #fff url('../images/bg_trail_a.gif') 0em 0.3em no-repeat;
				padding: 0 0 0 12px;
			}
			
			.photos img {
				padding:5px;
				margin:5px;
				border:1px solid #97afc9;
			}
			
		
		.rightcolumn {
			width: 290px !important;
			width /**/: 305px;
			float: left;
			padding: 9px 15px 0 0;
		}
		
			.rightcolumn .panel {
				border-right: 2px #609bd7 solid;
				border-left: 2px #609bd7 solid;
				border-bottom: 2px #609bd7 solid;
				margin-bottom: 26px;
			}
			
			.rightcolumn .panel p {
				padding: 12px;
				margin: 0;
			}
			
			.rightcolumn .panel ul {
				list-style-type:none;
				width:286px;
				margin:0;
				padding:0;
				font-size:14px;
				font-weight:bold
			}
			
			.rightcolumn .panel ul li {
				list-style-type:none;
				margin:0;
				border-top:1px solid #fff;
				display:block;
				width:286px;
				background:#00aeef;
			}
			
			.rightcolumn .panel ul li a {
				color:#FFFFFF;
				margin:0;
				padding:5px 10px 5px 40px;
				display:block;
				width:236px;
				background:url(../images/bg_coursenav_a_right.gif) no-repeat 5% 50%
			}
			
			.rightcolumn .panel ul li a:hover, .rightcolumn .panel ul li a.on {
				color:#FFFFFF;
				background:#ec008c url(../images/bg_coursenav_a_hover_right.gif) no-repeat 5% 50%;
				text-decoration:none;
			}
		

			.panel_fill {
				background-color: #609bd7;
				padding: 16px;
				margin-bottom: 26px;
			}
			
				.panel_fill h2 {
					font-size: 3em;
					color: #fff;
					padding: 0 0 16px 0;
					margin: 0;
				}
				
				.panel_fill h3 {
					color: #1d2733;
					font-size: 1.2em;
					padding: 0 0 6px 0;
					margin: 0;
				}
				
				.panel_fill p {
					color: #fff;
					padding: 0 0 6px 0;
					margin: 0;
					line-height: 1.6em;
				}
	

	/** footer **/
    #contactbar {
        width: 918px !important;
        width /**/: 950px;
        height: 45px !important; /*=M 22px */
        height /**/: 30px;
        background: #5f9ad6 url('../images/bg_contactbar.gif') bottom left repeat-x;
        color: #fff;
        padding: 10px 16px 0 16px;
        font-weight: bold;
        font-size: 13px; /*=M 12px */
        clear: both;
        margin:20px 0 0 0; /*=M 40 0 0 0 */
        border-bottom:4px double #96b0c9;
    }
    
    	#contactbar a {
		color: #fff;
	}
	
		#contactbar strong {
			color:#ffd503;
			/*margin-left:10px;*/
		}			
			
			
	#footer_logos {
		width: 950px;
        height:50px;
		clear: both;
		margin:10px 0 0 0;
		font-size:11px;
        color: #FFF;
	}
			
	#logo_pubblicarb {
		width: 224px;
		float: right;
		padding-top: 16px;
	}
	
	
/******************************************************************************************/	
/** Course panel **/
.coursepanel_1, .coursepanel_2 {
	width: 260px !important;
	width /**/: 284px;
	margin-right: 12px;
	padding-right: 12px;
	float: left;
	/*border-right: 1px #c1d0df solid;*/
}

.coursepanel_0 {
	width: 270px;
	float: left;
	padding-left: 18px;
}

.coursepanel_0 p, .coursepanel_1 p, .coursepanel_2 p {
 padding: 0;
 margin: 0;
}

.coursepanel_0 ul, .coursepanel_1 ul, .coursepanel_2 ul {
 padding: 12px 0 12px 0;
 margin: 0;
}

.coursepanel_0 ul li, .coursepanel_1 ul li, .coursepanel_2 ul li {
list-style: none;
}


.coursepanel_0 ul li a, .coursepanel_1 ul li a, .coursepanel_2 ul li a {
	font-weight: normal;
	color: #3f7bb9;
	text-decoration:none;
	background: #fff url('../images/bullet_sitemap.gif') 0em 0.4em no-repeat;
	padding: 0 0 4px 12px;
	display: block;
}

.hrcoursepanel {
	padding: 0px; margin: 12px 40px 12px 0; height: 1px; background-color: #c1d0df; clear: both;
}

.course_wrapper {
	background: #fff url('../images/bg_coursewrapper.gif') top left repeat-y;
}


/** Inline couse panels */
.coursepanel_inline {
	width: 100%;
	cleaR: both;
}

.coursepanel_inline p {
 padding: 0 0 12px 0;
 margin: 0;
}

.coursepanel_inline ul {
	 padding: 0 !important;
	 margin: 0 !important;
}

.coursepanel_inline ul li {
	list-style: none;
	float: left;
	width: 260px;
	margin: 0 !important;
	padding: 0 12px 4px 0 !important;
}


.coursepanel_inline ul li a {
	 display: block;
	font-weight: normal;
	color: #3f7bb9;
	text-decoration:none;
	background: #fff url('../images/bullet_sitemap.gif') 0em 0.4em no-repeat;
	padding: 0 0 0 12px !important;
	margin: 0 !important;
	display: block;
}
/******************************************************************************************/
#portal { }
#online-student { text-decoration: underline; padding: 4px 5px 4px 23px; background: transparent url("../images/icon_triangle_pink2.gif") 0 0 no-repeat; }
#online-staff { text-decoration: underline; padding: 4px 0 4px 23px; background: transparent url("../images/icon_triangle_yellow2.gif") 0 0 no-repeat; }

/** Page functions **/
ul.pagefunctions {
	margin: 0;
	padding: 0;
	list-style:none;
}

	ul.pagefunctions li {
		padding: 0 0 6px 0;
	}	
	
		
/** Helper Classes **/
.right { float: right; }
img.left { float: left; margin-right:10px;padding:4px; border:1px solid #97afc9}
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}

.section {
border-bottom:1px dotted #97afc9
}



ul.list, ul.list li {
    margin:10px 10px;
    padding:0 10px;
    text-align: justify;  
    color: #000;
    list-style-type: disc;
}

/** Accordion Style **/
#newsaccordion {
    width: 290px;
    height: 280px !important;
    height /**/: 305px;
    float: left;
    padding: 0 0 0 0;
}
    
    h2.accord_title {
        background: #fff url('../images/bg_accord.gif') top left no-repeat;
        width: 274px !important;
        width /**/: 290px;
        height: 29px !important;
        height /**/: 36px;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        padding: 6px 0 0 16px;
        height: 29px !important;
        height /**/: 36px;
        text-transform:uppercase
    }
    
    h2.accord_title_off {
        background: #fff url('../images/bg_accord_off.gif') top left no-repeat;
        width: 274px !important;
        width /**/: 290px;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
        padding: 6px 0 0 16px;
        margin: 0 0 1px 0;
        cursor: pointer;
        height: 29px !important;
        height /**/: 35px;
        text-transform:uppercase
    }
    
    .accord_content {
        border-left: 2px #609bd7 solid;
        border-right: 2px #609bd7 solid;
        border-bottom: 2px #609bd7 solid;
    }
    
    .title_top {
        margin: 0;
    }
    
    .title_bottom {
        margin: 0;
    }
    
    .content_top {
        margin-bottom: 1px;
        height: 207px;        
    }
    
    .content_bottom {
        height: 207px;
    }
    
    
    
    #latest_article { width: 287px; height: 119px;}
    #latest_article_image { width: 124px; height: 119px; float: left;}
    
    #latest_article_content { 
        width: 139px !important; 
        width /**/: 163px; 
        height: 109px !important; 
        height /**/: 119px; 
        float: left; 
        padding: 10px 12px 0 12px;
    }
    
        #latest_article_content h4 {
            color: #3f7bb9;
            padding: 0;
            margin: 0;
            font-size: 1.2em;
        }
        
        #latest_article_content p {
            padding: 6px 0;
            margin: 0;
            font-size:1em;
        }    
        
    .accord_content h3 {
        background-color: #609bd7;
        color: #fff;
        font-size: 1.2em;
        margin: 0;
        padding: 8px 0 8px 16px;
    }
    
    .news_article { 
        background-color: #f4f7f9;
        margin: 1px 1px 0 1px;
        padding: 4px 6px 7px 6px;
        font-size: 1em;
    }
    
    .news_article_archive { 
        background-color: #f4f7f9;
        margin: 1px 1px 0 1px;
        padding: 5px 6px 5px 6px;
        font-size: 1em;
    }
    
    .news_article_archive_alt { 
        background-color: #fff;
        margin: 1px 1px 0 1px;
        padding: 5px 6px 5px 6px;
        font-size: 1em;
    }
    
.photos {
    width: 585px;
    height: 450px;
}

#nav {
    text-align: center;
    margin-bottom: 3px;
}

#nav a {
    padding: 5px 9px;
    border: 1px solid #000;
    margin: 0 3px;
}

#nav a.activeSlide{
    padding: 5px 9px;
    border: 1px solid #000;
    margin: 0 3px;
    background-color: #609BD7;
    color: #FFF;
}