/* Layout */



* html #content {height: 600px}



body {margin: 0; height: 100%}



td {vertical-align: top}



#container {background: #cae5e3 url(images/head_bg.jpg) repeat-x; width: 100%; height: 100% margin: 0}



#wrap {width: 777px; margin: 0 auto; display: block}



#banner {background: url(images/banner_bg.gif) no-repeat; height: 80px}



#top_nav {width: 315px; height: 41px; float: right}



#content_wrap {width: 777px}



#content_wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clear { clear:both}


#nav {width: 225px; float: left}



#content {width: 519px; min-height: 600px; padding: 25px 0 15px 33px; float: right}



#footer_bg {background: url(images/footer_bg.jpg) repeat-x; height: 168px; clear: both}



#footer {width: 777px; margin: 0 auto; padding-top: 9px; display: block; font: 10px Georgia, "Times New Roman", Times, serif}



#address {font-size: 12px; color: #e5f2f1; margin-bottom: 25px}



#bottom_nav {font: 10px/18px Georgia, "Times New Roman", Times, serif; text-align: left}



#china {background: url(images/china_callout.gif) no-repeat; font: bold 10px Verdana, Arial, Helvetica, sans-serif; line-height: normal; color: #000; width: 105px; height: 90px; padding: 42px 15px 0 15px; margin-top: 28px; float: right}



#ktvu {background: url(images/KTVU-callout.jpg) no-repeat; width: 89px; height: 88px; padding: 60px 10px 0 105px; float: left;}



#callout {float: right;}



.break {clear: both}







/* Text */



body, table {font: 12px/18px Georgia, "Times New Roman", Times, serif; color: #63305e}



p {width: 360px; text-align: center; padding-bottom: 15px; margin: 0 auto; display: block}



p.full {margin: 0 0 10px 0; width: 100%; text-align: left; padding: 0;}







/* Links */



a {font: bold 12px/18px Georgia, "Times New Roman", Times, serif; color: #63305e; text-decoration: underline}



a:hover {text-decoration: none}



#bottom_nav a:link, #bottom_nav a:visited {color: #63305e; font-weight: normal; font-size: 10px; text-decoration: underline}



#bottom_nav a:hover {color: #fff}



#china a {font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #000; line-height: normal}



#china a:hover {color: #fff}



#ktvu a {font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; line-height: normal;}



#ktvu a:hover {color: #266659;}







/* Images */



img {border: 0;}



.img_border {border: solid 1px #63305e}



.img_center {margin: 0 auto; display: block}



.img_center_border {border: solid 1px #63305e; margin: 0 auto; display: block}



.img_left {margin: 5px 15px 10px 0; float: left}



.img_right {margin: 5px 0 10px 15px; float: right}



.img_left_border {border: solid 1px #63305e; margin: 5px 15px 10px 0; float: left}

.img_border {border: solid 1px #63305e; margin: 5px 15px 10px 0;}



.img_right_border {border: solid 1px #63305e; margin: 5px 0 10px 15px; float: right}







/* Headings */



h1 {font: bold 17px Georgia, "Times New Roman", Times, serif; color: #63305e; margin: 5px 0}



h2 {font: bold 17px Georgia, "Times New Roman", Times, serif; color: #3d897b; margin: 5px 0}



h3 {font: bold 14px Georgia, "Times New Roman", Times, serif; color: #63305e; margin: 5px 0}



/* Global form styles */

.comment_form {margin: 18px auto;}

fieldset {border: none; padding: 9px 0;}

fieldset div {clear: both;}

.form-header {border-bottom: 1px solid #690988;/*optional, change color to match site*/}

.form-header h3 {margin: 0 0 9px;}

.form-header p {margin: 0 0; padding-bottom: 18px;}

.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #690988;/*optional, change color to match site*/}

.form-footer button {/*these styles control the look of the button, change as necessary*/

	clear:both;/*do not change, forces button to sit below floated elements*/

	margin: 9px auto;/*do not change, controls positioning*/

	display: block;

	width:125px;

	height:31px;

	background:#690988;/* customize me! */

	border: 1px solid #690988;

	text-align:center;

	line-height:31px;

	color:#ffffff;/* customize me! */

	font-size:12px;

	font-weight:bold;}

/* appointment form */

.comment_form {

	margin: 18px 0;

	padding: 10px;}

.comment_form fieldset {border: none; padding: 9px 0;}

.comment_form label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:left;

	width:45%;

	float:left;

	line-height: 18px;

	padding-top: 4px;}

.comment_form label span {/*sits below labels; holds instructions*/

	color:#666666;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	width:100%;}

.comment_form input, .comment_form select, .comment_form textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #690988;/* customize me! */

	width:45%;

	margin:9px 0 9px 2%;

	background: #ffffff;}

.comment_form p.radio, .comment_form p.verification {

	clear: both;

	margin: 9px 0 9px 47%;

	font-size: 12px;}

.comment_form p.radio-float {

	clear: none;

	float:left;

	width: 45%;

	padding:0;

	margin:9px 0 9px 2%;}

.comment_form span#found-other {width: 100%;}

.comment_form span#found-other input {margin-left: 47%; background: #fff0b2}

.comment_form p.verification {margin-top: 0;}

.comment_form p.verification img {border: 1px solid #690988;}/* customize me! */

.comment_form p.radio input, .comment_form p.radio-float input {

	float: none;

	width: auto;

	margin: 0 0 0 2%;

	padding: 4px 2px;}