/* ================================
 * By Kenson Goo
 *=================================*/
 
/*--- Global Defaults ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }
/*--- Global Classes ---*/
.distext { display: none; }
.clearboth { clear:both; }
.clearleft { clear: left; }
.clearright { clear:right; }

/*--- Global Elements ---*/
html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
body 
{	
	text-align: center;
	line-height: 1.6em;
}
input[type="text"] { 
}
/*--- Library ---*/
.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }
.font36 { font-size:36px;}
.font24 { font-size:24px;}
.font18 { font-size:18px;}
div.hidden, a.hidden
{
	display: none;
	margin: 0;
}
/*--- Typographic Elements ---*/
h2, h4, h6, body {
	font-family: Tahoma, Helvetica, Geneva, sans-serif;
}
blockquote, em, h1, h3, h5, i, .feedBy  {
	font-family: Tahoma, Arial;
}
h2 {
  color: #0099FF;
  margin: 1em 0 1em 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
  font-size: 1.3em;
}
p.mission {
  color: #D2EDFF;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2em;
}

/*--- Structure ---*/
body {
	background: url(/images/background.jpg) repeat-x;
color: #fff;
}
#wrap {
	margin:0 auto;
	width:750px;
}
#header {

}
ul.websites {
  margin-left: 1em;
}

ul.websites li {
display: table-cell;
padding: 0 0.5em;
}

.websiteImage {
  display: block;
  width: 190px;
  height: 160px;
  background-color: #fff;
  padding: 0.1em;
  border: 2px solid #8CD1FF;
}

.websiteName {
  display: block;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  color: #0C9CFC;
}

/*
#nav {
	background:#c99;
	padding:5px;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav li{
	display:inline;
	margin:0;
	padding:0;
}
*/
#main {
/*
	float:left;
	width:500px;
*/
}
#sidebar {
	float:right;
	width:240px;
}
#sidebar ul {
	margin-bottom:0;
}
#footer {
	clear:both;
}
#footer p {
	padding:5px;
	margin:0;
}