/*CSS document*/

/*Generic tags*/
body{
  background: #FFFFFF;
  font: 'trebuchet ms',arial,sans-serif; 
}

p.coltop {
  font-weight: bold;
  text-align: center;
}

ul.nobullet{
  list-style: none;
}

h2{
  font: 1.3em 'trebuchet ms',arial,sans-serif;
  margin: 0px auto 0px auto;
  padding-top: 0px;
  color: #EE9E3D;
  letter-spacing: -.1em;
}

hr{
  padding: 0 15 0 15;
}

p.topic{
  font-size: 1.1em;
  color: #616161;
}

/*End generic*/

/*Columns*/
#leftcol{
  float:left;
  width: 701px;
  padding: 20 10 10 10;
}

#rightcol {
  float: right;
  width: 249px;
  padding: 20 10 10 10;
  border-left: 3px solid black;
  min-height: 200px;
}

#rightcol h2{
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.right{
	padding-right: 0;
	margin-right: 0;
	float: right;
}
/*End columns*/

/*Navigation*/
#nav, #nav ul {
  padding : 5 0 10 0;
  margin: 0;
  list-style: none;
  float: left;
}

#nav a {
    display:block;
    /*padding-top: 10px;*/
    width:10em;
    font-size: 1.5em;
    color: #616161;
    min-width: 100px;
    text-transform: uppercase;
    text-decoration: none;
}

#nav a:visited,a:active{
  font: #000000;
}

#nav a:hover {
  font-weight: bold;
}

#nav li{
  float: left;
}

/*Rounded container*/
#container{
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0px 5px 10px	;
	/*position: relative;*/
	width: 1000px;
	background: #F4F4F4;
	background-image: url('../images/container_bg_opaque.png');
	background-repeat: no-repeat;
	background-position: top right;
	border: 2px solid #9A9191;
	  /*ss3 corners (radius)*/
	border: 2px solid #9A9191;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
/*End rounded container*/

/*Wrapper for logo*/
#top{
  width: 900px;
  border: none;
  background: transparent;
  margin: 0 auto 0 auto;
  padding: 0 0 5px 0;
  letter-spacing: -0.1em;
}

#top a{
  text-decoration: none;
}

#top h1{
  font: 4.5em 'trebuchet ms',arial,sans-serif;
  margin: 0px auto 0px auto;
  padding: 3px 0px 5px 0px;
  letter-spacing: -0.05em;
  color: #C3C3C3; 
}

/*For color test*/
#top h1.test{
  font: 4.5em 'trebuchet ms',arial,sans-serif;
  padding: 5px 0px 10px 0px;
  letter-spacing: -0.05em;
  color: #6294DB;
}
/*end color test*/

/*Project page*/
img.project{
  width: 350px;
  height: 300px;
}

img.jpanel{ 
   border: 1px solid #000000;
   width: 380;
}

#rightcol ul{
  float: left;
  list-style: none;
}

#rightcol h1{
  font-size: 1.1em;
    color: #616161;
}

/*Footer*/
#footer{
  width: 990;
  float: left;
  font-size: .9em;
}
/*End CSS Document*/