@import url("notIE.css");

/* RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, blockquote {margin: 0;	padding: 0;	border: 0; outline: 0; font-style: inherit; font-size: 100%; color:#000;	font-family: inherit; vertical-align: baseline;}

a {text-decoration:none;}

/* remember to define focus styles! */
:focus {outline: 0;}

html { height:100%; }
body { position:relative; height:100%; font-family:Arial, sans-serif; line-height:1.125em; } 

/* em Key(16px=1em): 16x1.5=24 | 16x1.25=20 | 16x1.125=18 | 16x.875=14 | 16x0.75=12 | 16x0.625=10 | 16x0.5625=9 | 16x0.5=8 | 16x0.4375=7 | 16x0.375=6 */

img {border:none;text-decoration:none;}

br.clear {clear:both;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ability to clear elements without markup */
.clearfix:after { clear:both; content:'.'; display:block; font-size:0px; line-height:0px; height:0px; visibility:hidden; }
.clearfix { _zoom:1; }

/* END RESET STYLES */

body { background-color:#000; background:#000 url(../img/bg/bg_tile_y.gif) repeat-y center top; }
/*
div { border: 1px dashed #f90; }
*/
div.wrapper { position:relative; width:760px; min-height:100%; margin:0 auto; background:#fff url(../img/bg/topBody4.jpg) no-repeat center top; }
div.topnav { clear:both; width:760px; height:235px; }
div.left { float:left; width:480px; height:auto; }
div.right { float:right; width:265px; height:auto; padding-right:15px; font-size:.75em; }
div.footer { clear:both; width:745px; height:75px; padding-right:15px; text-align:right; line-height:1.25em; font-size:.5625em; }

div.topnav a.snellLogo { float:left; width:155px; height:225px; margin-left:80px; background:transparent url(../img/logo.png) no-repeat bottom center; text-indent:-9000px; }
div.left div.art { position:relative; height:auto; margin:20px 0 0 15px; }
div.left div.art div.artbox { float:left; width:155px; height:130px; margin-bottom:20px; background:transparent url(../img/bg/art_bg.png) no-repeat left top; }
div.left div.art div.imgbox {float:left; height:102px; width:105px; margin:10px 0 0 15px; _margin:9px 0 0 8px; overflow:hidden; }

#pages {text-align:center;font-size:1em;font-weight:bold;display:block;padding-left:20px;}
#pages a , #pages .on {display:block;position:relative;font-weight:normal;height:22px;width:35px;float:left;}
#pages .on {font-size:1.25em;border:none;}
#pages a:hover{text-decoration:underline;}
.page {float:left;}

div.right p {margin-bottom:10px;}
.scroll {height:200px;overflow:auto}

#TB_caption select {margin:5px 0 5px 0;}

.pname {font-weight:bold;}