* { 
margin: 0; 
padding: 0;}

html, body, #bg, #bg table, #bg td, #content {
height: 100%;
width: 100%;
overflow: hidden;}

body {
font-size: 12px;
color: #fff;
background-color: #262626;
font-family: Verdana, Helvetica, "Arial", sans-serif;}

a {
outline: none;}

img {
border: none;}

.clear {
clear: both;}



/* MENU BAR */

#menu_bar {
width: 860px;
height: 27px;
background-color: #d0d0d0;}

a#logo {
display: block;
width: 70px;
height: 27px;
margin-right: 18px;
float: right;
background-image: url(images/tudesign_logo.gif);
background-repeat: no-repeat;}

#menu_wrap {
height: 27px;
margin-left: 17px;
padding-left: 27px;
float: left;
background-image: url(images/arrow_white.gif);
background-repeat: no-repeat;}

#menu_wrap li {
float: left;
list-style-type: none;}

#menu_wrap li img {
padding: 0 16px; }

#menu_wrap li a {
display: block;
margin-top: 5px;
color: #ffffff;
text-decoration: none;}

#menu_wrap li a:hover, #menu_wrap li a.active {
color: #000000;}

/* END MENU BAR */


/* MAIN_CONTENT */

#main_content {
width: 860px;
/*height: 620px;*/}

#main_content img.slogan {
margin-top: 27px;}

#main_content img.alt1 {
margin-top: 20px;}

/* END MAIN_CONTENT */


/* FOOTER */

#footer {
margin-top: 9px;
width: 860px;
height: 38px;
color: #d0d0d0;}

#contact {
float: left;}

#contact a {
color: #d0d0d0;
text-decoration: none;}

#contact a:hover {
color: #ffffff;}

#credit {
float: right;}

/* END FOOTER */



/* MAIN CONTENT */

#breakcrunb {
width: 860px;
height: 12px;
color: #808080;
padding-top: 6px;}

#breakcrunb a {
color: #808080;
text-decoration: none;}

#breakcrunb a:hover {
color: #ffffff;}

#breakcrunb a.active {
color: #b2b2b2;
text-decoration: none;}

#breakcrunb a.active:hover {
color: #b2b2b2;
text-decoration: none;}

#m_content_wrap {
margin-top: 9px;}

#m_content_wrap .title h2 {
color: #ffffff;
font-size: 24px;
font-style: normal;
font-weight: normal;
float: left;}

#m_content_wrap .title h2 span {
font-size: 12px;}

#m_content_wrap .pre_next_btn {
float: right;
}

#m_content_wrap .img_selector a {
color: #999999;
text-decoration: none;}

#m_content_wrap .img_selector a:hover {
color: #ffffff;}

.img_selector a.active {
color: #bebebe;}

#m_content_wrap p {
color: #ffffff;
font-size: 12px;
padding-top: 18px;
line-height: 16px;}

.m_content_imgs {}

.img_selector {
position: absolute;
text-align: right;
width: 845px;
z-index: 50;
margin-top: 31px;
padding-right: 15px;
color: #808080;}

a.email {
color: #ffffff;
text-decoration: none;}

#m_content_news {
margin-top: 20px;}

#news_img_box {
width: 620px;
height: 468px;
float: left;}

#news_wrap {
float: right;
height: 468px;
width: 240px;
background-color: #000000;}
						
#news_content_v {
height: 468px;
width: 231px;
float: left;
overflow: hidden;}

#news_content_v p {
margin: 15px;
padding: 0;}

.scrollbar-vert{
background-color: #000000;
height: 468px;
width: 9px;
float: left;}

.handle-vert {
display: block;
height: 400px;
width: 9px;
background-color: #808080;}

#news_content_v .news_box {
margin-bottom: 21px;}

#news_content_v h3.year {
color: #ffffff;
font-size: 12px;
font-weight: normal;
font-style: normal;
margin: 0 15px 5px 15px;}

#news_content_v p.news_line {
color: #c0c0c0;
margin: 0 15px;}

#news_content_v .dividor {
border-top: 1px #333333 solid;
margin: 7px 15px;}

/* END MAIN CONTENT */




/* FULL SCREEN IMAGE 
CSS-Tricks Example by Chris Coyier http://css-tricks.com
*/

#bg { 
position: fixed; }

#bg div {
height: 200%;
left: -50%;
position: absolute;
top: -50%;
width: 200%;}

#bg td {
text-align: center;
vertical-align: middle;}

#bg img {
margin: 0 auto;
min-height: 50%;
min-width: 50%;}

#content {
position: absolute;
top: 0;
left: 0;
z-index: 70;
overflow: auto;}

.content_wrap { 
margin: 90px auto 116px auto; 
width: 860px;
height: 695px;}

#focus-stealer {
position: absolute;
left: -9999px; }

/* END FULL SCREEN IMAGE */

#news_content_v a {
	color:#ffffff;
}