/* 
    Document   : style
    Created on : 20 May 2009, 1:04:00 PM
    Author     : a151875
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{padding:0;margin:0;border:none;}
.clear{clear:both;}

h1{font-family: Tahoma, Arial; font-size: 1.63em; line-height: 47px;}
h2{font-family: Arial; font-size: 1.63em; padding: 15px 5px 0px 15px; font-size: 14px;}
h2 a{font-size: 14px; color: white; text-decoration: none;}
h2 a:hover{text-decoration: underline;}

a{color: white; text-decoration: none; }
a:hover{ text-decoration: underline;}

body{font-family: Arial, Tahoma, Verdana;font-size: 100%;}
body, html{
  background-image: url('../images/nav_repeat.gif');
  background-repeat: repeat-x;
  text-align: center;
  background-color: #93b2d6;
}

#wrapper{
    width: 800px;
    margin: 0 auto 0 auto;
}

#nav{
    width: 800px;
    height: 81px;
    font-size: 0.63em;
    font-weight: bold;

}
#nav ul{
    list-style: none;
    line-height: 81px;
}
#nav li{
    float: left;
    width: 130px;
    text-align: center;
}
#nav a{color: #cacaca;text-decoration: none;}
#nav a:hover{color: white;}

#banner{
    width: 800px;
    height: 300px;
}

#main{
    width: 800px;
    height: auto;
    text-align: justify;
    font-size: 12px;
    color: white;
}


.content{
    width:800px;
    min-height: 200px;
    background-color: #4a4ed7;
    padding-bottom: 20px;
}


.contenta{
    width:800px;
    min-height: 200px;
    background-color: #73a7bf;
    padding-bottom: 20px;
}
.contentb{
    width:800px;
    min-height: 175px;
    background-color: #1f7878;
    padding-bottom: 20px;
}
.contentc{
    width:800px;
    min-height: 200px;
    background-color: #4a4ed7;
    padding-bottom: 20px;
}

.colleft{
    float: left;
    width: 400px;
}
#main p{
    padding: 20px 10px 20px 10px;
}

.colright{
    float: right;
    width: 400px;
}
.colheading{
    width: 400px;
    height: 47px;
    background-color: #373787;
    text-align: center;
}
/*----CONTENT----*/
.button{background-color: #f16400; color: white; text-decoration: none; padding: 5px; line-height: 15px; }
.globe{
    float: left;
    padding: 0px 10px 10px 0px;
}

ul#contact li{
    float: none;
    padding: 0;
    margin: 0;
}
ul#contact li a{ color: white; text-decoration: none; }
ul#contact li a:hover{ text-decoration: underline; }


/*---- ABOUT US ----*/

.about td, th{
    font-size: 12px;
    color: white;
    border: 1px solid white;
    padding: 5px 5px 5px 5px;
    text-align: justify;
}
.about td ul{
    list-style: none;
}
.about th{ font-size: 14px; text-align: center; }

/*---- ARTICLES ----*/
.subtitle{
    font-style:italic;
    font-size: 11px;
    padding-left: 15px;
}
.article_abstract{
    padding-left: 15px;
    
}


/*---- GALLERY ----*/
.colleft ul{
   list-style:none;
}
.colleft ul li{
    float: left;
    padding: 15px;
}

#footer{
    width: 100%;
    height: 100px;
    min-height: 100px;
    text-align: center;
    background-image: url('../images/footer_repeat.gif');
    background-repeat: repeat-x;
    background-color: #838383;
}
#footer p{
    font-size: 11px;
    color: #dadada;
    line-height: 30px;
}
#footer p a{
    color: #dadada;
}
#footer p a:hover{
    color: white;
}
.footer_tag{
    text-decoration: none;
}

.left_col{
  float:left;
  width: 400px;
}
.right_col{
  float:right;
  width: 400px;
  padding-left: 20px;
}
#return{
  color:white;
  font-size: 14px;
  font-weight:bold;
  line-height: 30px;
  font-style:italic;
}