@charset "utf-8";
/* CSS Document */
body,
	html {
	margin:0;
	padding:0;
	background:#B2AED0;
	color:#000;
	}
	body {
	min-width:1000px;
	background: url(../images/bg.gif);
	}
	#wrap {
	margin:0 auto;
	width:1000px;
	font-size: 0.9em;
	background: #EEEEDD;
	}
	#header {
	background:#ddd;
	background: #D7DBE1 url(../images/banner3.jpg);
	height: 167px;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	#nav {
	padding:5px;
	text-decoration: none;
	font: bold normal 14px Geneva, Arial, Helvetica, sans-serif;
	background:#D1D1A7;
	}
	#nav ul{
    margin:0;
    padding:0;
    list-style:none;
    }
	#nav li{
    display:inline;
    margin:0;
    padding:0;
    }

	
	#main {
	background:#EEEEDD;
	float:left;
	width:750px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	#main h2 {
	padding:0 10px;
	color: #000033;
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	border-top: 1px none #FF6600;
	border-right: 1px none #FF6600;
	border-bottom: 1px dotted #FF6600;
	border-left: 1px dotted #FF6600;
	}
	#main h3 {
	padding:0 10px;
	color: #000033;
    }
	#main p {
	padding:0 10px;
	color: #000033;
    }
	#sidebar {
	background:#D7D7D7;
	float:right;
	width:240px;
	border-top: medium double #003366;
	border-right: medium double #003366;
	border-bottom: medium double #003366;
	border-left: medium double #003366;
	}
	#sidebar ul {
	margin-bottom:0;
	list-style: none;
    }
    #sidebar h3 {
	padding:7px 5px 0px;
	font: bold normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	background: #99C;
	top: auto;
	clip: rect(auto,auto,auto,auto);
	margin: 10px;
	right: auto;
	bottom: auto;
	left: auto;
	height: 20px;
	border-top: 1px solid #BDBDDF;
	border-right: medium solid #BDBDDF;
	border-bottom: medium solid #BDBDDF;
	border-left: medium solid #BDBDDF;
    }
	#sidebar p {
		padding:0 10px 0 0;	
	}
	#footer {
	background:#DEDEBC;
	clear:both;
	}
	#footer p {
	padding:5px;
	margin:0;
	background: left;
	text-align: center;
    }
	
.callout {
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: 0;
	padding: 2px;
}
.linqet {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000033;
}
.linqet A:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000033;
}
.linqet A:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000033;
}
.linqet A:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000033;
}
.linqet A:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FF6600;
}	
a.squarebutton{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
.solidborder {
	border: 1px solid #000033;
	padding: 4px;
	margin: 4px;
}


a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.videotitle {
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	color: #000033;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.videotitle A:link, visited, active {
	text-decoration: none;
	color: #000033;
}

.videotitle  A:hover {
	color: #003399;
	background: #009999 url(../images/bg.gif) repeat center center;
}

.pagenum {
	text-decoration: none;
	color: #000033;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.pagenum A:link {
	text-decoration: none;
	color: #003333;
}
.pagenum A:active {
	text-decoration: none;
	color: #003333;
}
.pagenum A:visited {
	text-decoration: none;
	color: #003333;
}
.pagenum A:hover {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #FF6600;
	background: #99FF33;
}