body
{
	background-position: left top;
	margin: 0;
	background-image: url('../images/bg2.png');
	background-repeat: repeat-x;
}

img 
{
	/* for fixing pngs in IE */
	behavior: url('/styles/pngbehavior.htc'); 
	border: none;	
}

#container
{
	width: 90%;
	margin: 10px auto;
}

#top
{
	height: 90px;
	margin: 0 0 15px;
	padding: 0;
	background: url('../images/header_shadow.png') repeat-x left bottom;
}

#top #logo
{
	width: 100px;
	height: 100px;
	float: left;
	/*background: url('../images/logo.png') no-repeat left top;*/
}

#top h1
{
	padding: 23px 0 0 20px;
	margin: 0px;
	font-size: xx-large;
}

/* tab implementation is taken from http://unraveled.com/projects/html/css_tabs/ */
#pages ul
{
	/* general settings */
	text-align: right;                              /* set to left, right or center */
	margin: 0 0 0 0;                                /* set margins as desired */
	font: bold 15px Arial, Helvetica, sans-serif;   /* set font as desired */
	/* border-bottom: 1px solid #ccc; */            /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px;
}

#pages ul li
{
	/* do not change */
	display: inline;
}

#pages #tab0 li.tab0, 
#pages #tab1 li.tab1, 
#pages #tab2 li.tab2
{
	/* settings for selected tab */
	border-bottom: 3px solid #fff;   /* set border color to page background color */
	background-color: #fff;          /* set background color to match above border color */
}

#pages #tab0 li.tab0 a, 
#pages #tab1 li.tab1 a, 
#pages #tab2 li.tab2 a
{
	/* settings for selected tab link */
	background-color: #fff;   /* set selected tab background color as desired */
	color: #000;              /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 3px;         /* must change with respect to padding (X) above and below */
}

#pages ul li a
{
	/* settings for all tab links */
	padding: 3px 10px;              /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #ccc;         /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #f3f3f3;      /* set unselected tab background color as desired */
	color: #666;                    /* set unselected tab link color as desired */
	margin-right: 0px;              /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

#pages ul a:hover
{
	/* settings for hover effect */
	background-color: #fff;   /* set desired hover color */
}

#bottom
{
	clear: both;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	background: url('../images/header_shadow.png') repeat-x left top;
}

#content
{
	padding: 15px;
	padding-top: 0;
}

.full {	width: 100%; }
.onethird {	width: 33%;	float: left; }
.twothirds { width: 65%; float: left; }
.oneforth { width: 24%;	float: left; }
.onefifth { width: 19%;	float: left; }
.threeforths { width: 74%; float: left; }
.clear { clear: both; }
.borderleft { border-left: solid 1px #006495; }
.borderright { border-right: solid 1px #006495; }
.bordertop { border-top: solid 1px #006495; }
.borderbottom { border-bottom: solid 1px #006495; }
.marginsmall { margin: 3px; }
.marginlarge { margin: 25px; }
.marginlargetop { margin: 25px 0 25px 0; }
.marginnone { margin: 0; }
.paddingnone { padding: 0; }
.paddingsmall { padding: 7px; }
.paddingsmallleft { padding-left: 7px;}
.paddingsmallright { padding-right: 7px; }
.widthmedium { width: 200px; }
.heightmedium { height: 150px; }