/* 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: absolute; width: 620px; height: 100%; top: 246px; left: 0; background-color: #fff; padding: 22px 20px 0 240px; }

/* 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; }

/*****

div#branding { position: relative; height: 185px; background: transparent url(cookrimg/branding.png) no-repeat 0 0; z-index: 1; }
h1 { position: absolute; top: -50px; left: -50px; width: 290px; height: 225px; background: transparent url(cookrimg/h1.png) no-repeat; 
text-indent: -9999px; }
div#branding blockquote { position: absolute; top: -9999px; }

div#nav_main { position: absolute; width: 100%; top: 145px; height: 90px; background : transparent url(cookrimg/nav_main.png) no-repeat 0 0; z-index: 10; }
div#nav_main p { position: absolute; top: 55px; left: 35px; margin: 0; }
div#nav_main h2 { position: absolute; top: -9999px; }

ul#nav_features { position: absolute; top: 36px; left: 335px; margin: 0; width: 425px; height: 50px; background: transparent url(cookrimg/nav_features.png) no-repeat; }
ul#nav_features li { display: inline; float: left; }
li#nav_signup { left: 0px; background: transparent url(cookrimg/nav_sign.png) no-repeat top center; }
li#nav_dishup { left: 150px; background: transparent url(cookrimg/nav_dish.png) no-repeat top center; }
li#nav_washup { left: 300px; background: transparent url(cookrimg/nav_wash.png) no-repeat top center; }
li#nav_signup a, li#nav_dishup a, li#nav_washup a { display: block; height: 50px; width: 140px; text-indent: -9999px; }

ul#nav_tools { position: absolute; top: 8px; left: 280px; margin: 0; width: 460px; }
ul#nav_tools li { display: inline; float: left; }
ul#nav_tools li a { margin-right: 10px; padding-right: 10px; }
li#nav_logout a, li#nav_rss a { margin-right: 0; padding-right: 0; }
li#nav_rss { position: absolute; right: 0; width: 100px; height: 25px; background: transparent url(cookrimg/rss.gif) no-repeat top right; }
li#nav_rss a { display: block; width: 100px; height: 25px; }

div#content_main { left: 0; width: 50%; padding: 1em 0 .5em; }
div#content_main img#pic2 { margin-left: 10px; }
ul#ingredients2 { position: relative; left: 200px; top: -73px; margin-bottom: -35px; width: 135px; height: 60px; }

*/