html {width:100%; height:100%;}
body {width:100%; height:100%; text-align:center;}

.questionBox {font-size:20px; height:22px;}
.gray {color:#777;}
.boldgold {color:#ffb310; font-size:20px; letter-spacing:-2; font-weight:900}
.quotecap {color:#666666; font-style:italic; font-size:11px;}
.statcounter {}

img {border:0}

a:link {color:#990033; text-decoration:none;}
a:hover {color:#b2013c; text-decoration:underline;}
a:active {color:#b2013c; text-decoration:underline;}
a:visited {color:#80012b; text-decoration:none;}

a.nav:link {color:#990033; text-decoration:none;}
a.nav:hover {color:#b2013c; text-decoration:underline;}
a.nav:active {color:#b2013c; text-decoration:underline;}
a.nav:visited {color:#80012b; text-decoration:none;}

a.nav2:link {color:#990033; text-decoration:none; font-size:18px;}
a.nav2:hover, a.nav:active {color:#b2013c; text-decoration:underline; font-size:18px;}
a.nav2:visited {color:#80012b; text-decoration:none; font-size:18px;}

a.tag:link {	font-family:helvetica, Arial;
	font-weight:800;
	font-size:18px;
	color:#777;
	text-decoration:none;
	text-transform:lowercase;
}

a.tag:hover, a.tag:active, a.tag:visited:hover {	font-family:helvetica, Arial;
	font-weight:800;
	font-size:18px;
	color:#b2013c;
	text-decoration:underline;
		text-transform:lowercase;
}

a.tag:visited {	font-family:helvetica, Arial;
	font-weight:800;
	font-size:18px;
	color:#777;
	text-decoration:none;
		text-transform:lowercase;
}

.tag 
{
	font-family:helvetica, Arial;
	font-weight:800;
	font-size:18px;
	color:#777;
	text-transform:lowercase;
}

.grid td
{
	vertical-align:top;
}


/* Challenge Box */
div.CB_Before {
background-color:black;
padding:10px;
    width: 508px;
}

.question 
{
color:white;
font-family:helvetica, Arial;
font-size:22px;
font-weight:700;
margin-bottom:10px;
line-height:normal;
}

.CB_After {
display:block;
background-color:white;
color:#666;
}


/* Details box */
#DetailsBox {
    display:none;
    z-index:500;
    position:absolute;
    top:200px;
    left:300px;
    width:350px;
    background-color:#efefef;
    border:1px solid #bbb;
    font-family:arial;
    color:#444;
    font-size:11px;
}  

.DetailsBoxHeader {
    font-family:arial;
    font-size:22px;
    color:black;
    background-color:#999;
    padding:3px;
}

.DetailsBoxCenter {
    font-family:arial;
    font-size:12px;
    color:black;
    padding:12px;
} 
      
.DetailsBoxFooter {
    font-family:arial;
    font-size:11px;
    color:black;
    background-color:#ccc;
    padding:2px;
}    


.watermark 
{
	font-family:Helvetica, Arial;
	font-weight:700;
	font-size:12px;
	color:#999;
	padding-top:4px;
}


.challengeTitle {
                font-size:.9em;
                line-height:.9em;
                font-family:arial, helvetica; 
                font-weight:bold; 
                text-transform:lowercase;
                display:block;
                color:Black;
                }
.challengeName {
                font-size:.8em;
                line-height:.8em; 
                color:#767; 
                font-family:arial, helvetica;
                text-transform: lowercase
                }
 
 
#wrapper
	{
		z-index: 102;  
		width: 999px; 
        text-align:left;
        background-color:White;
        margin: 0 auto;
	} 
                
/* Left nav */

div#leftnav
	{
		float:left;
		width:182px;
		padding-left:15px;
		padding-top:60px;
	}
	
#leftnav2
	{
		width:215px;
		padding-left:15px;
		padding-top:60px;
		border:1px solid green;
	}	



ul#leftItems 
    {
    list-style-type:none;
    margin:0;
    padding:0;

    }
    
ul#leftItems a
{
    font-family:helvetica, Arial, sans-serif;
    font-size:24px;
    line-height:40px;
    font-weight:700;
    letter-spacing:-2px;
}
    

div#mainContent
	{
		position:relative;
		float:left;
		width: 553px; 
        font-family:Arial; 
        font-size:14px; 
        color:#666; 
        margin-right:20px;
    top: 0px;
    left: 36px;
    min-height: 1159px;
}


/* Scroller Box */

div#right
{
 position:relative;
 float:left;
 width: 202px;
 margin-left:15px;
}


div#scroller_container 
{
 position:relative;
 overflow: hidden;
 height: 400px;
}

/* Scoller Box */

div#clear
{
	clear:both
 }
   
   
/* Challenge cloud */

#text-cloud li {display:inline}

.dark {background-color:#666;}
.cloud {line-height:2em;}

.maroon {color:#990033;}
.lightMaroon {color:#b1637e;}
.gray {color:#4F5557;}
.lightGray{color:#838889;}
.blue {color:#0096d7;}
.lightBlue{color:#7fcaeb;}
.gold {color:#FFB310;}
.lightGold{color:#ffd170;}
.green{color:#5d9732;}
.lightGreen{color:#9ec184;}
.black{color:black;}

.font1{font-family:arial, helvetica; font-weight:600; text-decoration:none; text-transform:lowercase;}
.font2{font-family:arial, helvetica; font-weight:800; text-decoration:none; text-transform:lowercase;}
.font3{font-family:arial, helvetica; font-weight:900; text-decoration:none; text-transform:lowercase;}

.size1{font-size:2.0em}
.size2{font-size:2.2em}
.size3{font-size:2.4em}
.size4{font-size:2.6em}
.size5{font-size:2.8em}

.PopUpPanel 
{
	visibility:hidden; /* prevent "flashing" on startup */
	background-color:#f0efda;
	border:1px solid #ccc;
	padding:8px;
	z-index:1000;
}


.PopUpTitle
{
	font-family:helvetica,arial,sans-serif;
	color:black;
	font-size:1.5em;
	font-weight:900;
	line-height:1.4em;
}


.PopUpDesc
{
	font-family:helvetica,arial,sans-serif;
	font-size:.8em;
	color:#444;
	line-height:1.2em;
	padding-top:5px;
}

.submittedBy
{
	font-family:helvetica,arial,sans-serif;
	font-size:.7em;
	color:#767;
	line-height:1.2em;
	margin-top:4px;
}

.catItems
{
	background-color:#eeeeee;
}   


#thankyou
{
	font-size:22px;
	color:#666;
	font-weight:900;
	font-family:helvetica, Arial;
}

.callout .ajax__validatorcallout_error_message_cell
        {
            font-family: Verdana;
            font-size: 10px;
            border-right: none;
            border-left: none;
            color:Red;
        }


/* Trivia Challenge styles */
.gamecell {
	background-color: #0C0D0E;
	background-image: url(http://www.asufoundation.org/Portals/9/Quiz/light_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 700px;
	overflow: hidden;
	text-align: center;
}
.centercontent {
	margin: auto;
	width: 825px;
}
.leftcol {
	float: left;
	width: 177px;
	padding-right: 40px;
}
.rightcol {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-align: left;
}
.basicblue {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 40px;
	color: #5f6a72;
	font-weight: bold;
	letter-spacing: -2px;
}
.basicgold {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 48px;
	color: #ffc82e;
	font-weight: bold;
	letter-spacing: -2px;
}
.basicwhite {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: -2px;
}
.qa {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: -3px;
}

.basicblue a {
	font-size:48px;
	color: #ffc82e;
	text-decoration:none;
	margin:8px;
	padding:5px;
}
.basicblue a:hover {
		background: #5f6a72;
}
.infotext {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #5f6a72;
	border-right-color: #5f6a72;
	border-bottom-color: #5f6a72;
	border-left-color: #5f6a72;
	margin-top: 20px;
	padding-top: 20px;
	clear: none;
}
.infotext a {
	font-weight: bold;
	color: #FFC82E;
	text-decoration: none;
}
.infotext a:hover {
	background: #5f6a72;
}
.logo {
	background-color: #000000;
	text-align: center;
	width: 167px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5f6a72;
	border-right-color: #5f6a72;
	border-bottom-color: #5f6a72;
	border-left-color: #5f6a72;
	padding: 4px;
	display: block;
}
.links {
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 16px;
	color: #CCCCCC;
	text-align: left;
	padding-top:20px;
}
.links a {
	color: #FFC82E;
	text-decoration: none;
	padding:10px;
	display: block;
}
.links a:hover {
	background:#5f6a72;
}