@charset "utf-8";

/*

IMPORTANT: ONLY CHANGE THESE ATTRIBUTES IF YOU ABSOLUTELY KNOW WHAT YOU ARE DOING. This is the Master layout that controls all templates. It contains settings for distances and hieghts of divs, settings for ULs, links, font types and sizes.

Created by: Tamam Khadduri
email: tkhadduri@qu.edu.qa
website: www.tamamkhadduri.info
*/

html, body, div, span, applet, object, iframe{
	margin: auto auto auto auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  line-height: 16px;
  margin: 0 auto;
  padding: 0 0 0 0;
}

h1 {font-size: 225%;}

h2 {font-size: 225%;}

h3 {font-size: 150%;}

h4 {font-size: 115%;}


a,  a:link {font-weight: bold;text-decoration: none;}
a:visited {font-weight: bold;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {}
a:active {}

#outterWrapper {
  width: 1000px;
  margin: auto auto auto auto;
}

#outterWrapper #bannerWrapper {
  line-height: 15px;
  padding: 10px 10px 10px 10px;
  min-height:80px;
}

#outterWrapper #bannerWrapper a{
  color:#FFFFFF; 
}

#outterWrapper #bannerWrapper #topBannerLeft {
	height: 100%;
	text-align:left;
	margin-top: 0px;
	margin-right: 350px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#outterWrapper #bannerWrapper #topBannerLeft #topBannerQULogo {
  height: 44px;
  margin-top:11px;
  text-align:left;
}

#outterWrapper #bannerWrapper #topBannerLeft #topBannerQULogo a span {visibility: hidden;}
#outterWrapper #bannerWrapper #topBannerLeft #topBannerDeptName {
	line-height: 30px;
  text-align:left;
  text-transform:uppercase;
  font-size:150%;
}

#outterWrapper #bannerWrapper #topBannerLeft #topBannerDeptName a{font-weight:200;}
#outterWrapper #bannerWrapper #topBannerLeft #topBannerSubDeptName a{font-weight:100;}

#outterWrapper #bannerWrapper #topBannerLeft #topBannerSubDeptName{
	line-height:20px;
	text-align:left;
	font-size:125%;
	text-transform:uppercase;
	letter-spacing:1px;
}

#outterWrapper #bannerWrapper #topBannerRight {
	height: 100%;
	width: 350px;
	text-align:right;
	float: right;
}

#outterWrapper #bannerWrapper #topBannerRight #topBannerNav {
	height: 50px;
  	text-align:right;
}

#outterWrapper #bannerWrapper #topBannerRight #topBannerNav a{
	font-weight:normal;
}

#outterWrapper #bannerWrapper #topBannerRight #topBannerSearch {
	height:40px;
}

.searchBox{ color:#999999; }

#outterWrapper #navigationWrapper{
	clear: both;
	z-index:1000;
}

#outterWrapper #navigationWrapper #bannerNavigation {
	height: 150px;
	position:relative;
	top: 20px;
	text-align: center;
}

#outterWrapper #middleWrapper {
  margin: 20px 10px 5px 10px;
  border: solid 1px white;
  text-align: left;
  z-index:500;
}

#outterWrapper #middleWrapper #navColumn #deptNavigation {
  padding: 2px 2px 2px 5px; 
}

#outterWrapper #middleWrapper #clear {
	clear:both;
}

#outterWrapper #middleWrapper #contentWrapper{
	z-index: 50;
}

#outterWrapper #middleWrapper #contentWrapper #contentBanner {
	height:150px;
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	z-index:1200;
}

#outterWrapper #middleWrapper #contentWrapper #content {
	padding: 10px 10px 10px 10px;
}

#outterWrapper #middleWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}

/*FOOTER SETTINGS*/
#outterWrapper #footerWrapper {
  height:15px;
  padding: 4px 4px 4px 4px;
  margin: 2px 0px 2px 0px;
}

#outterWrapper #footerWrapper #footer_left {
  width:300px;
  float:left;
  text-align: left;
}

#outterWrapper #footerWrapper #footer_right {
  width:500px;
  float:right;
  text-align:right;
}

#outterWrapper #footerWrapper #footer_right a{
 color: #FFFFFF;
 font-weight:normal;
}

/*MAIN NAVIGATION MASTER SETTINGS*/
#mainNavigation {
	position:absolute;
	z-index:1000;
	width: 960px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

#mainNavigation ul {
list-style: none;
margin: 0;
padding: 0;
width: 125px;
}

#mainNavigation h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-bottom-color:#FFFFFF;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
border-style: dotted;
margin: 0;
padding: 2px 8px;
}

#mainNavigation h2 {
text-transform: uppercase;
}

#mainNavigation a {
font: 11px/16px arial, helvetica, sans-serif;
text-decoration: none;
display: block;
border-width: 0px;
margin: 0;
padding: 2px 8px;
}

#mainNavigation li {line-height: 15px;}

#mainNavigation ul ul {
position: absolute;
z-index: 750;
}

#mainNavigation ul ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 750;
}

div#mainNavigation ul ul,
div#mainNavigation ul li:hover ul ul,
div#mainNavigation ul ul li:hover ul ul
{display: none;}

div#mainNavigation ul li:hover ul,
div#mainNavigation ul ul li:hover ul,
div#mainNavigation ul ul ul li:hover ul
{display: block;}

#contentOwner{
font-size:90%;
text-align:right;
}

#lastModifiedDate{
font-size:10px;
text-align:right;
}

/*SIDE MENU SETTINGS - ONLY SIZES ARE HERE, TO CUSTOMIZE THE COLLEGE'S COLORS REFERE TO THE CSS IN THE COLLEGE'S COMPONENT*/
.udm{
list-style:none;
list-style-position: outside;
margin-left:0px;
padding-left:0px;
}
.deptNavigationList a{display:block;}
.deptNavigationList_selected_submenu a{display:block;}

div#deptNavigation li{
line-height:20px;
border: dotted 1px;
border-top:none;
border-left: none;
border-right: none;
border-color:#ebd5bc;
}

li.deptNavigationList_selected{
padding-left: 5px;
}

li.deptNavigationList{
padding-left: 5px;
}

li.deptNavigationList_selected_submenu{
padding-left: 5px;
}

.deptNavigationList_level2{
list-style-position:outside; list-style:none; margin-left:-5px; padding-left:0px;
}

.deptNavigationList_level2 li.deptNavigationList{
padding-left: 10px;
}

.deptNavigationList_level2 .deptNavigationList_selected{
padding-left: 5px;
}

.deptNavigationList_level2 .deptNavigationList_selected_submenu{
padding-left: 10px;
}

.deptNavigationList_level2 a.deptNavigationList_selected_submenu{
padding-left: 0px;
}

.deptNavigationList_level3{
list-style-position:outside; list-style:none; margin-left:-10px; padding-left:0px;
}

.deptNavigationList_level3 li.deptNavigationList{
padding-left:20px;
}

.deptNavigationList_level3 .deptNavigationList_selected{
padding-left: 10px;
}

.deptNavigationList_level3 .deptNavigationList_selected_submenu{
padding-left: 20px;
}

.deptNavigationList_level3 .deptNavigationList_selected_submenu a{
padding-left: 0px;
}

/* ASTHETICS */
table{
border:solid 1px;
border-collapse: collapse;
}

td{padding:5px;}

th{
padding:10px;
font-weight:bold;
border:solid 1px;
}

.big_title{
font-size:225%;
letter-spacing:1px;
line-height:100%;
}

.big_title_bold{
font-weight:bold;
font-size:225%;
letter-spacing:1px;
line-height:100%;
}

.small_title{
font-size:150%;
letter-spacing:1px;
}

.smallest_title{
font-size:115%;
}

.foot_note{
font-size:75%;
color:#666666;
}

.button {
color: #FFF;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
border: solid 1px;
padding: 2px 4px 2px 4px;
}

.field{
	border: solid 1px;
padding: 2px 2px 2px 2px;
}

.none{
border:none;
background:none;
padding:0;
margin:0;
}

.none th{
border:none;
background:none;
padding:0px;
margin:0px;
}

.none td{
border:none;
background:none;
padding:0px;
margin:0px;
}

.padding_margin_2px{
border:none;
margin:2px;
padding:2px;
}