/* General behaviour */
/*-------------------*/


/*For hyperlinks*/
* a {
	border:1px #AEC38C dotted;
}


/*For moust hovering over hyperlink*/
* a:hover {
	background-color:#AEC38C;
}


/*For visited hyperlink*/
* a:visited {
	color:gray;
}

/* Address type */ 

#page_content address{
	margin-left:30px;
}



/* Master header */
/*---------------*/

#masthead {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	width:798px;
	height:100px;
	padding:0px;
	border :#AEC38C 1px solid;
	font-size:x-large;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#0072AE;
	text-align:center;
}



/* Image styles */
/* ------------ */

/* Logo */
.logo{
        background-color:#AEC38C;
        position:relative;
	margin:0px;
	float:left;
	width:200px;
	height:100px;
}

.logo img {
	border:0px;
}


/* Faculty Photo class */

.fac_photo {
	margin-right:30px;
	margin-left:30px;
	margin-top:50px;
	margin-bottom:50px;
	display:block;
	float:none;
	width:150px;
	height:200px;
	border:thin black solid;
}




/* Top navigation bar*/
/*-------------------*/

#top_nav {
	position:relative;
	width:790px;
	padding:5px;
	border-top:1px white solid;
	border-bottom:1px white solid;
	margin-left:auto;
	margin-right:auto;
	background-color:#AEC38C;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/*List in top navigation bar*/
#top_nav ul {
	list-style-type:none;
	margin:0px;
	display:inline;
}

/*List item in top navigation bar*/
#top_nav li {
	display:inline;
}

/*Hyperlink in top navigation bar*/
#top_nav a {
	color:#0072AE;
	border:0px;
	text-decoration:none;
}


/*Mouse hovering over hyperlink in top navigation bar*/
#top_nav a:hover {
	background-color:black;
	color:white;
}


/*Visited hyperlink in top navigation bar*/
#top_nav a:visited {
	color:white;
}



/* Main page container */
/*---------------------*/


#container {
	position: relative;
	width: 798px;
	padding:0px;
	border-right:#AEC38C 1px solid;
	border-left:#AEC38C 1px solid;
	margin-left:auto;
	margin-right:auto;
	background-color:#AEC38C;
	color:black;
	font-size:medium;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}



/* Left menu column */
/*------------------*/

#left_col {
	position: relative;
	width: 195px;
	padding-right:5px;
	background-color:#AEC38C;
	color:white;
	font-size:large;
	font-weight:bold;
	font-style:italic;
	display:block;
	float:left;
}


/*Paragraph in left column*/
#left_col p {
	margin:1em;
}

/*List in left column*/
#left_col ul {
    list-style: none;
    margin:0px;
    padding:0px;
    padding-left:15px;
}



#left_col li {
    display: block;
    font-size: medium;
    border-bottom: 1px white solid;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*Hyperlink in left column*/
#left_col li a {
    color:#0072AE;
    text-decoration:none;
    font-style:italic;
}

/*Mouse hovering over hyperlink in left column*/
.locl_menu li a:hover {
    background-color:#0072AE;
    color:white;
}

/*Visited hyperlink in left column*/
.lcol_menu li a:visited {
    font-style:normal;
}




/* Page contents */
/*---------------*/


#page_content {
	position:relative;
	min-height:25em;
	margin-left: 200px;
	padding:10px;
	background-color:white;
	font-size:medium;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
}

/*Second-level header in page contents*/
#page_content h2 {
	color:#0072AE;
}




/* Right menu column */
/*-------------------*/

#right_col {
	position:relative;
	margin:1em;
	display:inline;
	float:right;
	width: 190px;
	border: #AEC38C medium double;
	color:#AEC38C;
	font-size:large;
	font-weight:bold;
	font-style:italic;
}


/*Paragraph in right menu column*/
#right_col p {
	margin:0.5em;
}

/*List in right menu column*/
#right_col ul {
	list-style-type:none;
	margin-left:10px;
	padding:0px;
}


/*List item in right menu column*/
#right_col li {
	display:block;
	font-size:medium;
	color:black;
	line-height:1.5em;
}


/*Hyperlink in right menu column*/
#right_col a {
	color:#AEC38C;
	text-decoration:none;
	font-style:normal;
}


/*Mouse hovering over hyperlink in right menu column*/
#right_col a:hover {
	background-color:#AEC38C;
	color:white;
}


/*Visited hyperlink in right menu column*/
#right_col a:visited {
	color:gray;
}



/*Footer*/
/*------*/


#footer {
	position:relative;
	display:block;
	clear:both;
	background-color:#AEC38C;
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	width:790px;
	height:34px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	border-top:1px white solid;
	border-bottom:1px white solid;
}



/* Site map styles*/
/*----------------*/

.sitemap {
	text-align:left;
	font-size:small;
}

/*List in site map*/
.sitemap_l1 {
        padding:0px;
        margin: 5px 0px 5px 40px;
	list-style-type:square;
}

/*Second level list in site map*/
.sitemap_l2 {
        padding:0px;
        margin: 3px 0px 3px 60px;
	list-style-type:disc;
}


/*Third level list in site map*/
.sitemap_l3 {
        padding:0px;
        margin: 0px 0px 0px 80px;
	list-style-type:circle;
}

.contact_l1 {
    padding: 0px;
    margin: 5px 0px 5px 30px;
    list-style-type: square;
}

.contact_l2 {
    padding: 0px;
    margin: 0px 0px 0px 60px;
    list-style-type: circle;
}


/* Questions and Answers styles */
/*------------------------------*/

/*List of questions and answers*/
.qlist {
	margin:0px;
	list-style-type:square;
}

/*Question style*/
.qstyle {
	margin-top:2em;
	margin-bottom:1em;
	font-weight:bold;
	font-style:italic;
}

/*Answer style*/
.astyle {
	margin-left:30px;
}

/*Back-to-top style*/
.btt {
	text-align:right;
}



/* Quiz question styles */
/*----------------------*/


/*List of quiz questions*/
.quiz_question {
    list-style: decimal;
}

/*Multiple choice answers style*/
.quiz_choices {
    list-style:lower-roman;
    margin-left:20px;
}

/*Correct answer style*/
.quiz_correct {
    color:green;
    font-weight:bold;
}


.caption {
    font-size: small;
    text-align: center;
}


.plus_minus {
    width:20px;
    height:20px;
    display:block;
    float:left;
    background:url('images/plusminus.png') no-repeat;
    cursor:pointer;
    vertical-align:middle;
}

h3.multimedia {
    margin-left:25px;
    cursor:pointer;
}

div.multimedia {
    margin-left:20px;
    display:none;
}

area:hover {
    cursor:pointer;
}

.intro_img {
    display:block;
    float:right;
    margin:10px;
    margin-top:0px;
    width:200px;
}