html {-webkit-text-size-adjust: none}

/**************************************************************/
/* Date Created: November 5, 2007                             */
/* Last Modified: November 5, 2007 							  */
/* Author: Tian Di Web Ltd (http://www.tiandiweb.com/)        */
/**************************************************************/

body {
	margin:0;
	padding:0;
	background-color:#ffc626;
	color:#333333;  
	text-align:left;
	font-family:Arial, Verdana, Helvetica;
	font-size:15px;
	line-height:18px;
	height:100%;
	/*behavior:url(csshover.htc);*/
}

a {
	color:#660000;
	text-decoration:underline;
}

a:hover {
	color:#506941;
	text-decoration:underline;
}

a.green{
	color:#99cc66;
	font-weight:bold;
	text-decoration:none;
}

a.green:hover{
color:#333333;
font-weight:bold;
text-decoration:none;
}

#container { 	
position:relative;
margin:0 auto;
padding:0;
width:970px;
/*height:100%;*/
text-align:left;
vertical-align: middle;
/*border:1px #333333 solid;*/
background-color:#ffffff;
}

/* Header - logo - about us - news & Events - Contact us - Search */
#header {
position:relative;
margin:0;
padding:0;
height:150px;
width:970px;
border:0;
}

*html div#header{
width:970px;
w\idth:970px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}

#headerleft {
float:left;
width:715px;
height:150px;
position:relative;
padding:0;
margin:0;
background-image:url(../images/header/header_left.jpg);
background-repeat:no-repeat;
text-align:right;
}

*html div#headerleft{
width:715px;
w\idth:715px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
border:0;
text-align:right;
}

#headerleft .login {
	margin-top:123px;
	width:705px;
	float:right;
	text-align:right;
	height:17px;
	margin-right:5px;
	vertical-align:top;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}

#headerleft .login img {
vertical-align:baseline;
}

#headerleft .login input {
	font-size:12px;
	padding:0;
	margin:0;
}

#headerright {
padding:0;
margin:0;
float:right;
width:255px;
position:relative;
height:150px;
background-image:url(../images/header/header_right.jpg);
background-repeat:no-repeat;
}

*html div#headerright{
width:255px;
w\idth:255px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
border:0;
position:absolute;
top:0;
}

/* --- Header end --- */

/* yellow separation bar between content and navigation */
#yellowbar {
width:970px;
height:20px;
margin:0;
padding:0;
background-color:#cc9933;
}

*html div#yellowbar {
width:970px;
height:20px;
margin:0;
padding:0;
background-color:#cc9933;
}

/* --------------- */

/* nav menu */
#navbar {
width: 970px;
height:170px;
margin:0;
padding:0;
background-color:#cc9933;
}

*html div#navbar {
width:970px;
margin:0;
padding:0;
}

#nav_left {
width: 715px;
height:170px;
margin:0;
padding:0;
background-color:#cc9933;
float:left;
}

#nav_left img {
border:0;
margin:0;
padding:0;
}

#nav_right {
position:absolute; /*absolute*/
float:right;
width: 255px;
height:170px;
margin:0;
padding:0;
background-color:#cc9933;
top:150px;
left:715px;
background-image:url(../images/nav/navbg2.gif);
background-repeat:no-repeat;
/*background-image:url(../images/nav/navbg.gif);
background-repeat:no-repeat;*/
}

#navmenu {
position:relative;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:5px;
padding:0;
height:25px;
width:769px;
background-color:#cccccc;
}

/* Content Container */
#content_container {
clear:both;
position:relative;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0;
width:970px;
vertical-align:top;
background-color:#ffffff;
height:100%
}

#content_container_left {
clear:both;
width: 715px;
margin:0;
padding:0;
background-color:#FFFFFF;
float:left;
}

#content_container_single {
clear:both;
width: 970px;
margin:0;
padding:0;
background-color:#FFFFFF;
float:left;
}


#box_100 {
clear:both;
float:left;
width:715px;
font-size:15px;
line-height:20px;
color:#333333;
margin:0;
margin-top:10px;
margin-bottom:20px;
background-image:url(../images/sepwidew.gif);
background-repeat:repeat-y;
height:100%
}

#box_100 p {
margin-left:20px;
margin-right:20px;
}

#box_100 h1 {
margin-top:10px;
margin-left:20px;
margin-right:20px;
line-height:20px;
font-size:22px;
font-weight:bold;
color:#993300;
}

#box_100 a:link {text-decoration:underline;color:#660000;}
#box_100 a:visited {text-decoration:underline;color:#660000;}
#box_100 a:hover {text-decoration:underline;color:#506941;}

h1 {
line-height:20px;
font-size:21px;
font-weight:bold;
color:#993300;
}

#box_30 {
margin-top:0;
position:relative;
width:235px;
float:left;
}

#box_30 p{
margin-left:20px;
margin-right:5px;
}

#box_30 .title {
color:#993300;
font-size:24px;
font-weight:bold;
margin-bottom:30px;
margin-top:0;
padding-top:10px;
}

.title {
color:#993300;
font-size:24px;
font-weight:bold;
margin-bottom:30px;
margin-top:0;
}

.subtitle {
font-size:15px;
font-weight:bold;
}

#box_30 a:link {
font-size:15px;
color:#333333;
font-weight:bold;
text-decoration:none;
}

#box_30 a:visited {
font-size:15px;
color:#333333;
font-weight:bold;
text-decoration:none;
}

#box_30 a:hover{
font-size:15px;
color:#CC3300;
font-weight:bold;
text-decoration:none;
}



#box_30 a.green{
color:#99cc66;
font-weight:bold;
text-decoration:none;
}

#box_30 a.green:hover{
color:#cc0000;
font-weight:bold;
text-decoration:none;
}

#content_container_right {
	clear:both;
	position:absolute;
	float:right;
	width: 255px;
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	top:0;
	left:715px;
}


#content_container_right ul li {
	line-height:25px;
	list-style-type: square;
}

#content_container_right a {
	color: #333333;
	font-size:17px;
	text-decoration:underline;
}

#content_container_right a:hover {
	color: #ff0000;
	font-size:17px;
	text-decoration:underline;
}

#content_container_right img {
border:0;
padding:0;
margin:0;
}

#calendar_box {
position:relative;
background-image:url(../images/rightbox/calendar_title.gif);
width:255px;
float:left;
margin:0;
padding:0;
margin-top:0;
margin-bottom:0;
background-repeat:no-repeat;
}

#calendar_nav {
position:relative;
width:255px;
float:right; 
text-align:right; 
color:#333333; 
font-size:11px; 
font-weight:bold; 
margin-top:8px; 
margin-right:0;
z-index:102;
}

#calendar_nav a {
font-weight:bold;
color:#333333;
text-decoration:none;
}

#calendar_nav a:hover {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#calendar_main {
position:relative;
top:4px;
width:255px;
text-align:center; 
margin:0;
padding:0;
}

*html div#calendar_main {
	top:4px;
}

#ybar {
margin:0;
font-size:10px;
width:255px;
height:10px;
background-color:#cc9933;
padding:0;
}

*html div#ybar {
margin:0;
height:5px;
padding:0;
}

#map_main {
position:relative;
width:255px;
height:230px; 
text-align:center;
background-color:#ccc;
margin:0;
padding:0;
}

/* footer */
#footer {
	clear:both;
	position:relative;
	height:25px;
	width:970px;
	background-repeat:no-repeat;
	background-image:url(../images/footer.gif);
	text-align:center;
	font-size: 14px;
	padding-top:4px;
	padding-bottom: 20px;
}

#footer a, a:visited {
	font-size: 14px;
	font-weight:normal;
	text-decoration:none;
	color:#333333;
}

#footer a:hover {
	font-size: 14px;
	font-weight:normal;
	text-decoration:none;
	color:#CC3300;
}

#footer .tdwlogo {
	position:relative;
	float: left; 
	display:inline;
	width:200px;
	padding:0;
	margin:0;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#speechbox {
position:relative;
padding:0;
margin-top:15px;
margin-left:20px;
position:relative;
width:320px; 
height:auto; 
float:left;
}

*html div#speechbox {
margin-left:10px;
}

#speechbox_title {
position:relative;
width:300px; 
height:45px; 
background-image:url(/lookandfeel/images/roundbox/boxtop.gif); 
background-repeat:no-repeat;
}

#speechbox_title h1{
margin-left:10px;
padding-top:10px;
padding-bottom:0;
margin-bottom:0;
font-size:20px;
color:#ffffff;
font-family:Arial, Verdana, Helvetica;
}

*html div##speechbox_title h1{
padding-top:4px;
}

#speechbox_content {
width:300px; 
height:auto; 
background-image:url(/lookandfeel/images/roundbox/boxcenter.gif); 
background-repeat:repeat-y; 
padding:0;
margin:0;
}

#speechbox_content p{
margin:0;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
width:250px;
}

#speechbox_bottom {
width:300px; height:30px; background-image:url(/lookandfeel/images/roundbox/boxbottom.gif); background-repeat:no-repeat;
}


/* Calendar */
.cal_not_in_month {
	background-color: #ddd;
}

.cal_has_event {
	background-color: #f0d569;
}

a.calendar_link {
	text-decoration:none;
}
a.calendar_link:hover {
	background-color: #ff6600;
	color: #ffffff;
	text-decoration: none;
}
#calendarcell {
	border-width: 1px; border-style: solid; border-color: #ccc;	
	height: 80px;
}

#calendarcell_small {
	border-width: 1px; border-style: solid; border-color: #ccc;	
	height: 25px;
}


#calendarheadercell {
	height: 30px;
	text-align: center;
}

#smallCalendarLink {
	margin:0;
	padding:0;
}

#smallCalendarLink a {
	
	padding:2px 2px 2px 2px;
	color: #333;
	background-color:#fff;
}


#smallCalendarLink a:hover {
	
	padding:2px 2px 2px 2px;
	color: #fff;
	background-color: #666;
	text-decoration:none;
}

