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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

p {
	font:75%  Verdana, Arial, Helvetica, sans-serif; /* Trebuchet MS, Arial, Helvetica, Sans-Serif; */
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-bottom:10px;
	padding:0;
}

td {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	padding:6px;}

table {
	border-collapse:separate;
	border-spacing:0;
	/*background-color: #FCF6C8;*/
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

body, html {
	background-color: #fafafa;
	margin:0;
	padding:0;	
}

img { border:0; }

ul,li {
 	/* list-style:none; */
	margin:0px 0px 0px 20px;
	font:75%  Verdana, Arial, Helvetica, sans-serif; /* Trebuchet MS, Arial, Helvetica, Sans-Serif; */
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-bottom:10px;
	padding:0;
}

#container {
	width:900px;
	margin:0 auto;
}

#header {
	width: 100%;
	height:79px;
	background: #536895 url('../images/header.jpg') repeat-x; 
}

#contentbg {
	width: 100%;
	background: url('../images/contentbg1.jpg') repeat-y; /* background image for the single pages */
	margin-top:35px; 
	margin-bottom:10px;
}

#nav {
	margin:0;
	padding:0;
	width:900px;
	float:left;
	background-color:#82a8d8;
}

#nav table{
	border:1px solid black;
	background-color:#FCF6C8;
}

#sidenav {
	width:180px;
	float:left;
}

#sidenavcol {
	background-color: #CCCCCC;
	margin:10px 0px 25px 0px;
	padding: 5px;
}

#sidenav ul {
	margin:0;
	padding:0;
}

#sidenav ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}

#sidenav ul li a, #sidenav ul li a:visited {

		font:80% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 2px 5px;
	padding: 2px;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#sidenav ul li a:hover {
	color: #fff;
	background-color: #999999;
	}
	
#sidenav3 {
	width:180px;
	float:left;
	background-color: #809ebc; /* controls background color behind box */
}

#sidenavcol3 {
	width:150px;
	background-color: #d8e1ec; /*controls background link (box) color */
	margin:10px 10px 25px 10px;
	padding: 5px;
}

#sidenav3 ul {
	margin:0;
	padding:0;
}

#sidenav3 ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}

#sidenav3 ul li a, #sidenav3 ul li a:visited {
	font:95% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	display: block;
	margin: 2px 5px;
	padding: 2px;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#sidenav3 ul li a:hover {
	color: #fff;
	background-color: #f1aa10; /*controls background link (mouseover) color */
}

#clear {
	clear: both;
}

#main {
	float:right;
	width:700px;
	margin:10px 0px;
	padding:5px;
	/* background-color: #e4e4e4; controls background color main right handside section */
}

#content {
	float:left;
	width:900px;
	margin:0;
	padding:0;
}

#search {
    float: right;
	padding:10px;
}

#searchwrapper {
width:300px; /*follow your image's size*/
height:35px;/*follow your image's size*/
background-image:url(../images/search.png);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px 10px;
position:relative; /*important*/
float:right;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:5px;
left:9px;
width:256px;
height:20px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:3px;
left:265px;
width:32px;
height:28px;
}

#footer {
	clear:both; 
	width:100%;
	background-color:#083d5e;
}

#footer h1 {
	color:#fff;
	border-bottom:1px solid rgb(238,231,193);
	}
#footer td {
	background-color:#c7d6e2;
	color: black;
	line-height:15px;
	font-size: 13px;}
.gray {
	color: #999999; }	
	
ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
 outline: 0;
}

h1, h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

h2 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
 font-weight: bold;
 }

blockquote {
	margin: 1em 3em;
	color: #999;
	border-left: 0px solid #999;
	padding-left: 1em; 
}

blockquote .indent {
	margin: 1em 3em;
	color: #999;
	border-left: 2px solid #999;
	padding-left: 1em; 
}
	

.dropdown-upward {
 margin-top: 400px !important;
}
/* HTML5 tags */
header, section,
aside, nav, article, figure {
	display: block;
}

h1 {
 border-bottom: solid 1px #2d3e61;
 font-weight: normal;
 font-size: 180%;
 letter-spacing: -1px;
 text-indent: 0px;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

a, a:visited {
	color:#2d3536;
	text-decoration:underline;
}
a:hover, a:active {
	color:#9e805c;
	text-decoration:none;
}
.theme-default #slider {
    margin:0px auto 0 auto;
    width:900px; /* Make sure your images are the same size */
    height:250px; /* Make sure your images are the same size */
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

.socialmedia {
	padding: 5px 2px 0px 5px; }
	
/* Google Custom Search */

input, textarea { /* changes the look of the search button */
	background-color: #fff;
	font-size: 11px;
	color: #000;
}

#google_results IFRAME { /* defines width of the iFrame used for search results */
	width: 650px;
	height: 1300px;
}

.small {
	font-size: 10px; /* controls the font size within the drop menus text */
	line-height:15px;
}

.smallheading {
	font-size: 11px; /* controls the font size within the drop menus text */
	font-weight: bold;
	line-height:15px;
}
	
.connect {
	color: #FFFF00;
}

.gray {
	color: #999999;  /* maybe for the footer */
}	

#breadcrumbs {
	text-align:left;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6b6b6b;
}

#breadcrumbs a {
	color: #6b6b6b; }

/* Show and Hide Javascript Text */

.hidden { 
	display: none; 
}

.unhidden { 
	display: block; 
}

a.showhide {
	text-decoration: none;
}

/* New Stuff That Jamie Forgot */

.lindabold {
	font-weight: bold;
}

.italictext {
	font-style: italic;
}

.italictextbold {
	font-style: italic;
	font-weight: bold;
}

.lindahead {
	background-color: #D8E1EC;
	font-weight: bold;
	padding: 6px;
}

<!-- FONG: CSS properties for Overlay -->
.modal{
	background-color: #CCC;
	width: 680px;
	height: 450px;
	border: solid 7px #039;
	margin: 50px auto;
	z-index:-1;
	border-radius:25px;
}
.overlay{
	background-color:rgba(10,14,19,0.9);
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:700;
}

.videobox{
	margin:20px 10px;
	text-align: center;
}

.close{
	font-size:18px;
	cursor:pointer;
	margin-top:20px;
	text-align:center;
}
<!--FONG: change cursor to pointer for video images -->

.video{
	cursor:pointer;
}

 <!--FONG: For wordpress iframe -->
.wordpress{
	padding-right:30px; 
}

.italicizedandsmall{
	font-style:italic;
	font-size:12px;
	width:150px;
}

.logo{
	width: 200px;
	height: 150px;
}

<!-- FONG: RSS feed box and link table on Amerasia Journal -->

.feed{
	width: 480px;
	height: 400px;
	border-radius: 10px;
	border: solid 1px #0085cd;
	-webkit-box-shadow: 0px 0px 5px 1px #0085cd;
	box-shadow: 0px 0px 2px 1px #0085cd;
}

.feedheader{
	width: 480px;
	height:25px;
	padding-top: 2px;
	font-size: 22px;
	border-bottom:solid thin black;
	background-color:#81a8d8;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

<!-- span class to go with header h1 tags -->
.spanInHeader{
	font-size: 20px;
}

<!-- FONG: Bolding font using strong tags -->
strong{
	font-weight: bold;
}