/*****  MATARIKI NETWORK WEBSITE STYLES ******************************/

@import url("http://www.otago.ac.nz/css/reset.css");
@import url("http://www.otago.ac.nz/css/icons.css");

body { margin: 0em; padding: 0em; background-color: #efefef; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 76%; line-height: 1.5em; }

strong { font-weight: bold; }

em { font-style: italic; }







/****** CONTAINER************************/

#container { width: 960px; margin: 0 auto 0 auto; padding: 0em; }











/****** HEADER ************************/

#header { height: 245px; border: none; padding: 0em; margin: 0em; }
#header a { border: none; }
#header img { border: none; margin: 1.0em 0em 0em 17.0em; }







/****** NAVIGATION ************************/

/*#navborder { border: 1px solid #e7e7e7; width: 960px; float: left; padding: 1.1em; margin: 2.0em 0em 2.0em 0em; }*/







/****** NAVIGATION ************************/

#navigation { margin: 0em 0em 1.0em 0em; padding: 0.8em 0.8em 0.3em 0.8em; background-color: #ffffff; height: 56px; border: 1px solid #e7e7e7; }

#navigation ul { padding: 0.9em 0em 0.8em 5.4em; margin: 0em; list-style-type: none; font-size: 1.5em; background-color: #1275a4; background-image: url(../gfx/navigation_repeat.jpg); background-repeat: repeat-x; }
#navigation li { padding: 0.5em 0.4em 0.5em 0em; margin: 0em 3.0em 0em 1.0em; display: inline; }
#navigation li a { text-decoration: none; color: #ffffff; font-weight: bold; letter-spacing: -0.04em; }
#navigation li a:hover { color: #bde2f4; }

#navigation p { color: #87cdef; font-size: 1.1em; font-weight: bold; padding: 0em 0em 0em 2.0em; margin: 3.0em 0em 1.0em 0em; }


/* Classes */

#navigation .active { background-color: #fbfbfb; }
#navigation .active a { color: #999999; }
#navigation .active a:hover { color: #666666; }




/****** CONTENT ************************/

#content { margin: 0em 0em 0em 0em; padding: 0em 0em 5.0em 0em; background-color: #ffffff; width: 960px; min-height: 200px; border: 1px solid #e7e7e7; }

#content img { padding: 0em; margin: 0em; }
#content h1 { color: #595959; font-size: 2.5em; line-height: 1.2em; margin: 1.0em 0em 0.5em 0em; padding: 0em 0em 0em 2.2em; letter-spacing: -0.06em; } 
#content h2 { color: #333333; font-size: 1.6em; line-height: 1.5em; padding: 1.0em 0em 0.2em 3.5em; margin: 0em; }
#content h3 { color: #4f4f4f; font-size: 1.1em; line-height: 1.5em; font-weight: bold; margin: 0em; padding: 0.5em 0em 0.3em 5.0em; }
#content h4 { margin: 0em; padding: 0.5em 0em 0em 1.6em; font-size: 1.0em; }
#content h5 { margin: 0em; padding: 0em 0em 0em 1.6em; font-size: 1.0em; color: #666666; }
#content h6 { font-size: 0.9em; color: #999999; margin: 0em 2.0em 0em 1.8em; padding: 0em; border-bottom: 1px solid #cccccc; }

#content p { font-size: 1.0em; line-height: 1.6em; color: #4f4f4f; margin: 0em; padding: 0.3em 20.7em 0.7em 5.6em; }

#content a { color: #336699; text-decoration: none; }
#content a:hover { color: #003399; text-decoration: underline; }

#content ul { list-style-type: circle; color: #4f4f4f; margin: 0em 2.0em 1.0em 3.5em; padding: 0em; }
#content li { margin: 0em; padding: 0em 0em 0.4em 0em; }
#content li a { color: #336699; text-decoration: none; }
#content li a:hover { color: #003399; text-decoration: underline; }
#content ul li {}
#content ul li ul { padding: 0.5em 0em 0.2em 1.5em; margin: 0em; }
#content ul li ul li {}

#content ol { padding: 0em 0em 0em 1.5em; margin: 0em 0em 0.5em 3.5em; list-style-position: outside; color: #4f4f4f; }
#content ol li { }

#content table { padding: 0em 0em 0em 0em; margin: 1.0em 0em 1.0em 5.5em; border-collapse: collapse; width: 74%; }
#content tr { padding: 0em; margin: 0em; }
#content th { padding: 1.0em; margin: 0em; text-align: left; background-color: #666666; color: #f1f1f1; border: 1px solid #333333; }
#content td { padding: 0.7em 1.0em 0.7em 1.0em; margin: 0em; border: 1px solid #cccccc; vertical-align: top; }

#content td h1 { background-image: none; font-size: 1.2em; padding: 0em; margin: 0em; }
#content td h2 { padding: 0em;}
#content td p { padding: 0.2em 0em 0.2em 0em; margin: 0em;  }
#content td { color: #4f4f4f; }
#content td a { color: #336699; }
#content td ul {}
#content td li {}


#content img { border: 1px solid #cccccc; margin: 0em; padding: 0em; }

#content .feature img { border: 1px solid #cccccc; margin: 1.0em 0em 2.0em 0em; padding: 0em; }

#content .feature2 img { border: 1px solid #cccccc; margin: 1.0em 1.0em 2.0em 1.0em; padding: 0em; }

#content .fullwidth { margin: 0em 0em 0em 1.0em; }

#content .imageright { margin: 0em 0em 2.0em 3.0em; }

#content .members table { border: none; }

#content .members td { border: none; border-bottom: 1px solid #cccccc; padding: 1.5em 2.0em 1.5em 0em; }
#content .members td img { border: none; }

/* CLASSES */

#content .topofpage { text-align: right; font-size: 0.9em; color: #999999; border-top: 1px solid #cccccc; margin: 1.0em 0em 0em 50.0em; }



#content .quote { background-color: #dcdcdc; font-size: 1.1em; padding: 1.5em 1.5em 0em 1.5em; margin: 1.1em 0em 1.0em 0em; background-image: url(../gfx/quotes.jpg); background-repeat: no-repeat; font-weight: bold; letter-spacing: -0.04em; border: 1px solid #cccccc; }

#content .note { color: #999999; margin: 0em 0em 0em 26.0em; padding: 0em 0em 0em 2.0em; width: 100%; line-height: 4.9em; font-weight: normal; border-bottom: 2px solid #cccccc; }


/****** FOOTER ************************/

#footer { width: 960px; clear: both; padding: 0em 0em 0em 0em; margin: 0em 0em 3.0em 0em; height: 100px; font-size: 1.0em; background-image: url(../gfx/footer-shadow.jpg); background-repeat: no-repeat; background-position: top center; }

#footer p { padding-left: 5.4em; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color: #999999; }

#address { float: left; font-size: 0.9em; color: #666666; text-align: left; width: 23.0em; margin: 0em 0em 0em 0em; padding: 2.0em 0 0em 1.0em; }
#address a { color: #666666; text-decoration: none; font-size: 1.0em; }
#address a:hover { text-decoration: underline; color: #336699; }

#links { width: 655px; float: right; color: #666666; padding: 0em 0em 0em 0em; margin: 2.0em 0em 0em 0em; font-size: 0.9em; }
#links ul { }
#links li { list-style-type: none; list-style-position: inside; margin: 0em; padding: 0 1.0em 0em 0.5em; display: inline; border-right: 1px solid #cccccc; }
#links li a:hover { color: #336699; text-decoration: underline; }
#links .noborder { border-right: none; }

#linksbottom { width: 590px; float: right; font-size: 0.9em; padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em;}
#linksbottom ul { margin: 0em 0em 0em 0.7em; }
#linksbottom li { list-style-type: none; list-style-position: inside; margin: 0em; padding: 0 1.0em 0em 0.5em; display: inline; border-right: 1px solid #cccccc; }
#linksbottom li a:hover { color: #336699; text-decoration: underline; }
#linksbottom .noborder { border-right: none; }
/*
#footer ul.links { padding: 0em 0em 0em 7.0em; margin: 1.5em 0em 0em 2.0em; color: #666666; }
#footer ul.links li { list-style-type: none; list-style-position: inside; margin: 0em; padding: 0 1.0em 0em 0.5em; display: inline; border-right: 1px solid #cccccc; }
#footer ul.links li a { color: #666666; text-decoration: none; font-size: 0.9em; }
#footer ul.links li a:hover { color: #336699; text-decoration: underline; }

#footer ul.linksbottom { padding: 0em 1.4em 0em 0em; margin: 0em 0em 0em 9.0em; color: #666666; }
#footer ul.linksbottom li { list-style-type: none; list-style-position: inside; padding: 0 1.0em 0em 0.5em; margin: 0em; display: inline; border-right: 1px solid #cccccc; }
#footer ul.linksbottom li a { color: #666666; text-decoration: none; font-size: 0.9em; }
#footer ul.linksbottom li a:hover { color: #336699; text-decoration: underline; }


#footer ul.links .noborder { border-right: none; }
#footer ul.linksbottom .noborder { border-right: none; }*/