@charset "utf-8";
/* CSS Document */
/* Colors used in scheme */
/*
	** Light Green #E3E9D9
	** Medium Green #80A881
	** Dark Greem #418D58
	** Brown #536046
	** Light Orange #f4ebdc
	** Dark Orange #E08738
 */
.my_links a:hover,.my_links a:active{
	color:#80A881;
}
#top_nav a:hover, #top_nav a:active{
	color:#80A881;
} 
 
/** D E P U A L  L O G O **/
#header_logo {
		background-image:url(images/logos/green_depaul_logo.gif);
}

/** I N F O  I C O N S **/

.icon_addThis{
	background-image:url(images/icons/20x20Spacer.gif);
}

.icon_computer{
	background-image:url(images/icons/green_computer_icon.gif);
}

.icon_facebook{
	background-image:url(images/icons/icon_facebook20x20-v1.png);
}
.icon_req_info{
	background-image:url(images/icons/green_request_mail_icon.gif);
}

.icon_rss{
	background-image:url(images/icons/icon_rss20x20-v1.jpg);
}

.icon_twitter{
	background-image:url(images/icons/icon_twitter20x20-v1.jpg);
}


.icon_visit{
	background-image:url(images/icons/green_visit_campus_icon.gif);
}

.icon_wordpress{
	background-image:url(images/icons/icon_wordpress20x20-v1.jpg);
}
.image_app_online p.click_arrow{
	background-image:url("../../images/icons/green_app_arrow.gif");
}
/* dotted div separator */
.dottedSeparator {
	width: 546px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669999;
}

.studentStories p strong {
	color: #333;
}


/* annc is my version of the fyi tag*/
.annc{
	width:186px;
	padding-left:0px;
	background-image: url(images/annc/536046green.gif);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-color: #536046;
	}
.annc ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	line-height: 1.5em;
}


.annc h4 {
	padding-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:center;
	color: #FFFFFF;
	background-image: none;
	margin-bottom: -10px;
}

.annc p{
	color:#ffffff;/** Text color **/
	margin-top:0;
	padding-top:0;
	padding-left:15px;
	margin-bottom:0;
	padding-bottom:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	line-height:1.5em;
	text-align:left;
	}
.annc p.line{
	border-top-color:#ffffff;
	text-align:left;
	margin-top:15px;
	margin-bottom:12px;
	border-top:1px solid #4B4B4B;;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:10px;
	color:#ffffff;
	letter-spacing:1px;
	width:84px;
	padding:10px 0px 15px; 0px;
	margin:13px 65px 0 49px;
	_margin:13px 25px 0 57px;
}




.annc a {
	color: #FFFFFF;
	text-decoration: none;
}

.annc a:hover {
	color:#FFFFFF; 
	text-decoration:underline;
}


.fyi {_background:url("../../images/fyi/green_college_level.gif") repeat-y top left;}

/** Content using Light Green**/

#main_content h1.page_title{
	background-color:#E3E9D9;
}
#main_content h1.department_title{
	background-color:#E3E9D9;
}
.secondary_nav, .secondary_nav a{
	background-color:#E3E9D9;
	color:#4B4B4B; /** Text color **/
}
.sidebar ul.first_box{
	background-color:#E3E9D9;
	color:#4B4B4B; /** Text color **/
}

/** Content using Medium Green **/
#main_content h2.secondary_header{
	background-color:#80A881;
}
#main_content h2{
	background-color:#80A881;
	color:white;
}
.sidebar h4{
	background-color:#80A881;
	color:white;/** Text color **/
}
#navlist a, #navlist a:visited{
	background-color:#80A881;
	color:white;/** Text color **/
}
.my_links_header{
	color:#80A881;
}
.image_app_online{
	background-color:#80A881;
}



.fyi p{
	color:#80A881;/** Text color **/
}
.fyi p.line{
	color:#80A881;
	border-top-color:#80A881;
}
#main_nav p a:hover, #main_nav p a:active{
	color:#80A881;
}
/** Content using Dark Green **/
#main_content h1{
	color:#418D58;
}
#secondary_content p a{
	color:#418D58;
}
#secondary_content a{
	color:#418D58;
}
#secondary_content li a{
	color:#418D58;
}
#main_nav #navlist .uberlink, #navlist a:hover{
	background-color:#418D58;
	color:white;/** Text color **/
}
#navlist a.state, #navlist a.state:visited{
	background-color:#418D58;
}


/*** Content using Brown **/
.fyi {
	background-color:#536046;
}
.image_app_online p.click_arrow{
	color:#536046;/** Text color **/
}
.image_app_online a{
	color:#536046;/** Text color **/
}

/** Content using Light Orange **/
.sidebar ul.second_box{
	background-color:#f4ebdc;
	color:#4B4B4B;/** Text color **/
}

/** Content using Dark Orange **/
.sidebar h4.second_sidebar_box{
	background-color:#E08738;
	color:white;/** Text color **/
}

/** Content/Text using white **/
.image_app_online p{
	color:white;/** Text color **/
}


/** Content/Text using Grey **/
.my_links{
	background-color:#E9E9E3;
}
label.my_links_label{
	color:#787878;/** Text color **/
}
.my_links ul{
	color:#787878;/** Text color **/
}

/** F O O T E R **/
#footer a:link, #footer a:visited{
	color:#418D58;
}
#footer a:hover, #footer a:active{
	color:#787878;
}

#main_content .sidebar li a{
	color:#303030;
}
#main_content .sidebar li a:link, .sidebar li a:visited{
	color:#303030;
}
#main_content .sidebar li a:hover, .sidebar li a:active{
	color:#303030;
}
#main_content .sidebar li a:link, .sidebar li a:visited{
	color:#303030;
}

/* my registration table css goes here:*/

table.regTable 
{
	border-color:#CCCCCC;
	table-layout: automatic;
}
.regTable  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	color: #000000;
	font-size: 1em;
}
.regTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	/*the border data is a fix for IE 6; you have to give values for the border or the collapse border function doesn't display properly*/
	border-right-width: .5px;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 2px;
	padding-left: 2px;
}
.courseName {
	width: 120px;
}

/* here's some css for other tables*/

table.myTable 
{
	border-color:#CCCCCC;
	table-layout: automatic;
}
.myTable  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	color: #000000;
}
.myTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .9em;
	/*the border data is a fix for IE 6; you have to give values for the border or the collapse border function doesn't display properly*/
	border-right-width: .5px;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 2px;
	padding-left: 2px;
}
.tableHeaderGrey {
	color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 1.1em;
}
.subHeadGray {
	font-size: 1em;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*here's the code for the inline list thumbnails and titles*/
.tutorial_Set {
	float: left;
	margin-bottom: 20px;
}
#site_container #content_container #main_content #secondary_content .tutorial_Set ul {
}
#site_container #content_container #main_content #secondary_content .tutorial_Set ul li {
	display: inline;
	margin-right: 20px;
	margin-bottom: 20px;
	font-weight: bolder;
	color: #666666;
	text-align: left;
	float: left;
	width: 140px;
}
#site_container #content_container #main_content #secondary_content .tutorial_Set img {
	margin-bottom: 5px;
}
.greyH3 {
	font-size: 1.3em;
	color: #666666;
}

.greyH4 {
	font-size: 1.1em;
	color: #666666;
}

/* here's the code for the inline div thumbnail containers*/
.thumbContainer img {
	margin-right: 10px;
}

.thumbContainer02 img {
	margin-right: 10px;
}

.thumbContainer
{
	width: 48%;
	float: left;
	margin-right: 10px;
	margin-top: -10px;
	margin-bottom: 20px;
}
#site_container #content_container #main_content #secondary_content .thumbContainer h4 {
	color: #666666;
	font-size: 1.2em;
}



.thumbContainer02
{
	width: 40%;
	float: left;
	margin-right: 10px;
	margin-top: -10px;
	clear: left;
}
#verticalSpacer {
	width: 10px;
	float: left;
}

/*code for the left iconContainer*/

.iconContainer
{
	width: 48%;
	float: left;
	/*margin-right: 10px;*/
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	margin-right: 3.25px;
	margin-left: 3.25px;
}

#site_container #content_container #main_content #secondary_content .iconContainer h4 {
	color: #ffffff;
	background-color: #80A881;
	text-align: left;
	text-indent: 5px;
	font-size: 1.2em;
	padding-top: 2px;
	margin-top: 0px;
	height: 20px;
}
#site_container #content_container #main_content #secondary_content .iconContainer li {
	margin-bottom: 20px;
	margin-left: -30px;
}
#site_container #content_container #main_content #secondary_content .iconContainer ul {
	list-style-type: none;
}



/*code for the right iconContainer*/
/*
.iconContainer02
{
	width: 48%;
	float: left;
	margin-bottom: 20px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#site_container #content_container #main_content #secondary_content .iconContainer02 h4 {
	color: #ffffff;
	background-color: #80A881;
	text-align: left;
	text-indent: 5px;
	font-size: 1.2em;
	padding-top: 2px;
	margin-top: 0px;
	height: 20px;
}

#site_container #content_container #main_content #secondary_content .iconContainer02 ul {
	list-style-type: none;
}

#site_container #content_container #main_content #secondary_content .iconContainer02 li {
	margin-bottom: 10px;
	margin-left: -30px;
	list-style-type: none;
}

*/
/*here's the code for my secondary horizontal navigation*/

#myHorizontalMenu {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

#site_container #content_container #main_content #secondary_content #myHorizontalMenu ul {
	margin-left: -30px;
	height: 20px;
	margin-bottom: 0px;
	margin-top: -10px;
}

#site_container #content_container #main_content #secondary_content #myHorizontalMenu li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #80A881;
	padding-right: 10px;
	padding-left: 10px;
}

#site_container #right_sidebar .annc a {
	color: #FFFFFF;
}


/* Here's code for the fac map dropdown*/


.menu {
	width:545px;
	height:130px;
	position:relative;
	z-index:100;
	font-family:arial, sans-serif;
	background-image: url(images/facMapMenuNumbersGray.gif);
	background-repeat: no-repeat;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:546px; w\idth:545px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:109px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:109px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#000;
	width:98px;
	height:53px;
	border:1px solid;
	border-color:fff;
	border-width:0px;
	padding-top: 10px;
	padding-left:10px;
	font-weight:bold;
	background-image: url(images/greenFacMapUp.gif);
	background-repeat: no-repeat;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:109px; w\idth:98px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fff url(images/greyArrow01.gif) no-repeat 90px center;}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#fff url(images/greenArrow01.gif) no-repeat 90px center;}
.menu ul ul :hover > a.drop {background:#fff url(images/greenArrow01.gif) no-repeat 90px center;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#fff; 

}

/* style the third level hover */
.menu ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:63px;left:0; width:109px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:62px;t\op:63px;}

/* position the third level flyout menu */
.menu ul ul ul{left:109px; top:-1px; width:109px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-109px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:88px;border-style:solid;border-width:0 0px 1px 0px; border-color:#000000;}
/* yet another hack for IE5.5 */
/*apparently the width needs to be one pixel larger than the top level link, and the w\idth must equal the width from the second level link*/
* html .menu ul ul a, * html .menu ul ul a:visited {width:110px;w\idth:88px;}

/* style the menu headerlevel hover, just an image swap for the very top level, not the following nested list and links */
.menu a:hover, .menu ul a:hover{
	color:#fff;
	background: url(images/greenMenuSpacer02.gif) no-repeat;
}
.menu :hover > a, .menu ul:hover > a {
	color:#fff;
	background: url(images/greenMenuSpacer02.gif) no-repeat;
}

/* style the top level dropdown hover */
/*note that the .menu a:hover code affects the top level a links. The comma groups the behaviors*/
/*.menu a:hover, */.menu ul ul a:hover{color:#666; background:#ffffff;}
/*.menu :hover > a,*/ .menu ul ul :hover > a {color:#666; background:#ffffff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}