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

/* Normalizes margin, padding */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style : normal;
	font-weight : bold;
}

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

img {behavior: url(iepngfix.htc);}

/* LAYOUT */

body {background-image:url(images2/tilecolumn.jpg); background-repeat:repeat-x; height:610px;}
h1 {position:relative; right:250px; text-align:center; z-index:10;}
#platform {position:relative; width:810px; height:610px; margin:0px auto; background-image:url(images2/iframebkgrnd.jpg);  background-repeat:no-repeat; overflow:hidden;}
h2 {
	position:relative;
	text-align:center;
	width:100%;
	}

#disclaimer {position:relative; right:230px; text-align:center;}
#bottomlogo {position:relative; text-align:right;}
#swoosh {position:absolute; right:0px; top:675px; background-image: url(images2/swoosh.png);}
#produced {position:relative; left:270px; bottom:3px; width:100%;}
#tagline {position:relative; width:450px; text-align:center; left:155px; bottom:60px; z-index:0; margin:0px auto;}
#leftcolumn {width:395px; height:600px; margin:5px 5px; text-align:left;}
#rightcolumn {width:405px; height:570px; position:relative; left:395px; bottom:600px; margin:20px 0px; text-align:left; background-color:#828282; overflow-y:scroll; border-style:solid; border-width:thin; border-color:#333333;}
#platformvideo {position:relative; left:35px; top:20px;}
#socialmediabuttons {width:330px; position:relative; top:30px; left:35px; background-color:#828282; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color:#333333; border-right-style:solid; border-right-width:thin; border-right-color:#333333;}
.smbuttons {padding:5px;}
.button {position:relative; top:50px; padding:15px 0px; background-image:url(images2/button.jpg); background-repeat:repeat-x; text-align:center;}
#textboxtitle {padding:15px;}
#textboxtitle2 {padding:15px;}
.textboxtext {padding:15px;}

/* TYPOGRAPHY */

.dsslink {font-family: "Copperplate Gothic Bold", "Copperplate Gothic Light", "Copperplate Light", "Times New Roman", serif}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#disclaimer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#tagline {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#textboxtitle {font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
#textboxtitle2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.textboxtext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}


/* COLOR */

a:link {color:#FFFFFF; text-decoration:none;}
a:visited {color:#CCCCCC; text-decoration:none;}
a:hover {color:#CCFF66; text-decoration:underline;}
a:active {color:#FFFFFF; text-decoration:none;}
.textboxtext a:link {color:#FFFFFF; text-decoration:underline;}
.textboxtext a:visited {color:#CCCCCC; text-decoration:none;}
.textboxtext a:hover {color:#CCFF66; text-decoration:underline;}
.textboxtext a:active {color:#FFFFFF; text-decoration:none;}
h2, #disclaimer {color:#CCCCCC;}
#tagline {color:#FFFFFF;}
#textboxtitle, #textboxtitle2 {color:#465776;}
.textboxtext {color:#FFFFFF;}