
/* Irish Studies Website CSS Document */

body { margin: 0px; padding: 0; background-color: #ffffff; background-image: url(../gfx/background_strip.jpg); background-repeat: repeat-x; font-family: 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }

#wrapheader { margin: 0em; padding: 0; background-color: #ffffff; border: none; }

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

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





/**** OTAGO ****/




/**** CONTAINER ****/

#container { min-width: 740px; margin: 0em; padding: 0em; background-image: url(../gfx/irish5.jpg); background-repeat: no-repeat; background-position: right top; }


/**** NAVIGATION ****/

#navigation { margin: 0em 0em 0em 0em; padding: 15.3em 0em 2.0em 10.5em; font-size: 1.0em; }

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


#navigation ul li { display: inline; padding: 0.5em 1.0em 0.5em 1.0em; font-weight: bold; border-right: #cccccc 1px solid; }
#navigation ul li.noborder { border: none;}
#navigation ul li a { color: #ffffff; padding: 0; border: none; font-weight: normal; text-decoration: none; }
#navigation ul li a:hover { color: #e4e4e4; text-decoration: none; }

/* 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: 0em 0em 0em 0em; padding: 0em 15.0em 0em 15.0em; vertical-align: top; }

#content h1 { border-bottom: 1px dotted #cccccc; padding: 0 0 0 0; margin: 0.3em 0em 0em 0em; color: #b0ce20; font-size: 24px; line-height: 36px; margin-bottom: 18px;  }
#content h2 { color: #333333; padding: 0em; margin: 0em; font-size: 18px; line-height: 18px; margin-bottom: 18px;  } 
#content h3 { color: #989183; padding: 0em; margin: 0em; font-size: 12px; line-height: 18px; }	
#content h4 { font-size: 12px; line-height: 18px; color: #000000; padding: 0em 0 0em 0em; margin: 0 0 0 0; font-weight: bold;  }
#content h5 { font-size: 10px; line-height: 18px; color: #6a6c78; font-weight: bold; padding: 0em; margin: 0; }
#content h6 { font-size: 10px; color: #6a6c78; font-weight: bold; padding: 0em; margin: 0; text-decoration: underline; }

#content p { padding: 0em; margin: 0 0 18px 0; color: #2d2d2dw; }

#content ul { color: #000000; margin: 0em 0em 18px 1.0em; padding: 0; }
#content ol { color: #6A6C78; list-style-type: decimal; padding: 0 0 0 0; margin: 0 0 1.0em 1.3em; }
#content ol li{ list-style-type: decimal; }
#content ul li { list-style-type: none; margin: 0em; padding: 1em 0em 0em 0em; }


#content a { color: #336699; margin: 0em; padding: 0em; }
#content a:hover { color: #224568; }

/* content table */

#content table { border-collapse: collapse; border-top: 1px solid #d3d3c9; border-left: 1px solid #d3d3c9; margin: 1.5em 2.0em 1.5em 0em; padding: 0em; }
#content table th {	text-align: left; padding: 0.5em 0.5em 0.5em 0.5em; margin: 0em; border: 1px solid #898983; background-color: #999999; color: #ffffff; }
#content table td { border-bottom: 1px solid #d3d3c9; border-right: 1px solid #d3d3c9; margin: 0em; padding: 0.6em 1.0em 0.7em 0.7em; vertical-align: top; text-align: left; font-size: 1.0em; line-height: 1.6em; 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: #333333; }
#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 .pdf { margin: 0em 0em 0em 0em; padding: 0em; }
#content .pdf img { margin: 0em; padding: 0em; }

#content .topofpage { padding: 0em; font-size: 0.9em; text-align: right; clear: both; text-decoration: none; color: #b0ce20; }
#content .topofpage a { text-decoration: none; }

#content .photo { margin: 0em; padding: 0em;}
#content .photo p {}
#content .photo img { background-color: #ffffff; margin: 0em 2em 1.0em 1.0em; padding: 1.0em; border: 1px solid #cccccc; } 



/**** NEWS - for the frontpage ****/

#news { vertical-align: top; margin: 0.5em 2.0em 2.0em 2.0em; padding: 0; font-size: 0.9em; }

#news p { margin: 0em 0em 0em 0em; font-style: italic; }

#news a { color: #336699; }
#news a:hover {}

#news table { padding: 0; margin: 0; }
#news tr { }
#news th { font-size: 1.0em; color: #ffffff; background-color: #ffae36; padding: 0em 0em 0em 0em; border: 1px solid #999999; border-collapse: collapse; font-weight: normal; }
#news td { border-collapse: collapse; color: #6a6c78; }

#news ul { padding: 0em 0em 0.5em 0em; }
#news li { margin: 0em 0 0.6em 1.0em; list-style: circle; border-bottom: #cccccc solid 1px; } 









/**** FOOTER ****/

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

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

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

#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 8.0em; float: right; color: #cccccc; margin: 0; padding: 2.7em 16.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; }


