@charset "utf-8";
/* CSS Document */

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #003471;
	color: #c0c0c0;
	background-image: url(curtainbackground.png);
	background-position: top right;
	background-repeat: no-repeat;
}
#topbar {
	background-image: url(barbackground.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 39px;
	margin-top: 21px;
	padding-top: 0px;
	padding-left: 0px;
	color: #000000;
}

#topnav {
}
#topnav ul {
	list-style-type: none;

}
#topnav li {
	float: left;
	list-style-type: none;
}
#topnav li a {
	margin-top: 4px;
	text-decoration: none;
	font-weight: 700;
	color: #000000;
	display: block;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	list-style-type: none;
}
#topnav li img { vertical-align:middle;}

#sidebar {
position: absolute; top: 250px;


}


#sidenav {
	list-style-type: none;
	margin-left: 20px;
	padding-left: 0px;
}


#topnav li a:hover {
   background-color: #ffffff;
}

#topnav li {

margin: 0px;
padding: 0px;

}


#topnav img { border: none; }

#content {
	margin-left: 130px;
	width: 75%;
	background-position: top;
	min-height: 300px;
}
.current   {
	background-color: #FFFFFF;
}
.current :hover {
	color: #003471;
}

#smalllogo {
	position: absolute;
	display: inline;
	margin: 0px;
	left: -6px;
	top: 62px;
}
a:link {
	color:#FFFFFF;
	text-decoration: none
}
a:visited {
	color:#FFFFFF;
	text-decoration: none
}
a:active {
	color:#FFFFFF;
	text-decoration: none
}
a:hover {
	text-decoration: underline;
	color: #c0c0c0;
}

a img {
margin: 1px;
border: none;

}


#bottomgradient {
	background-image: url(bottomgradient.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 83px;
	background-position: top;
	font-size: 300%;
}

#bottomgradient h1 {
	font-size: 150%;
	margin: 5px 5px 0px 20px;
	display: inline;
}
#bottomgradient #fullname {
	color: #FFFFFF;
}


#bottombar {
	background-image: url(barbackground.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 39px;
	margin-top: 0px;
}
/* -----------------------------------BLOG ------------*/

@media all {
 #blogcontent {
/*    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    float: left;*/
    }
  #blogmain {
    width:410px;
    float:left;
    }
  #blogsidebar {
    width:220px;
    float:right;
    }
  }
@media handheld {
/*  #blogcontent {
    width:90%;
    }*/
  #blogmain {
    width:100%;
    float:none;
    }
  #blogsidebar {
    width:100%;
    float:right;
    }
  }