/*** general ***/
* {
	margin: 0;
	padding: 0;	
}

html {
    min-height: 100%;
}

body {    
	min-height: 100%;
   
	font-family: arial, helvetica, sans-serif;
	margin: 0 auto;
	padding: 20px auto;
	font-size: 14px;
	color: #222222;
	background: #AAAAAA;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
}

.stretch {
	padding:0;
	margin:0;
    width:100%;
    height:100%;
}

a {
	text-decoration: none;
}

.external {
	font-style: italic;
}

p {
	font-size: 14px;
	line-height: 22px;
	padding: 0 0 10px 0px;
}

.denseText {
	line-height: 18px;
}

ul, ol {
	font-size: 14px;
	line-height: 18px;
	list-style-position:inside;
	padding: 0 0 10px 0;
}

li.spaced {
	padding: 0 0 10px 0;
}


h2 {
	font-size: 16px;
	color: #A65940;	
	font-weight:normal;
	padding: 20px 0 4px 0;
}

h3 {
	font-size: 14px;
	color: #000000;	
	font-weight: bold;
	padding: 20px 0 4px 0;
	text-decoration: underline;
}

h4 {
	font-size: 14px;
	color: #000000;	
	font-weight: bold;
}

.specialText1 {
	color: #A65940;
}

.specialText2 {
	color: #000000;
	font-weight: bold;
}

.buttonText {
	color: #774635;
	font-weight: bold;
}

div .spacer {
	height: 8px;
}

div .sideBarImage {
	width: 250px;
	height: 180px;
	background-color: white;
	margin: 12px 10px 12px 10px;
}

div .sideBarImage img .sideBar {
	height: auto;
  	width: auto;
 	padding: 0;
	border: 1px solid gray;
}

#videoImage {
	min-width: 400px;
	min-height: 300px;
	background-color: gray;
	border: 2px solid #555555;
	margin: 12px 325px 0 25px;
}

img {
	height: auto;
  	width: auto;
 	float: left;
 	padding: 0;
	margin: 10px 20px 10px 5px;
	border: 1px solid gray;
}

img.right {
	float: right;
	margin: 20px;
}


iframe {
	margin: 10px 20px 10px 5px;
}

.italic {
	font-style: italic;
}

img.noborder {
	border: none;	
}



/*** header ***/
#headerTop {
	position: relative;
	top: 2px;
	width: 884px;
	margin: 24px auto 0 auto;
	padding: 0px 8px;
	overflow: hidden;
}

#headerBottom {
	background: #DDDDDD;
	width: 884px;
	margin: 0 auto;
	padding: 0px 8px;
	overflow: hidden;
	border: 2px solid #A65940;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#headerBottom p {
	font-size:12px; 
	padding: 0 0 6px 8px;
}

.tabTop {
	float: left;
	margin-right: 20px;
	padding: 4px 8px 4px 8px;
	color: #EAEAEA;
	font-size: 18px;
	cursor: pointer;
}

.tabBottom {
	float: left;
	margin-right: 20px;
	padding: 8px;
	color: #086FA1; 
	font-size: 14px;
	cursor: pointer;
}

#headerTop .selected {
	background-color: #DDDDDD;
	border-left: 2px solid #A65940;
	border-right: 2px solid #A65940;
	border-top: 2px solid #A65940;
	-moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

#headerTop .selected a {
	color: #A65940;
}

.title {
	float: right;
	position: relative;
	padding-right: 6px;
	color: #086FA1;
	font-size: 20px;
	cursor: default;
	font-weight:normal;
}

.tabTop a {
	color: #E0E0E0;
}

#headerBottom a {
	color: #086FA1;
}

#headerBottom .selected {
	text-decoration: underline;
}

#headerBottom p a[href]:hover {
	text-decoration: underline;
}



/*** side column ***/
#sidebar {
	float: right;
	width: 265px;
	padding: 16px 0 20px 10px;
	margin: 0 0 0 10px;
	border-left: 2px solid #AAAAAA;
	background: #DDDDDD;
	min-height: 580px;
}



/*** content ***/
#content {
	background: #DDDDDD;
	clear:both;
	width: 864px;
	min-height: 600px;
	margin: 4px auto;
	padding: 16px 20px;
	overflow: hidden;
}

#content a[href] {
	color: #086FA1;
}

#content a[href]:hover {
	text-decoration: underline;
}

div .videoImage {
	text-align: center;
	width: 650px;
	height: 400px;
	margin: 20px auto;
}

div .videoImage img {
	border: 2px solid #555555;
}


/*** footer ***/
#footer table {
	width: 888px;
}

#footer td {
	width: 290px;	
}

td.colLeft { text-align: left; }
td.colMiddle { text-align: center; }
td.colRight { text-align: right; }

#footer a {
	color: #EAEAEA;
}

#footer a[href]:hover {
	text-decoration: underline;
}

#footer {
	width: 888px;
	margin: 0px auto 20px auto;
	padding: 6px 6px 4px;	
	font-size: 12px;
	color: #EAEAEA;
	background: #A65940;
	border: 2px solid #DDDDDD;
}


pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.code {
	color: blue;
	font-family: monospace;
}


.rightalign {
	float: right;
	margin: 25px;
}


.leftalign {
	float: left;
	margin: 25px;
}


li.pub {
	margin: 15px 0;
}


th, td { 
	padding: 5px; 
}

th {
	text-align: left;
}