@charset "utf-8";
/* CSS Document */

#cppcolone, #cppcoltwo, #cppcolthree
{height:200px;float:left;width:210px;padding:10px;border-right:1px dotted grey;
border-top:1px dotted grey;}
}




#main #container #column-middle { padding-top:0px;  padding-left:0px;   padding-bottom:0px; padding-right:0px; overflow:hidden; line-height:1.2em; color:#666 }
#main #container #column-middle h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#f5b125; padding-bottom:.2em; line-height:1.1em; font-weight:normal}
#main #container #column-middle h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#7f0303; padding-bottom:.4em; }
#main #container #column-middle h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#666666; padding-bottom:.3em; }
#main #container #column-middle h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000; padding-bottom:.2em; }
#main #container #column-middle a:link, #main #container #column-right a:link, #main #container #column-right #utility-nav li a:link  { color:#004f8a }
#main #container #column-middle a:visited, #main #container #column-right a:visited, #main #container #column-right #utility-nav li a:visited { color:#000000}
#main #container #column-middle a:hover, #main #container #column-middle a:hover, #main #container #column-right #utility-nav li a:hover  { color:#631a00  }
#main #container #column-middle a:active, #main #container #column-middle a:active, #main #container #column-right #utility-nav li a:active  { color:#004f8a }
#main #container #column-middle #content ul li { font-size:.9em;font-weight:bold;  }
#main #container #column-middle #content ul li a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#004f8a }
#main #container #column-middle #content ul li a:link { color:#004f8a }
#main #container #column-middle #content ul li a:visited { color:#004f8a }
#main #container #column-middle #content ul li { background:url(http://www.dit.ie/media/pds/pdsimages/bullet-content.gif) top left no-repeat; padding-left:1.3em; display:block }
#main #container #column-middle #content ul { list-style:none; padding-left:1em; padding-bottom:1em; }
#main #container #column-middle #content ul, html #main #container #column-middle #content p { padding-bottom:1.2em; border:0px solid red }

#main #container #column-middle #content ul.blue-list li { background:url(http://www.dit.ie/media/pds/pdsimages/bullet-orange.gif) top left no-repeat; color:#0068af; font-size:.9em; font-weight:bold; padding-left:12px  }

#main #container #column-middle #content .news-event { padding-bottom:15px; overflow:hidden; border:0px solid red }
#main #container #column-middle #content .news-event img { float:left; } 
#main #container #column-middle #content .news-event p { float:left; border:0px solid red;padding-left:10px; padding-bottom:8px;  }
#main #container #column-middle #content .news-event a { padding-left:10px; }
#main #container #column-middle #content .latest { clear:left }
#main #container #column-middle #content .featured p {  width:300px; }
#main #container #column-middle #content .single-item p { float:none; }
#main #container #column-middle #content .single-item img { float:left; margin-bottom:4px; margin-right:16px;}
#main #container #column-middle #content .news-event .image-details { color:#000; font-size:.8em;  background:url(http://www.dit.ie/media/pds/pdsimages/div-dot-black.gif) bottom left repeat-x;padding-top:40px; padding-bottom:10px; display:block; margin-bottom:10px; } 

#main #container #column-middle #breadcrumb { padding:0 0 1.7em 0 }
#main #container #column-middle #breadcrumb li { background:none; padding:0 2px; float:left; font-size:.8em }
#main #container #column-middle #breadcrumb li a { padding-right:2px }
#main #container #column-middle strong { font-weight:bold; }
#main #container #column-middle #content .textpic-image img, #main #container #column-middle #content .news-event img { border:4px solid #ccc; }

#main #container #column-middle #content #courses-directory a { font-size:1.2em; font-weight:normal }
#main #container #column-middle #content #courses-directory { list-style:none; list-style-image:none; padding-left:0; }
#main #container #column-middle #content #courses-directory li { list-style:none; background:none; padding-left:0; }
#main #container #column-middle #content #courses-directory ul { padding-top:4px; padding-left:40px; padding-bottom:25px }
#main #container #column-middle #content #courses-directory ul li { background:url(http://www.dit.ie/media/pds/pdsimages/bullet-content-blue.gif) top left no-repeat; padding-left:15px }
#main #container #column-middle #content #courses-directory ul li a { font-size:1.3em; font-weight:bold }

html { height:101% }
html body { background:#e6f5fb url(http://www.dit.ie/media/pds/pdsimages/bg_swirl.jpg) top center no-repeat; font-family:Trebuchet MS, Arial, sans-serif; font-size:13px;}
#main { margin:0 auto; width:926px; padding-bottom:20px; overflow:hidden; border:0px solid yellow }

#main #topmenu { background:#0061aa; height:48px; text-align:right; padding-top:6px; }
#main #topmenu a {  }

#main #topmenu #dit-areas a { padding-right:10px;color:#ffffff;font-weight:bold;text-decoration:none; } 
#main #topmenu #dit-areas a:hover {text-decoration:underline; } 
#main #topmenu #dit-options { padding-top:12px; font-size:.8em; color:#84d5f3; padding-right:10px; float:right;}
#main #topmenu #dit-options li { float:left;  }
#main #topmenu #dit-options a { color:#e6f0f7; text-decoration:none; line-height:1em; padding-left:4px; padding-right:4px}
#main #topmenu #dit-options a img { }

#main #logos { overflow:hidden; width:920px; border:0px solid red; padding-bottom:7px }
.logo-left { padding-left:50px; float:left;}
.logo-left, #logo-right {border:0px solid red;}
.logo-right { text-align:right; padding-top:14px; padding-right:10px; float:right;}

#main #container { background:url(http://www.dit.ie/media/pds/pdsimages/bg-container.gif) top left repeat-y; float:left; border:4px solid #cccccc; border-left:0;  border-top:0; padding:0; width:930px;}
#main #container #nav { padding-top:20px; background:url(http://www.dit.ie/media/pds/pdsimages/nav-top.gif) top left no-repeat; border:0px solid red; float:left }
#main #container #column-left {  float:left;  }
#main #container #column-left ul { width:175px; padding-top:31px; border:0px solid yellow; /*overflow:hidden;*/ padding-left:4px }
#main #container #column-left ul a {color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:.9em; padding-left:12px; display:block; padding-bottom:5px; padding-top:6px;  }
#main #container #column-left ul a:hover, #main #container #column-left ul li.active a {  background:url(http://www.dit.ie/media/pds/pdsimages/bg-nav-level2.gif) top left repeat-y; }

#main #container #column-left ul li.active a.current, #main #container #column-left ul li.active li.active a.current, #main #container #column-left ul a:hover, #main #container #column-left ul li.active ul li a:hover { color:#631a00; }
.currentsection {color:#631a00;background:url(http://www.dit.ie/media/pds/pdsimages/bg-nav-level2.gif) top left repeat-y;text-decoration:none; font-weight:bold; font-size:.9em; padding-left:12px; display:block; padding-bottom:5px; padding-top:6px;}
#main #container #column-left ul li { background:url(http://www.dit.ie/media/pds/pdsimages/div-nav-level1.gif) bottom left no-repeat; padding-bottom:1px; border:0px solid red; float:left}
#main #container #column-left ul li.active a {  }
#main #container #column-left ul li.active ul li a { color:#c4f0ff; padding-top:0; }
#main #container #column-left ul ul { padding-top:0; background:url(http://www.dit.ie/media/pds/pdsimages/bg-nav-level2.gif) top left repeat-y; padding-left:10px;  }
#main #container #column-left ul ul li { padding-bottom:0; padding-left:4px; padding-top:0; background:url(http://www.dit.ie/media/pds/pdsimages/bullet-nav-level2.gif) top left no-repeat; overflow:hidden; display:block; border:0px solid yellow; width:170px  }

#main #container #column-left ul ul li.active {  background:url(http://www.dit.ie/media/pds/pdsimages/bullet-nav-level2-on.gif) top left no-repeat; }
#main #container #column-left ul ul li.active ul li {  background:none; border:0px solid yellow; }
#main #container #column-left ul ul a { background:none; width:150px }
#main #container #column-left ul li.active ul a { background:none }
#main #container #column-left ul ul ul {width:100px; background:none }
#main #container #column-left ul li { border:0px solid red; width:176px; margin:0; }
#main #container #column-left ul li a { border:0px solid yellow; }
#main #container #column-left ul { border:0px solid orange; }


#main #container #column-left ul li.active ul li.active ul li a, #main #container #column-left ul#nav li.active li a,  #main #container #column-left ul#nav li.active li li a { background:none; }
#main #container #column-left ul li.active ul li.active ul li a { color:#004260; }
#main #container #column-left ul li.active ul li.active ul li a:hover { text-decoration:underline }

#main #container #column-left ul ul { border:0px solid #00ff00; width:166px; overflow:hidden }
#main #container #column-left ul ul li { border:0px solid black; width:160px; }


#main #container #column-middle { width:488px;  float:left; }
#main #container #column-main-wide { width:700px;  float:left; }
#main #container #column-right {float:left; line-height:1.2em; margin:0; }

#main #container #column-right #utility-nav { font-size:.9em; padding-bottom:20px; padding-top:5px; padding-right:16px; }
#main #container #column-right #utility-nav li { background:url(http://www.dit.ie/media/pds/pdsimages/div-nav-utility.gif) bottom right no-repeat; text-align:right; padding-bottom:4px; padding-top:4px; }
#main #container #column-right #utility-nav a { text-decoration:none; }

#main #container #column-right .panel { width:210px}
#main #container #column-right .panel h1 { background:url(http://www.dit.ie/media/pds/pdsimages/heading-panel-orange.gif); height:25px; font-size:1.2em; font-weight:bold; padding:6px 4px 2px 8px; }
#main #container #column-right .panel select { width:140px; font-size:.9em; }
#main #container #column-right .panel .inner { padding:10px; padding-top:0; }
#main #container #column-right .panel form { background:url(http://www.dit.ie/media/pds/pdsimages/div-dot-black.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:4px } 
#main #container #column-right .panel a { padding-top:4px; padding-bottom:4px; margin-bottom:4px;  display:block  }
#main #container #column-right .panel { font-size:.8em; margin-bottom:10px; font-size:12px; }
#main #container #column-right .panel p { font-size:.9em; }
#main #container #column-right .panel p a  { display:inline; color:#004f8a; }
#main #container #column-right .panel a.item {  background:url(http://www.dit.ie/media/pds/pdsimages/div-dot-black.gif) bottom left repeat-x; padding-bottom:12px }
#main #container #column-right .panel .date {  font-weight:bold; }

#main #container #column-right .panel-orange { background:url(http://www.dit.ie/media/pds/pdsimages/bg-panel-orange.gif) bottom left repeat-y;  }
#main #container #column-right .panel-blue { background:url(http://www.dit.ie/media/pds/pdsimages/bg-panel-blue.gif) bottom left repeat-y; }
#main #container #column-right .panel-blue .inner { background:url(http://www.dit.ie/media/pds/pdsimages/bg-panel-blue-bottom.gif) bottom left no-repeat; }

#main #container #column-right .panel-orange h1 { background:url(http://www.dit.ie/media/pds/pdsimages/heading-panel-orange.gif) top left no-repeat; }
#main #container #column-right .panel-blue h1 { background:url(http://www.dit.ie/media/pds/pdsimages/heading-panel-blue.gif) top left no-repeat; font-size:1.1em;}
#main #container #column-right .panel-orange .inner { background:url(http://www.dit.ie/media/pds/pdsimages/bg-panel-orange-bottom.gif) bottom left no-repeat;   }

#main #container #column-right .panel-selector-course { background:url(http://www.dit.ie/media/pds/pdsimages/bg-panel-selector-orange.gif) top left repeat-y; }
#main #container #column-right .panel-selector-course h1 { background:url(http://www.dit.ie/media/pds/pdsimages/heading-findacpdcourse.gif) top left no-repeat; text-indent:-9999px; height:60px; width:200px; }
#main #container #column-right .panel-selector-course .inner { padding-top:10px; background:url(http://www.dit.ie/media/pds/pdsimages/bg-panel-selector-orange-bottom.gif) bottom left no-repeat; display:block; }
#main #container #column-right .panel-selector-course .inner a { font-size:.9em; }
	
#credits { font-size:.8em; width:600px; padding-left:200px; border:0px solid red; float:left; padding-bottom:20px; color:#0470c0;  }
#credits a:link { color:#0470c0; }

div.inner p {margin-bottom:10px;}


#home .column { float:left; width:200px; padding-right:5px;}
#home .column img { padding-bottom:6px; }

#home .column-left p { border:0px solid orange; padding-right:10px }
#home .column-right a { display:block; padding-bottom:6px; }
#home .column-left {  width:245px; border:0px solid red;  background:url(http://www.dit.ie/media/pds/pdsimages/div-dot-black-y.gif) top right repeat-y; }
#home .column-right {  padding-left:10px; }
.dotted {  background:url(http://www.dit.ie/media/pds/pdsimages/div-dot-black.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:15px  }


#image-gallery { padding-top:8px; }
.textpic-image { float:left; width:160px; padding-left:40px; }
.textpic-image img { border:4px solid #ccc; }
.image-row { clear:left; padding-bottom:30px; border:0px solid red; overflow:hidden}
.textpic-image dt { padding-bottom:8px; }

#main #container #column-middle #content table { width:484px; }
#main #container #column-middle #content #course-details #course-title { background:#fdc553 url(http://www.dit.ie/media/pds/pdsimages/bg-table-header.gif) top right no-repeat; padding-top:40px; color:#000000; font-size:1.3em; }
#main #container #column-middle #content table th { font-weight:bold }
#main #container #column-middle #content table th, #main #container #column-middle #content table td { padding:10px;  font-size:.9em; border-bottom:1px solid #fff; background:#e8ecef; }
#main #container #column-middle #content #course-details th#course-title { font-weight:normal }
#main #container #column-middle #content table td.heading { font-weight:bold }

#main #container #column-middle #content #course-details ul { padding-top:10px; }
#main #container #column-middle #content #course-details ul li { background-image:url(http://www.dit.ie/media/pds/pdsimages/bullet-table.gif); font-size:1em; font-weight:normal; color:#333 }

#main #container #column-middle #content ul ul li { font-size:1em }
#main #container #column-middle #content ul ul ul li { font-size:1em }
#main #container #column-middle #content ul ul ul ul li { font-size:1em }

#right-area {padding:20px;border-top:4px solid #ccc; float:left; overflow:hidden; margin:0; width:703px}

/*for the 2 column style*/

#main #container #column-main-wide { width:650px;padding-top:10px;  padding-left:21px;   padding-bottom:21px; padding-right:20px; overflow:hidden; line-height:1.2em; color:#666 }
#main #container #column-main-wide h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#f5b125; padding-bottom:.2em; line-height:1.1em; font-weight:normal}
#main #container #column-main-wide h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#7f0303; padding-bottom:.4em; }
#main #container #column-main-wide h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#666666; padding-bottom:.3em; }
#main #container #column-main-wide h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000; padding-bottom:.2em; }
#main #container #column-main-wide a:link, #main #container #column-right a:link, #main #container #column-right #utility-nav li a:link  { color:#004f8a }
#main #container #column-main-wide a:visited, #main #container #column-right a:visited, #main #container #column-right #utility-nav li a:visited { color:#000000}
#main #container #column-main-wide a:hover, #main #container #column-main-wide a:hover, #main #container #column-right #utility-nav li a:hover  { color:#631a00  }
#main #container #column-main-wide a:active, #main #container #column-main-wide a:active, #main #container #column-right #utility-nav li a:active  { color:#004f8a }
#main #container #column-main-wide #content ul li { font-size:.9em;font-weight:bold;  }
#main #container #column-main-wide #content ul li a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#004f8a }
#main #container #column-main-wide #content ul li a:link { color:#004f8a }
#main #container #column-main-wide #content ul li a:visited { color:#004f8a }
#main #container #column-main-wide #content ul li { background:url(http://www.dit.ie/media/pds/pdsimages/bullet-content.gif) top left no-repeat; padding-left:1.3em; display:block }
#main #container #column-main-wide #content ul { list-style:none; padding-left:1em; padding-bottom:1em; }
#main #container #column-main-wide #content ul, html #main #container #column-main-wide #content p { padding-bottom:1.2em; border:0px solid red }

#main #container #column-main-wide #content ul.blue-list li { background:url(http://www.dit.ie/media/pds/pdsimages/bullet-orange.gif) top left no-repeat; color:#0068af; font-size:.9em; font-weight:bold; padding-left:12px  }

#main #container #column-main-wide #content .news-event { padding-bottom:15px; overflow:hidden; border:0px solid red }
#main #container #column-main-wide #content .news-event img { float:left; } 
#main #container #column-main-wide #content .news-event p { float:left; border:0px solid red;padding-left:10px; padding-bottom:8px;  }
#main #container #column-main-wide #content .news-event a { padding-left:10px; }
#main #container #column-main-wide #content .latest { clear:left }
#main #container #column-main-wide #content .featured p {  width:300px; }
#main #container #column-main-wide #content .single-item p { float:none; }
#main #container #column-main-wide #content .single-item img { float:left; margin-bottom:4px; margin-right:16px;}
#main #container #column-main-wide #content .news-event .image-details { color:#000; font-size:.8em;  background:url(http://www.dit.ie/media/pds/pdsimages/div-dot-black.gif) bottom left repeat-x;padding-top:40px; padding-bottom:10px; display:block; margin-bottom:10px; } 

#main #container #column-main-wide #breadcrumb { padding:0 0 1.7em 0 }
#main #container #column-main-wide #breadcrumb li { background:none; padding:0 2px; float:left; font-size:.8em }
#main #container #column-main-wide #breadcrumb li a { padding-right:2px }
#main #container #column-main-wide strong { font-weight:bold; }
#main #container #column-main-wide #content .textpic-image img, #main #container #column-main-wide #content .news-event img { border:4px solid #ccc; }

#main #container #column-main-wide #content #courses-directory a { font-size:1.2em; font-weight:normal }
#main #container #column-main-wide #content #courses-directory { list-style:none; list-style-image:none; padding-left:0; }
#main #container #column-main-wide #content #courses-directory li { list-style:none; background:none; padding-left:0; }
#main #container #column-main-wide #content #courses-directory ul { padding-top:4px; padding-left:40px; padding-bottom:25px }
#main #container #column-main-wide #content #courses-directory ul li { background:url(http://www.dit.ie/media/pds/pdsimages/bullet-content-blue.gif) top left no-repeat; padding-left:15px }
#main #container #column-main-wide #content #courses-directory ul li a { font-size:1.3em; font-weight:bold }

#main #container #column-main-wide #content table { width:484px; }
#main #container #column-main-wide #content #course-details #course-title { background:#fdc553 url(http://www.dit.ie/media/pds/pdsimages/bg-table-header.gif) top right no-repeat; padding-top:40px; color:#000000; font-size:1.3em; }
#main #container #column-main-wide #content table th { font-weight:bold }
#main #container #column-main-wide #content table th, #main #container #column-main-wide #content table td { padding:10px;  font-size:.9em; border-bottom:1px solid #fff; background:#e8ecef; }
#main #container #column-main-wide #content #course-details th#course-title { font-weight:normal }
#main #container #column-main-wide #content table td.heading { font-weight:bold }

#main #container #column-main-wide #content #course-details ul { padding-top:10px; }
#main #container #column-main-wide #content #course-details ul li { background-image:url(http://www.dit.ie/media/pds/pdsimages/bullet-table.gif); font-size:1em; font-weight:normal; color:#333 }

#main #container #column-main-wide #content ul ul li { font-size:1em }
#main #container #column-main-wide #content ul ul ul li { font-size:1em }
#main #container #column-main-wide #content ul ul ul ul li { font-size:1em }