/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, a, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, q, cite, blockquote, th, td, addr, sup, sub { margin: 0; padding: 0; }

/* Normalizes font-size for hearders */
h1, h2, h3, h4, h5, h6 { font-size: 100% }

/* removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* removes border from tables */
table { border-collapse: collapse; border-spacing: 0; }

/* removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* removes quotation marks from q */
q:before, q:after, q { content: ''; }


/* layout.css */
html { text-align: center; height:100%; }

body { position: relative; width: 100%; height: 100%; margin: 0; text-align: left; padding : 0px; background: transparent url(../graphics/bg_title.png) repeat-x; }

h1, h2 { position: absolute; top: -9999px; }

div#branding_home { position: relative; width: 100%; height: 246px; }

div#titlebar { position: relative; width: 100%; height: 112px; float: left; background: transparent url(../graphics/bg_title.png) repeat-x; }

div#titlebar img { padding-left: 108px; }

div#imagebar { position: relative; width: 100%; height: 134px; float: left; z-index: 1; background: #000 url(../graphics/imagebar.jpg) repeat-x; }

div#flashcontent { position: relative; width: 1440px; height: 134px; z-index: 1; float: left; background: transparent url(../graphics/imagebar.jpg) repeat-x; }

/* for absolute positioned div#menus 
div#menus { position: absolute; top: 0px; left: 15px; bottom: 0; z-index: 20; width: 210px; height: 100%; background: transparent url(../graphics/bg_menu.png) repeat-y; }
*/

/* for fixed positioned div#menus */
div#menus { position: fixed; top: 0px; left: 15px; bottom: 0; z-index: 20; width: 210px; height: 100%; background: transparent url(../graphics/bg_menu.png) repeat-y; }

div#menus img { padding-left: 15px; }

div#menus ul { margin: 0; }

ul#nav_dept { padding-left: 25px; }

ul#nav_univ { position: absolute; top: 0; left: 0; z-index: 5; width: 857px; height: 30px; padding-top: 8px; }

/* this will make div-contact follow the dept-menu */
div#contact { position: relative; width: 165px; margin: 100px 0 0 30px; background-color: transparent; }

/* for absolute positioned div#contact 
div#contact { position: absolute; left: 15px; bottom: 0; z-index: 25; overflow:hidden; width: 165px; height: auto; margin: 0; padding: 15px 0 15px 15px; background: transparent url(../graphics/trans_white75.png) repeat; }
*/

/* for fixed positioned div#contact 
div#contact { position: fixed; left: 30px; bottom: 0; z-index: 25; overflow:hidden; width: 165px; height: auto; margin: 0; padding: 15px 0 15px 15px; background: transparent url(../graphics/trans_white75.png) repeat; }
*/

div#main { position: relative; width: 620px; height: 100%; float: left; background-color: #fff; padding: 22px 20px 0 240px; }

div#content { position: relative; width: 620px; left: 0; top: 0; background-color: transparent; padding: 0; margin: 0; }

div#content p { position: relative; left: 0; width: 620px; }

div#content img, div#content p + img { padding: 6px; border: #999 1px solid; }
img#left { float : left;  position : relative; top : 0px; left : 0px; margin : 0 8px 8px 0; padding: 6px; border: #999 1px solid; }
img#right { float : right;  position : relative; top : 0px; right : 0px; margin : 0 0 8px 8px; padding: 6px; border: #999 1px solid; }