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



  STYLESHEET FOR ARHS SCIENCE WEBSITE



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



/*NOTE: THIS STYLE SHEET WILL ONLY VALIDATE IN CSS LEVEL 3*/



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



  GENERAL DIVS



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



body {



    background-color: #888888;

    background-image: url('images/bg.png');

    background-repeat: repeat-x;

    font-family: myriad pro,arial,sans-serif;

    font-size: medium;

    text-align: justify;



}



#shell {

    width: 820px;

    margin: 0px auto 0;


}



#head {

		

    height: 130px;

    padding: 10px 10px 0px;

    background-image: url('images/title-bg.png');

    background-repeat: no-repeat;

}



#main {

    padding: 0 10px 0;

    /*min-height: 400px;*/

    clear: both;

    background-image: url('images/main-bg.png');

    font-family: garamond,helvetica,sans-serif;

}



#bg {

    background-image: url('images/stripes.jpg');

    height: 100%;

}



#sidebar {

    width: 200px;

    margin: 0;

    padding: 0;

    z-index: -1;

    float: left;

}



#content {

    padding: 10px 25px;

    background-color: #f5f5f5;

    margin: 0 0 0 200px;

    min-height: 300px;

    width: 550px;

}



#foot {

    clear: both;

    padding: 0 10px 10px;

    height: 75px;

    background-image: url('images/foot-bg.png');

}



#valid {

    width: 200px;

    text-align: right;

    position: relative;

    top: -55px;

    float: right;

    right: 25px;

}



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

  NAVIGATION

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



div#nav {

    height: 30px;

    padding: 0 25px;
		margin-top: -3px;

    background-image: url('images/nav-bg.png');

}



#nav ul {

    margin: 0;
    padding: 0;
		
		/*changed by NK in order to slide position up*/
/*margin-top:-.2em;*/

    list-style: none;

}



#nav a {

    display: block;

    height: 20px;

    padding: 6px 0;

    text-align: center;

    width: 100%;

    color: #FFFFFF;

    text-decoration: none;

}



#nav > ul > li {

    float: left;

    width: 125px;

}



#nav li > ul {


    display: none;

}



#nav > ul > li:hover {

    background-image: url('images/tab.png');

}



#nav li:hover > ul {
/*margin-top:-.2em;*/
    display: block;

    position: absolute;

    z-index: 2;

}



#nav > ul > li > ul {
margin-top:-.1em;

}
#nav > ul > li > ul >li {
    width: 150px;

    font-size: 80%;

    padding: 5px;

    height: 20px;

    background-color: #e6e6e6;

    opacity: .95;

}



#nav > ul > li > ul > li > a {

    color: #000000;

    vertical-align: middle;

    text-align: left;

    opacity: 1;

}



#nav img {

    position: absolute;

    right: 5px;

    opacity: 1;

}



#nav > ul > li > ul >li:hover {

    background-color: #cccccc;

}



#nav li li:hover ul {

    display: block;

    position: relative;

    left: 155px;

    top: -35px

}



#nav li li li {

    font-size: 90%;

    opacity: .9;

    width: 200px;

    background-color: #333333;

}



#nav li li li:hover {

    background-color: #444444;

}



#nav li li li a {

    text-align: left;

    padding: 5px;

    height: 100%;

    width: 180px;

}



/*----

  MAIN

  ----*/



#main a {

    color: #114477;

    font-weight: bold;

    text-decoration: none;

}



#main a:hover {

    color: #336699;

}



#main li {

    padding: 0;
	text-align:left;

}


/*----

  MISC

  ----*/



img {

    margin: 0;

    padding: 0;

    border: 0

}



h1 {

	text-align: left;

	font-size: 1.5em;

}
h2 {

	text-align: left;

	font-size: 1.2em;

}

h3 {

	text-align: left;

	font-size: 1em;

}

.question{

	font-weight:bold;

	font-size:1em;

	border:1px solid #333;

	padding:1em;

	background-color:#f0f0f0;

}
.breadCrumbs{
	font-weight:normal;
	font-size:.9em;

}