/**********************************************************************************************************
 * This style sheet is based on the Sinorca Screen available Open Source Web Design @ http://www.oswd.org *
 * Modifications :  Kally Shergill                                                                        *
 *                  Added orange (FF9900) as another colour.                                              *
 *                  Included borders styles for tables.                                                   *
 *                  Created a central container for the text.                                             *
 *                  Changed the look of the side bar navigation and added a backgroud bar to highlight    *
 *                 the currently chosen menu option.                                                      *
 **********************************************************************************************************/

/* ##### Common Styles ##### */

body {
  color: black;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  width:778px;
}

/* All tables have a border */
table {
	border-collapse:collapse;
	border: 1px solid #ff9900;
	line-height: 1.25em;
	font-size:100%;
}

caption {
  color: white;
  background-color: #FF9900;
  /* border-bottom: 1px solid white; */
  line-height: 1.5em;
  font-weight:bold;
  font-size:110%;
}

th {
  color: white;
  background-color: #FF9900;
  border: 1px solid white;
}

.borderTable td {
  border: 1px solid #FF9900; 
}

.CalendarDark td {
  border:1px solid #999999;
  background-color:#dddddd;
  text-align: center; 
}
				  
.Calendar td {
  border:#999999 1px solid;
  text-align: center; 
}

.noBorder {
  border:0;
}
acronym, .titleTip {
  font-style: italic;
  border-bottom: none;
}

acronym:after, .titleTip:after {  /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
  content: "(" attr(title) ")";
  font-size: 90%;
  font-style: normal;
  padding-left: 1ex;
}


img {
  border :0;
}

.doNotPrint {
  display: none !important;
}

/* #### Main container for the page ##### */

.main-container {
}


/* ##### Header ##### */

#header {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid black;
}

.superHeader {
  display: none;
}

.headerTitle {
  Color: black;
  background-color: transparent;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 200%;
  font-weight: normal;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

.subHeader {
  display: none;
}

#menu {
  display:none;
}

/* ##### Side Bar ##### */

#side-bar {
  display: none;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  margin: 0;
  padding: 0;
}

#main-copy h1 {
  font-size: 130%;
  font-weight: bold;
  margin: 2ex 0 1ex 0;
  padding: 2ex 0 2ex 0;
  border-bottom: 1px solid #FF9900;  
  line-height:1em;
/*
  background-color: transparent;
  background-image: url("images/khanda_for_headings.png");
  background-repeat: no-repeat;
  */
}

#main-copy h2 {
  font-size: 110%;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
  border-bottom: 1px solid #FF9900;
}


#main-copy a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

#main-copy a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
  content: "<" attr(href) ">";
  font-size: 90%;
  padding-left: 1ex;
}

p {
  margin: 0 0 2ex 0;
  padding: 0;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  margin: 0 0 2ex 1.5em;
  padding: 0;
}

.topOfPage {
  display: none;
}


/* ##### Footer ##### */

#footer {
  margin: 2em 0 0 0;
  padding: 1ex 0 0 0;
  border-top: 1px solid black;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}