/***********************************************/
/* Table-less layout and stylesheet            */
/* courtesy of Dal Faculty of Computer Science */
/***********************************************/



body, html {
    height:100%;
    margin:0px;
    padding:0px;
}

body {
    background-color:#BB7900;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.outer_wrapper {
    height:100%;
    width:100%;
    position:relative;
}

/* Black Header */
.black_head_full, .black_head_center, .black_head_left {
    height: 76px;
}

.black_head_full {
    text-align:center;
}

.black_head_center {
    background-color:black;
    width:752px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    z-index:2;
}

.black_head_left {
    width:50%;
    background-color:black;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
}

.dal_logo {
    float:left;
    position:relative;
    top:10px;
    border:none;
}

.faculty_title {
    float:left;
    position:relative;
    top:7px;
    left:15px;
}

/* Blue Bars */




.blue_head_filler {
    padding-bottom:1px; /* Extra space for border of real blue bar */
}


.water_bar, .blue_head_full, .blue_head_center, .blue_foot_center, .blue_head_filler {
    font-size: 8pt;

    height: 4.5ex;

    line-height:4.5ex;
    vertical-align: middle;
    text-align:left;
}
/* Styling for the text in blue bars */
.blue_head_text, .blue_foot_text {
    margin-left:10px;
    float:left;
}

/* Blue header */
.blue_head_full {
    text-align:center;

    position:absolute;
    top:0px;
    left:0px;
width:100%;
    border-top: 1px solid white;
}

.blue_head_center {
    color: #FFFFFF;
    background-color: #003366;
    width:751px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    z-index:2;
    
    text-align:right;
    
    border-left: 1px solid white;
}

.blue_head_right {
    background-color: #003366;
    width:50%;
    height:100%;
    z-index:1;
    position:absolute;
    right:0px;
    top:0px;
}

/* Styling for the search controls */
.search_controls, .blue_head_center form  {
    display:inline;
}

.search_controls label {
    display:none;
}

.search_controls input {
    font-size: 8pt;
}

/* Main Content Row */
.main_full {
    position:relative;
    text-align:center;
}

.main_center {
    width:750px;
    margin-right:auto;
    margin-left:auto;
    border: 1px solid white;
    z-index:2;
    position:relative;    
    background-color:white;
}








.content {
    background-color:white;
    color:black;
    width:550px;

    margin-left: 184px;
    margin-right: 10px; 
    text-align:left;
}

.breadcrumb {
    margin-top:5px; 
    margin-right:20px; 
    padding-bottom:2px;
    font-size:8pt;
}

/* Google search badge */


.search_badge {
    text-align:left;
    font-size: 8pt;    
    position:absolute;
    bottom:0px;
    left:10px;
}

.search_badge img {
    border: none;
}




.main_center {
    min-height: 1px;
    padding-top: 650px; 
}

.main_center div.content {
    margin-top: -650px;
}



/* Sidebar and Menu */
.sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	text-align:left;
	height: 803px;

}

.main_menu {
    background-color:black;
}

.main_menu h4 {
    display:none;
}

.main_menu ul {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.main_menu li {
    display:inline;
    list-style-type:none;
}

.sub_menu {
    
    background-color:white;
    margin-top:70px;
}

.sub_menu li {
    list-style-type:square;
    font-size:8pt;
}

.sub_menu ul {
    margin:0px;
    padding:0px;
    padding-left:25px;
    padding-bottom: 10px;
}

.sub_menu h4 {
    padding-left:10px;
    color:black;
    font-size:10pt;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}

/* Water Image */


.water {
    height:244px;
     
    background-image: url("xy.jpg");
	

    width:50%;
    position: absolute;
	
    z-index:1;
    right:0px;
    border-top:1px solid white;
	
}

.water_bar {
    
    width:100%; 
    border-top:1px solid white; 
    border-bottom:1px solid white; 
    background-color:#003366; 
    position:absolute;
    right:0px;
    bottom:-4.5ex;
	
}

/* Blue Footer */
.blue_foot_center {
    clear:both;
    color: #FFFFFF;
    width:750px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    z-index:2;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right:1px solid white;
    background-color: #003366;
    
}

/* Green footer*/


.green_foot_center {

    width:750px;
    margin-right:auto;
    margin-left:auto;
    text-align:right;
	
    color:white;

    height: 80px;

    background-color:#55891A;
    border-left:  1px solid white;
    border-right: 1px solid white;
    z-index:2;
}

/* Link styles */
a {
    text-decoration:none;
    color:#336699;
}

a:hover {
    text-decoration:underline;
}

.main_menu a {
    display:block;
    background-color:black;
    color:white;
    border-bottom: 1px dotted white;
    padding: 4px 10px 2px 10px;
}

.main_menu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 10pt;
}

.main_menu a.menu_on {
    background-color: #ccc;
    color: #000;
}

.main_menu a:hover {
    color: #C57226;
    text-decoration:none;
}

.faculty_title a {
    border:none;
    font-family:  Times New Roman, Times, serif;
    font-size:18pt;
    color: #EBB733;
    font-style: italic;
    font-weight: bold;
}

.aux_link { 
    color: white;
    border-bottom: 1px dotted white;
}

.aux_link:hover {
    border-bottom:1px solid white;
    text-decoration:none;
}

/* Green bar extension */


.back_full {
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    text-align:center;
    z-index: 0;
}

.back_center {
    width:750px;
    height:100%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background-color: #55891A;
    margin-left:auto;
    margin-right:auto;
}

/* Styles for content */

.center {
    text-align:center;
}

.center * {
    margin-left: auto;
    margin-right: auto;
}


h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
}

h1 {
    font-size:14pt;
}

h2 {
    font-size:12pt;
}

h3 {
    font-size:10pt;
}

h4, h5, h6 {
    font-size:8pt;
}

#defence_table
{
    width:100%;
}

#defence_table th
{
    text-align:right;
    border:1px solid #000000;
    background-color:#F5F5F5;
    vertical-align:top;
    padding:4px;
}

#defence_table td
{
    padding:4px;
    border:1px solid #000000;
}

div.sub_title {
   font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
   font-size: 14pt;
   float: left;
   position: absolute;
   font-weight: bold;
    top: 40px;
    left: 174px;
}

div.sub_title a {
   color: #fff;
   }
.pop_menu a {
    display:block;
	
    background-color: #006699;
    color:white;
    border-bottom: 1px solid black ;
    padding: 4px 10px 2px 10px;
}

.pop_menu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 10pt;

}

.pop_menu a.menu_on {
    background-color: yellow;
    color: blue;
}

.pop_menu a:hover {
    backgroud-color: black;
    color: #CC9900;
    text-decoration:none;
}
colortable {
 font-size:13pt;
 }
 colortable a{
 font-color: #003366;
 }
