/* CSS Document */
html {height:100%}
body {margin:0; padding:0; font:11px/14px Arial, Helvetica, sans-serif; background:#FFF; min-height:101%; text-align:center}
img {border-style:none}
.floatLeft {float:left}
.clear {clear:both; display:block}
#container {width:910px; margin:0 auto; text-align:center; padding:0; position:relative;}

/* Logo */
#title {height:84px; background-image:url(../images/site/border_top.gif); background-repeat:no-repeat; margin:0; padding:0; text-indent: -9999px;}
#logo {height:63px; background-image:url(../images/site/logo.gif); background-repeat:no-repeat; margin:0;}
#logolink {float:left; margin:25px 0 0 70px; display:inline}
#logolink a {width:355px; height:20px; color:#fff; font-size:1px; line-height:1px; display:block; text-decoration:none;}

/* Tabs */
#tabs {margin:42px 0 0 39px; padding:0; float:left;}
#tabs ul {margin:0; padding:0; position: relative; background: url("../images/site/nav.gif") top left no-repeat; width: 595px; height: 21px;}
#tabs li {list-style: none; display: inline; top: 0; position: absolute}
#tabs li, #tabs a {height: 21px; display: block; text-decoration: none}

/* Nav */
a:link, a:visited					{color: #000;}
a:hover, a:active					{color: #a00;}

#tabs a 						{text-indent: -9999px; }

#tabAdv						{left: 0px; width: 125px}
#tabDes						{left: 125px; width: 96px}
#tabInt						{left: 221px; width: 130px}
#tabPro						{left: 351px; width: 135px}
#tabStu						{left: 486px; width: 109px}

#tabAdv a:hover 				{background: transparent url("../images/site/nav.gif") 0 -21px no-repeat}
#tabDes a:hover 				{background: transparent url("../images/site/nav.gif") -125px -21px no-repeat}
#tabInt a:hover 				{background: transparent url("../images/site/nav.gif") -221px -21px no-repeat}
#tabPro a:hover 				{background: transparent url("../images/site/nav.gif") -351px -21px no-repeat}
#tabStu a:hover 				{background: transparent url("../images/site/nav.gif") -486px -21px no-repeat}

/* HomeNav */
#navHome {margin:25px 0 0 145px; padding:0; float:left; display:inline;}
#navHome ul {margin:0; padding:0; position: relative; background:url("../images/site/nav_home.gif") top left no-repeat; width:265px; height:21px;}
#navHome li {list-style: none; display: inline; top: 0; position: absolute}
#navHome li, #navHome a {height:21px; display:block; text-decoration:none}

/* Nav */
#navHome a 						{text-indent: -9999px; }

#navSponsor						{left: 0px; width: 103px}
#navCredit						{left: 103px; width: 82px}
#navPhoto						{left: 185px; width: 80px}

#navSponsor a:hover 			{background: transparent url("../images/site/nav_home.gif") 0 -21px no-repeat}
#navCredit a:hover 				{background: transparent url("../images/site/nav_home.gif") -103px -21px no-repeat}
#navPhoto a:hover 				{background: transparent url("../images/site/nav_home.gif") -185px -21px no-repeat}

#navSponsor .active 			{background: transparent url("../images/site/nav_home.gif") 0 -21px no-repeat}
#navCredit .active 				{background: transparent url("../images/site/nav_home.gif") -103px -21px no-repeat}
#navPhoto .active 				{background: transparent url("../images/site/nav_home.gif") -185px -21px no-repeat}

/* Home */
#home {background-image:url("../images/site/bg_home.gif"); background-repeat:no-repeat; padding:157px 155px 156px 157px}

/* Content */
#borderLeft {background-image:url("../images/site/border_left.gif"); background-repeat:no-repeat; float:left; width:39px; height:553px}
#borderRight {background-image:url("../images/site/border_right.gif"); background-repeat:no-repeat; float:left; width:39px; height:553px}
#content {background-image:url("../images/site/gradient.jpg"); background-repeat:no-repeat; float:left; width:832px; height:553px; text-align:left}
#subnav {margin:30px 0 0 490px; padding:width:320px; height:52px}
h2 {font:18px arial,san-serif; color:#898989; font-weight:bold; text-align:left; margin:0; padding:0; float:left; clear:both}
h3 {font:18px arial,san-serif; color:#000; font-style:normal; text-align:left; margin:0; padding:0; float:left}
a {color:#FFF}

#credits {text-align:left; display:table-cell; vertical-align:middle; width:320px; margin:0; float:left; margin-left:20px}
dl {margin:0; clear:both}
dt {margin:0; font-weight:bold; color:#898989; float:left; clear:both}
dd {margin:0; color:#000; float:left}
#pic {text-align:right; display:table-cell; vertical-align:middle; width:450px; height:450px; float:left; margin-left:20px}
#pic img {border:1px solid #898989;}

select {width: 250px; background-color: #e2e3e5;}

#image_selector a:link, #image_selector a:visited {background-color: #898989; color: #fff; padding: 2px 4px 2px 4px; text-decoration: none}
#image_selector a:hover, #image_selector a:active {background-color: #000; color: #fff; padding: 2px 4px 2px 4px; text-decoration: none}

#footer {height:89px; background-image:url(../images/site/border_bottom.gif); background-repeat:no-repeat; margin:0;}

#prevnext {
width: 70px;
position: absolute;
right: -5px;
top: 135px;
}