/* Asian Studies Website CSS Document */

body { margin: 0px; padding: 0; background-color: #e6e6da; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }

#wrap { margin: 1.0em auto 3.0em auto; width: 740px; background-color: #ffffff; border: 1px #cccccc solid; }

#header { margin: 0; padding: 1.5em 0em 0em 1.5em; }
#header img { border: 1px solid #666666; }





/**** NAVIGATION ****/

#navigation { float: left; margin: 3.5em 0em 2.0em 3.5em; padding: 0; font-size: 1.2em; }

#navigation ul { padding: 0; margin: 0em 0em 0em 0em; list-style-type: none; text-align: right; border-right: #666666 dotted 1px; padding: 0em 0.5em 0em 0em; }


#navigation ul li { padding: 0.5em; font-weight: bold; }
#navigation ul li a { color: #990000; padding: 0; border: none; font-weight: bold; text-decoration: none; }
#navigation ul li a:hover { color: #CC0000; text-decoration: underline; }

/* sub navigation */

#navigation ul li ul { font-size: 0.9em; border: none; padding: 0em 0em 0em 0.3em; margin: 0 0 1.0em 0; }
#navigation ul li ul li { border: none; font-weight: normal; }
#navigation ul li ul li a { color: #ffffff; padding: 0; border: none; }
#navigation ul li ul li a:hover { color: #333333; text-decoration: underline; }





/**** CONTENT ****/

#content { margin: 4.0em 0em 0em 14.0em; padding: 0em 1.0em 0em 0em; vertical-align: top; }


#content h1 { font-size: 2.3em; color: #990000; border-bottom: 1px dotted #cccccc; padding: 0 0 0 0; margin: 0.6em 0.9em 1.0em 0em; font-weight: normal; }
#content h2 { font-size: 1.8em; color: #333333; padding: 0em;  margin: 1.5em 0em 1.0em 0em; font-weight: normal; }
#content h3 { font-size: 1.3em; color: #6a6c78; padding: 0em;  margin: 1.0em 0em 0.7em 0em; font-weight: bold;  }
#content h4 { font-size: 1.2em; color: #6a6c78; padding: 0.4em 0 0.4em 1.5em; margin: 0 0 0 0; font-weight: bold;  }
#content h5 { font-size: 1.0em; color: #6a6c78; font-weight: bold; padding: 0 0 1.4em 0em;  margin: 0; }
#content h6 { font-size: 1.0em; color: #000000; font-weight: normal; padding: 0 0 0.4em 0em;  margin: 0; }


#content p { padding: 0 1.8em 1.0em 0em; margin: 0; line-height: 1.6em; font-size: 1.1em; color: #2d2d2dw; }


#content ul { color: #2d2d2dw; font-size: 1.1em; padding: 0; margin: 0em 0em 1.0em 1.5em;}
#content ul li { list-style-type: circle; padding: 0.5em 0 0.5em 0;}

#content ol { color: #000000; font-size: 1.1em; list-style-type: decimal; padding: 1.5em 0em 0em 2.0em; margin: 0em 0em 1.0em 0em; }
#content ol li{ list-style-type: decimal; padding: 0em 0em 1.0em 1.0em; margin: 0em; }

#content .study { border: 1px solid #e4e4e4; padding: 1.0em 0em 4.0em 2.0em; margin: 0em 2.0em 0em 0em; }
#content .study li:hover { background-color: #eeeeee;}

#content a { color: #336699; }
#content a:hover { color: #224568; }

/* content table */

#content table { border-collapse: collapse; border-top: 1px solid #d3d3c9; border-left: 1px solid #d3d3c9; margin: 1.0em 2.0em 1.0em 0em; padding: 0em; width: 90% }
#content table th {	text-align: left; padding: 0.5em; border: 1px solid #898983; background-color: #6C0000; color: #ffffff; }
#content table td { border-bottom: 1px solid #d3d3c9; border-right: 1px solid #d3d3c9; padding: 0.5em; vertical-align: top; text-align: left; font-size: 1.1em; line-height: 1.7em; color: #000000; }
#content table tr {}
#content table td h1 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h2 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h3 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h4 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h5 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h6 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td p { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; color: #2d2d2dw; }
#content table td ul { font-size: 1.0em; margin: 0.5em 0em 0.5em 0em; list-style-type: disc; }
#content table td ol { font-size: 1.0em; }
#content table td li { font-size: 1.0em; line-height: 1.2em; padding: 0; }

#content img { margin: 0.5em 1.4em 1.0em 0em; }

#content .topofpage { padding: 2.0em 3.0em 0em 0em; color:#FF9900; text-align: right; font-size: 0.9em; }







/**** FOOTER ****/

#footer { clear: both; /*background-image: url(footer.jpg); background-repeat: no-repeat;*/ padding: 3.5em 0em 0.8em 0em; }

#footer p { color: #666666; padding: 1.0em 0 0 20px; border-top: dotted #cccccc 1px; }

#footer a { color: #666666; font-size: 0.9em; text-decoration: none; }
#footer a:hover { color: #999999; }

#footer .weboffice { font-size: 0.9em; width: 8em; float: right; color: #cccccc; margin: 0; padding: 2.7em 1.4em 0 0; text-align: right; }
	#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.07em; }
	#footer .weboffice a:hover { text-decoration: underline; color: #999999; }