/*CSS document*/

/*Generic tags*/
body{
  background: #FFFFFF;
  font: 'trebuchet ms',arial,sans-serif; 
  text-align: center;
  margin: 0px auto;
}

img{
  border: 0px;
}

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;
}

a
{
color: #000;
text-decoration: none;
}

/*End generic*/

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

#rightcol {
  float: right;
  width: 245px;
  padding: 20px 10px 10px 10px;
  /*margin: 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: 20px auto;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	/*position: auto;*/
	padding: 5px 0px 5px 10px	;
	width: 1000px;
	text-align: left;
	background: #F4F4F4;
	background-image: url('../images/container_bg_opaque.png');
	background-repeat: no-repeat;
	background-position: top right;
	border: 2px solid #9A9191;
	
	/*CSS3 corners (radius)*/
	border: 2px solid #9A9191;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 20px;
		
		/* firefox's individual border radius properties */
		-moz-border-radius-topleft:15px; /* top left corner */
		-moz-border-radius-topright:50px; /* top right corner */
		-moz-border-radius-bottomleft:15px; /* bottom left corner */
		-moz-border-radius-bottomright:50px; /* bottom right corner */
		-moz-border-radius:10px 15px 15px 10px;  /* shorthand topleft topright bottomright bottomleft */
}
/*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: 980px;
  float: left;
  margin: 0px auto;
  font-size: .9em;
  border-top: 1px solid gray;
}
/*End CSS Document*/