.clear {clear:both;}
* {margin:0px; padding:0px;}
body {
	background-color:#000000;
	color:#ffffff;
	font-family:Arial,Helvetica,Geneva,Tahoma,Swiss,Verdana,sans-serif;
	font-size:16px;
	margin:auto;
	padding:0px;
	text-align:center;
	width:960px;
	}
#container {width:960px; margin:0px auto; text-align:left;}

#400pxcol {width:400px; margin:auto;}
#500pxcol {width:500px; margin:auto;}
#600pxcol {width:600px; margin:auto;}
#700pxcol {width:700px; margin:auto;}

.justify {text-align:justify;}
.sub {line-height:0.2em; position:relative; top:0.3em; font-size:0.8em;}
.sup {line-height:0.2em; position:relative; bottom:0.5em; font-size:0.8em;}


/********************** Header ***************************/
#header {
	background-image:url(../images/header.jpg);
	height:72px;
	margin:0px 0px 0px 0px;
	width:960px;
/*	position:relative;*/
	}
#headerForHome {
	background-image:url(../images/header-4home.jpg);
	height:70px;
	margin:0px 0px 0px 0px;
	width:960px;
/*	position:relative;*/
	}
#header-for-printing {display:none;}
#spacer1 {padding:6px;}
#spacer2 {margin:19px;}


/********************** Content ***************************/
/*#content {background-image:url(../images/content-bg.jpg); width:930px; padding:15px;}*/
/*#content {background:#000000; width:930px; padding:5px 15px 5px 15px; margin-top:1px;}*/
#content    {background:#ffffff; width:930px;}
#content-hp {background:#ffffff; width:930px; margin-top:285px; padding:5px 15px 5px 15px;}
#content-ip {width:610px; margin:auto;}
#content-ip-blog {width:770px; margin:auto;}

#content-people-bg-upper     {background-image:url(../images/theme1bg-upr.jpg); width:960px; height:34px;}
#content-multimedia-bg-upper {background-image:url(../images/theme2bg-upr.jpg); width:960px; height:34px;}
#content-articles-bg-upper   {background-image:url(../images/theme3bg-upr.jpg); width:960px; height:34px;}
#content-students-bg-upper   {background-image:url(../images/theme4bg-upr.jpg); width:960px; height:34px;}
#content-online-bg-upper     {background-image:url(../images/theme4bg-upr.jpg); width:960px; height:34px;}
#content-pets-bg-upper       {background-image:url(../images/theme5bg-upr.jpg); width:960px; height:34px;}
#content-larry-bg-upper      {background-image:url(../images/theme6bg-upr.jpg); width:960px; height:34px;}
#content-music-bg-upper      {background-image:url(../images/theme7bg-upr.jpg); width:960px; height:34px;}
#content-blog-bg-upper       {background-image:url(../images/themebg-blog-upr.jpg); width:960px; height:34px;}

#content-people     {background-image:url(../images/theme1bg-mid.jpg); width:960px;}/* padding:5px 15px 5px 15px;*/
#content-multimedia {background-image:url(../images/theme2bg-mid.jpg); width:960px;}
#content-articles   {background-image:url(../images/theme3bg-mid.jpg); width:960px;}
#content-students   {background-image:url(../images/theme4bg-mid.jpg); width:960px;}
#content-online     {background-image:url(../images/theme4bg-mid.jpg); width:960px;}
#content-pets       {background-image:url(../images/theme5bg-mid.jpg); width:960px;}
#content-larry      {background-image:url(../images/theme6bg-mid.jpg); width:960px;}
#content-music      {background-image:url(../images/theme7bg-mid.jpg); width:960px;}
#content-blog       {background-image:url(../images/themebg-blog-mid.jpg); width:960px;}

#content-people-bg-lower     {background-image:url(../images/theme1bg-lwr.jpg); width:960px; height:35px;}
#content-multimedia-bg-lower {background-image:url(../images/theme2bg-lwr.jpg); width:960px; height:35px;}
#content-articles-bg-lower   {background-image:url(../images/theme3bg-lwr.jpg); width:960px; height:35px;}
#content-students-bg-lower   {background-image:url(../images/theme4bg-lwr.jpg); width:960px; height:35px;}
#content-online-bg-lower     {background-image:url(../images/theme4bg-lwr.jpg); width:960px; height:35px;}
#content-pets-bg-lower       {background-image:url(../images/theme5bg-lwr.jpg); width:960px; height:35px;}
#content-larry-bg-lower      {background-image:url(../images/theme6bg-lwr.jpg); width:960px; height:35px;}
#content-music-bg-lower      {background-image:url(../images/theme6bg-lwr.jpg); width:960px; height:35px;}
#content-blog-bg-lower       {background-image:url(../images/themebg-blog-lwr.jpg); width:960px; height:35px;}

#hp-ruler {
	background-image:url(../images/footer-line.gif);
	height:5px;
	margin-top:383px;
	position:absolute;
	top:0;
	width:960px;
	}

.float-left  {float:left; margin-right:10px; margin-bottom:7px;}
.float-right {float:right; margin-left:10px; margin-bottom:7px;}

img {border:none;}
.img-border-gold {border:1px solid #ff9900;}
.img-responsive {box-sizing:border-box; max-width:100%;}
img.align-left {
	border:1px solid #ff9900;
	float:left;
	margin:0 15px 0 0;
	}
img.align-right {
	border:1px solid #ff9900;
	float:right;
	margin:0 0 0 15px;
	}

.tiny     {color:#ffffff; font-size:10px;}
.tinyBold {color:#ffffff; font-size:10px; font-weight:bold;}
.sml      {color:#ffffff; font-size:12px;}
.smlBold  {color:#ffffff; font-size:12px; font-weight:bold;}
.med      {color:#ffffff; font-size:14px;}
.medBold  {color:#ffffff; font-size:14px; font-weight:bold;}
.body     {color:#ffffff; font-size:16px;}
.bodyBold {color:#ffffff; font-size:16px; font-weight:bold;}
.lrg      {color:#ffffff; font-size:19px;}
.lrgBold  {color:#ffffff; font-size:19px; font-weight:bold;}
.xlrg     {color:#ffffff; font-size:25px;}
.xlrgBold {color:#ffffff; font-size:25px; font-weight:bold;}
.xxlrg    {color:#ffffff; font-size:32px;}
.xxlrgBold {color:#ffffff; font-size:32px; font-weight:bold;}

.gold   {color:#ff9900;}
.red    {color:#ff0000;}
.yellow {color:#FF6;}
.white  {color:#ffffff;}

p {color:#ffffff; margin:15px 0px;}
p,td {color:#ffffff; font-size:16px;}
p.indent {color:#ffffff; font-size:15px; text-indent:30px; margin-top:0; margin-bottom:0;}
p.ni-0margin-sml {color:#000000; font-size:12px; font-family:Arial,Helvetica,Geneva,Tahoma,Swiss,Verdana,sans-serif; margin-top:0; margin-bottom:0;}
p.indent-sml {color:#ffffff; font-size:12px; text-indent:30px; margin-top:0; margin-bottom:0;}
p.indent-med {color:#ffffff; font-size:14px; text-indent:30px; margin-top:0; margin-bottom:0;}

.page-title   {color:#ff9900; font-size:28px; font-weight:bold; font-style:italic; text-align:center; padding-bottom:20px;}
.graph-header {color:#ff9900; font-size:24px; font-weight:bold;}

.quote       {color:#ffffff; font-size:12px; padding:0px 3px 0px 5px;}
.author      {color:#ffffff; font-size:12px; font-weight:bold; font-style:italic; padding:0px 3px 0px 5px;}

table.green   {border-collapse:collapse; border:2px solid #006666;}
table.red     {border-collapse:collapse; border:2px solid red;}
table.white   {border-collapse:collapse; border:2px solid white;}
table.purp    {border-collapse:collapse; border:2px solid #CC0099;}
table.reddots {border-collapse:collapse; border:4px dotted red;}
/*.red-box {border: thin #F00;}*/
.red-box {border:1px solid #ff0000; padding:7px;}
table.black {border-collapse:collapse; border:2px solid black;}

/* ul {text-indent:10px;} */
/* li {color:#ffffff; font-size:17px; font-family:Arial,Helvetica,Geneva,Tahoma,Swiss,Verdana,sans-serif;} */
/* li {margin-left:-7px; list-style-image:url(../images/ball-red.gif);} */

ol.lh-col {padding-left:20px;}
ul.lh-col {padding-left:20px;}
ul.main   {margin-top:-10px;}
ol.main   {margin-top:-10px;}
li.main        {color:#ffffff; margin-left:30px; padding-bottom:10px;}
li.main-level2 {color:#ffffff; margin-left:60px; padding-bottom:10px;}
li.main-nodot  {color:#ffffff; margin-left:30px; padding-bottom:10px; list-style:none;}
li.main-nopad  {color:#ffffff; margin-left:30px; padding-bottom:0;}
li.main-nodot-nopad  {color:#ffffff; margin-left:30px; padding-bottom:0px; list-style:none;}
li.main-level2-nopad {color:#ffffff; margin-left:60px; padding-bottom:0px;}

h1 {color:#ff9900; font-size:28px; margin:0px;}
h2 {color:#ff9900; font-size:24px; margin:0px;}
h3 {color:#ff9900; font-size:20px; margin:0px;}
h4 {color:#ff9900; font-size:16px; margin:0px;}
h5 {color:#ff9900; font-size:12px; margin:0px;}

/******* For the scrolling text in the footer ***************************/
.marquee {box-sizing:border-box; display:block; margin:0 auto; overflow:hidden; padding:25px 0; white-space:nowrap;}
@keyframes marquee {
	0% { transform:translate(100%, 0); -webkit-transform:translateX(100%); }
	100% { transform:translate(-100%, 0); -webkit-transform:translateX(-100%); }
	}
.marquee span {
	animation-play-state:running;
	display:inline-block;
	overflow:hidden;
	text-indent:0;
	-webkit-transition:0s; /* These two lines don't seem to do anything. */
		transition:0s;
	-webkit-animation:marquee 50s linear infinite; /* Larger numbers will scroll the text more slowly. Both this line and the next line should have the same value. */
		animation:marquee 50s linear infinite;
	-moz-animation-delay:-18s; /* Firefox */
		-webkit-animation-delay:-18s; /* Safari & Chrome */
		-o-animation-delay:-18s; /* Opera */
		animation-delay:-18s;
	}
.marquee:hover> span {animation-play-state:paused;}


/*********************************************************/
/********************* Forms Styling *********************/
/*
fieldset {
	border:1px solid #069;
	padding:20px;
	width:600px;
	}
legend {
	background:#069;
	border:1px solid #00f;
	color:#fff;
	font-weight:bold;
	padding:2px 6px;
	}
*/
input {
	background:#fff;
	border:1px solid #ff9900;
	color:#000;
	font-size:14px;
	margin-bottom:7px;
	}
textarea {
	background:#fff;
	border:1px solid #ff9900;
	color:#000;
	font-family:inherit;
	font-size:14px;
	margin-bottom:7px;
	}
.form-button {
	background:#654321;
	border:1px solid #ff9900;
	color:#fff;
	font-weight:bold;
	padding:3px 7px;
	}
.form-button:hover {
    background:#ff9900;
    border:1px solid #ffcc66;
	color:#fff;
	cursor:pointer;
	}
/*
label {
    display:block;
    float:left;
	font-size:14px;
    margin:0 5px 0 0;
    text-align:right;
    width:100px;
	}
br {clear:left;}
*/
.commentsn {display:none;}

/************************************************************************/
/**************   Non-Browser Specific Theme Definitions   **************/
/************************************************************************/
#theme-content {
	padding-top:20px;
	margin-left:180px;
	width:410px;
	}
.theme-header {
	color:#ffffff;
	font-family:Arial,Helvetica,Geneva,Tahoma,sans-serif;
	font-size:26px;
	font-weight:bold;
	}
.theme-p {
	color:#ffffff;
	font-family:Arial,Helvetica,Geneva,Tahoma,sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	text-align:justify;
	}


/* For links, list them in this order: "link-visited-hover-active", or "LVHA" */
#footer a:link    {color:#ffcc66; text-decoration:none; padding:0px 0px 0px 5px;}
#footer a:visited {color:#ffcc66; text-decoration:none; padding:0px 0px 0px 5px;}
#footer a:hover   {color:#ffffff; text-decoration:underline; padding:0px 0px 0px 5px;}
#footer a:active  {color:#ffffff; text-decoration:none; padding:0px 0px 0px 5px;}


/*********************************************************/
/* For links, list them in this order: "link-visited-hover-active", or "LVHA" */
a:link    {color:#ff9900; text-decoration:underline;}
a:visited {color:#fC9; text-decoration:underline;}
a:hover   {color:white; text-decoration:none;}
a:active  {color:white; text-decoration:underline;}

/* Navigation where text is on a white background */
a.whiteBg:link    {color:#0033cc; font-weight:bold; text-decoration:underline;}
a.whiteBg:visited {color:#0033cc; font-weight:bold; text-decoration:underline;}
a.whiteBg:hover   {color:#ff9900; font-weight:bold; text-decoration:none;}
a.whiteBg:active  {color:#0033cc; font-weight:bold; text-decoration:underline;}

/* Navigation where there is white text on a red background */


/********************** Rollover ***************************/
a.ro-top {
	background:url("../images/top-of-page.jpg");
	display:block;
	height:50px;
	text-decoration:none;
	width:75px;
	}
a.ro-top:hover {
	background-position:0 -50px;
	}
.displace {
	left:-10000px;
	position:absolute;
	}

/***************** Responsive Videos **********************/
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); /* Adjust as needed */}
/***************** Responsive Videos **********************/
.video-container {
	/*border:2px solid #393;*/
	/*overflow:hidden;*/
	padding-bottom:56.25%; /* fine tunes the video's vertical positioning */
	/*padding-bottom:52.70%; /* fine tunes the video's vertical positioning */
	position:relative; /* keeps the aspect ratio */
}
.video-container iframe, 
.video-container video, 
.video-container object, 
.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/*
video {max-width:100%; height:auto;}
.video-320  {width:320px; height:240px;}
.video-320b {width:320px; height:213px;}
.video-400  {width:400px; height:225px;}
.video-640  {width:640px; height:480px;}
.video-704  {width:704px; height:470px;}
.video-720  {width:720px; height:480px;}
/*.video-wrapper {border:2px solid #ff9900; margin:auto; max-width:98%; height:auto;}*
.video-wrapper-320 {width:320px; max-width:98%; height:auto;}
.video-wrapper-400 {width:400px; max-width:98%; height:auto;}
.video-wrapper-600 {width:600px; max-width:98%; height:auto;}
.video-wrapper-640 {width:640px; max-width:98%; height:auto;}
.video-wrapper-704 {width:704px; max-width:98%; height:auto;}
.video-wrapper-720 {width:720px; max-width:98%; height:auto;}
.video-wrapper-800 {width:800px; max-width:98%; height:auto;}
.video-container-1pt333 {background-color:#fff; height:0; overflow:hidden; padding-bottom:75%; /*fine tunes the video's vertical positioning for 1.333 AR* position:relative;}
.video-container-1pt498 {background-color:#fff; height:0; overflow:hidden; padding-bottom:67.75%; /*fine tunes the video's vertical positioning for 1.5 AR* position:relative;}
.video-container-1pt5   {background-color:#fff; height:0; overflow:hidden; padding-bottom:66.75%; /*fine tunes the video's vertical positioning for 1.5 AR* position:relative;}
.video-container-1pt777 {background-color:#fff; height:0; overflow:hidden; padding-bottom:56.25%; /*fine tunes the video's vertical positioning for 1.777 AR* position:relative;}
.video-container iframe, 
	.video-container object, 
	.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
*/



/*********************************************************************************************/
/******* What follows is what was in the Stylesheet for Firefox. Now it is being used for all browsers *******/
/*********************************************************************************************/

/*********************************************************************************************/
/******* Force correct height of Framily Survey page, both default and with all errors *******/
/*********************************************************************************************/
#content-ip-frsurvey-ok  {width:610px; margin:auto; height:3050px;}
#content-ip-frsurvey-err {width:610px; margin:auto; height:3500px;}

/****************************************************************************/
/******* Theme Related Definitions For The Interior (2nd Level) Pages *******/
/****************************************************************************/
#articlesTheme {
	background-image:url(../images/theme-articles.jpg);
	height:284px;
	margin-top:1px;
	}
#familyTheme {
	background-image:url(../images/theme-family.jpg);
	height:284px;
	margin-top:1px;
	}
#larryTheme {
	background-image:url(../images/theme-larry.jpg);
	height:284px;
	margin-top:1px;
	}
#multimediaTheme {
	background-image:url(../images/theme-multimedia.jpg);
	height:284px;
	margin-top:1px;
	}
#musicTheme {
	background-image:url(../images/theme-music.png);
	height:284px;
	margin-top:1px;
	}
#onlineTheme {
	background-image:url(../images/theme-online.jpg);
	height:284px;
	margin-top:1px;
	}
#peopleTheme {
	background-image:url(../images/theme-people.jpg);
	height:284px;
	margin-top:1px;
	}
#petsTheme {
	background-image:url(../images/theme-pets.jpg);
	height:284px;
	margin-top:1px;
	}
#studentsTheme {
	background-image:url(../images/theme-students.jpg);
	height:284px;
	margin-top:1px;
	}
/************************************************************************/
/*** Theme Related Definitions For The Home Page and Root Level Pages ***/
/************************************************************************/
#default-hpTheme {
	background-image:url(../images/theme-homepage.jpg);
	height:284px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme1 {
	background-image:url(../images/theme-multimedia.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme2 {
	background-image:url(../images/theme-articles.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme3 {
	background-image:url(../images/theme-students.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme4 {
	background-image:url(../images/theme-online.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme5 {
	background-image:url(../images/theme-larry.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme6 {
	background-image:url(../images/theme-family.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#theme7 {
	background-image:url(../images/theme-music.jpg);
	display:none;
	height:280px;
	margin-top:103px;
	position:absolute;
	top:0;
	width:960px;
	}
#pagenotfoundTheme {
	background-image:url(../images/theme-404.jpg);
	height:280px;
	margin-top:30px;
	position:relative;
	}
.link2dld {
	display:block;
	margin-left:618px;
	margin-top:-240px;
	position:relative;
/*	border:1px solid #C00;*/
	}
.link2dld2 {
	display:block;
	margin-left:618px;
	margin-top:-165px;
	position:relative;
/*	border:1px solid #fff;*/
	}
#theme-content-hp {
	margin-left:170px;
	padding-top:20px;
	width:430px;
	}

/*********************************************************/
/********************** Footer ***************************/
/*********************************************************/
#footerline {
	background-image:url(../images/footer-line.gif);
	clear:both;
	height:5px;
	}
#footer {
	background-image:url(../images/footer-bg.jpg);
	color:#ffffff;
	font-size:12px;
	height:125px;
	padding:15px 0 0 0;
	text-align:center;
	width:960px;
	}
#footer p {
	color:#ffffff;
	font-family:Arial,Helvetica,Geneva,Tahoma,Swiss,Verdana,sans-serif;
	font-size:12px;
	}
.footer-left {
	float:left;
	width:80%;
	}
.footer-col1 {
	float:left;
	margin-top:-15px;
	padding-bottom:15px;
	width:150px;
	}
.footer-col2 {
	margin-top:-5px;
	padding-left:150px;
	width:635px;
	}
.footer-col3 {
	float:right;
	margin-top:-10px;
	width:175px;
}

/* *** Font Related: *** */
@font-face {font-family:'zapfino'; font-style:normal; font-weight: normal; src:local('zapfino'), url('zapfino.woff') format('woff');}