/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Deg Teg Mission Charitable Trust style sheet
Author : Kamal
URL : www.degtegmission.org

Description: 

Created : 11.23.2008
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

body{
text-align:center;
font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}

/* ----- SITE-WIDE IDS ----- */

#container{
width: 970px;
margin: 0 auto;
padding: 0;
background-color: #FFF;
text-align: left;
border: 1px solid #363636;
}

#header{
margin: 0;
padding: 0;
}


#content{
margin: 0 0 10px 0;
padding: 0;
}

#navigation{
margin: 0;
padding: 0;
}

#footer{
border-top:1px solid #CCCCCC;
padding:5px 0 5px 0;
background-color: #363636;
text-align: center;
font-size: .75em;
color:#FFFFFF;
clear:both;
}

/* ----- HOMEPAGE IDS
The homepage has a number of compartments
 ----- */

#home-left { 
width: 200px; 
float: left; 
}

#home-main { 
width: 769px; 
float: right; 
border-left:1px solid #CCCCCC; 
}

#home-center { 
width: 568px; 
float: left;  
text-align: center;
}

#home-right { 
width: 200px; 
float: right; 
border-left:1px solid #CCCCCC; 
}

#home-bottomrow { 
width: 100%; 
clear: both; 
border-top:1px solid #CCCCCC; 
}

/* ----- INTERIOR PAGE IDS
The interior pages have either 1 or 2 column layouts, simpler than the homepage
 ----- */

#suppinfo { 
width: 17%; 
float: left; 
}

#maincontent { 
width: 81%; 
float: right; 
border-left:1px solid #CCCCCC; 
}

/* ----- HEADINGS ----- */

#content h1,h2,h4,h5{
margin: 0 10px 10px 10px;
}

#content h3{
margin: 0 10px 10px 10px;
}

h1{
font-family: Times New Roman, Times, serif;
font-size:1.5em;
font-weight:normal;
}

h2{
font-family: Times New Roman, Times, serif;
font-size:1.3em;
font-weight:normal;
padding:0 0 0 0;
}

h3{
font-family: Times New Roman, Times, serif;
font-size:1.3em;
font-weight:normal;
padding:0 0 0 0;
}

h4{
font-family: Times New Roman, Times, serif;
font-size:1.2em;
font-weight:normal;
padding:.7em 0 0 0;
}

h4.bordertop{
font-family: Times New Roman, Times, serif;
font-size:1.2em;
font-weight:normal;
padding: .7em 0 0 0;
border-top: 1px solid #000000; 
}

h5{
font-family: Times New Roman, Times, serif;
font-size:1.1em;
font-weight:normal;
padding:.7em 0 0 0;
}


/* ----- PARAGRAPHS ----- */

p{

font-size:.8em;
letter-spacing:.01em;
line-height:1.3em;
}

#content p{
margin: 0 10px 10px 10px;
}


/* ----- LISTS ----- */

li{
font-size:.75em;
letter-spacing:.01em;
font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}

#content li{
margin: 0 10px 0 10px;
}


/* ----- IMAGES ----- */

img {
border-style:none;
}

.border {
border: 1px solid #666;
margin: 0 10px 10px 10px;
padding: 0;
}

.floatright
{
float: right;
margin: 0 10px 10px 10px;
padding: 0;
}

.floatright-border
{
float: right;
margin: 0 5px 10px 10px;
border: 1px solid #666;
padding: 0;
}

.floatleft
{
float: left;
margin: 0 10px 10px 5px;
border: 0;
padding: 0;
}

.floatleft-border
{
float: left;
margin: 0 10px 10px 5px;
border: 1px solid #666;
padding: 0;
}



/* ----- LINKS ----- */

a {text-decoration: none; border-bottom: 1px dotted; }
a:hover { color: #8B1A1E; border-bottom: 1px solid; }
a:active { color: #8B1A1E; }
a:link { color: #8B1A1E; }
a:visited {color: #8B1A1E; }


/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#363636;
	  font-size:1em;
	  letter-spacing:.02em;
      line-height:normal;
	  margin: 0 0 10px 0;
      }
    #tabsH ul {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("../i/menu_tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("../i/menu_tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }