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

/* Stylesheet written by Anthony Blair-Borders / Tri Valley Internet for Special Olymics Northern California */

* {
	margin: 0;
	padding: 0;
}

/* Body Styling */

body {
background: #d5d6d8;
font-family: arial, helvetica, tahoma, sans-serif;
color: #ffffff;
font-weight: 300;
font-size: 0.7em;
line-height:1.6em;
}

/* Font Styling */

.lineHgt {
line-height:1.3em;
}

.zeroLineHgt {
line-height:normal;
}

.whiteSubHead {
font-size:1.8em;
}

.inlineText {
color: #fff;
font-size:2.4em;
font-weight:200;
line-height:1.3em;
}

.blackSubHead {
color:#000;
font-size:1.8em;
line-height:1.2em;
}

.athleteNames {
color:#32a5dd;
font-size:1.3em;
}

.blackText {
color:#000;
font-size:0.9em;
line-height:normal;
}

.blackText2 {
color:#000;
font-size:1.4em;
line-height:normal;
}

.blackText3 {
color:#000;
font-size:1.1em;
line-height:normal;
}

.blackText4 {
color:#000;
font-size:1.4em;
line-height:1.8em;
}


.greyText {
color:#999999;
font-size:1.0em;
line-height:normal;
}

.cyanSubHead {
color:#32a5dd;
font-size:1.8em;
}

.indent {
padding-top:5px;
padding-left:5px;
}

.superscript {
font-size:0.5em;
vertical-align:top;
}

/* Link Styling */

ul#twitter_update_list li a:link {
	color: #2e5abe;
	}
ul#twitter_update_list li a:visited {	
	color: #1f448f;
	}
ul#twitter_update_list li a:hover {	
	color: #000;
	}	
ul#twitter_update_list li a:active {	
	color: #000;
	}	
	
a:link {
	font-size: 1.2em;
	font-weight:200;
	text-decoration: none;
	color: #fff;
	line-height:2em;
	}
a:visited {
	font-size: 1.2em;
	font-weight:300;
	text-decoration: none;
	color: #fff;
	line-height:2em;
	}
a:hover, a:active {
	font-size: 1.2em;
	font-weight:200;
	text-decoration: none;
	color: #000;
	line-height:2em;
	}

a.secondary:link {
	font-size: 1.1em;
	font-weight:200;
	text-decoration: none;
	}

a.secondary:visited {
	font-size: 1.1em;
	font-weight:300;
	text-decoration: none;
	color: #fff;
	}
a.secondary:hover, a.secondary:active {
	font-size: 1.1em;
	font-weight:200;
	text-decoration: none;
	color: #000;
	}

a.body:link {
	font-size:1em;
	font-weight:200;
	text-decoration: none;
	color: #fff;
	line-height:1.7em;
	}
a.body:visited {
	font-size:1em;
	font-weight:400;
	text-decoration: none;
	color: #fff;
	line-height:1.7em;
	}
a.body:hover, a.body:active {
	font-size:1em;
	font-weight:200;
	text-decoration: none;
	color: #000;
	line-height:1.7em;
	}

a.body2:link {
	font-size:0.7em;
	font-weight:200;
	text-decoration: none;
	color: #fff;
	line-height:0.8em;
	}
a.body2:visited {
	font-size:0.7em;
	font-weight:400;
	text-decoration: none;
	color: #fff;
	line-height:0.8em;
	}
a.body2:hover, a.body2:active {
	font-size:0.7em;
	font-weight:200;
	text-decoration: none;
	color: #000;
	line-height:0.8em;
	}

a.body3:link {
	font-size:1.0em;
	font-weight:200;
	text-decoration: none;
	color: #2e5abe;
	line-height:1.7em;
	}
a.body3:visited {
	font-size:1.0em;
	font-weight:400;
	text-decoration: none;
	color: #1f448f;
	line-height:1.7em;
	}
a.body3:hover, a.body3:active {
	font-size:1.0em;
	font-weight:200;
	text-decoration: none;
	color: #000;
	line-height:1.7em;
	}


a.bottomHome:link {
	text-decoration: none;
	color:#999999;
	font-size:1.2em;
	font-weight:500;
	line-height:normal; 
	}
a.bottomHome:visited {
	text-decoration: none;
	color:#2e5abe;
	font-size:1.2em;
	font-weight:500; 
	line-height:normal;
	}
a.bottomHome:hover, a.bottomHome:active {
	text-decoration: none;
	color:#418eb8;
	font-size:1.2em;
	font-weight:500; 
	line-height:normal;
	}

a.Celeb:link {
	color:#000;
	font-size:1.3em;
	font-weight:500;
	line-height:normal;
	text-decoration: none;
	}
a.Celeb:visited {
	text-decoration: none;
	color:#1f448f;
	font-size:1.3em;
	font-weight:500; 
	line-height:normal;
	}
a.Celeb:hover, a.Celeb:active {
	text-decoration: none;
	color:#32a5dd;
	font-size:1.3em;
	font-weight:500; 
	line-height:normal;
	}

a.botCeleb:link {
	text-decoration: none;
	color:#999999;
	font-size:1em;
	font-weight:500;
	line-height:normal;
	}
a.botCeleb:visited {
	text-decoration: none;
	color:#2e5abe;
	font-size:1em;
	font-weight:500; 
	line-height:normal;
	}
a.botCeleb:hover, a.BotCeleb:active {
	text-decoration: none;
	color:#000;
	font-size:1em;
	font-weight:500; 
	line-height:normal;
	}

a.index:link {
	color:#000;
	font-size:1.3em;
	font-weight:500;
	line-height:normal;
	text-decoration: none;
	}
a.index:visited {
	text-decoration: none;
	color:#1f448f;
	font-size:1.3em;
	font-weight:500; 
	line-height:normal;
	}
a.index:hover, a.index:active {
	text-decoration: none;
	color:#1e3976;
	font-size:1.3em;
	font-weight:500; 
	line-height:normal;
	}
	
a.factSheet:link {
	text-decoration: none;
	color:#1f448f;
	font-size:0.9em;
	font-weight:600;
	line-height:normal;
	}
a.factSheet:visited {
	text-decoration: none;
	color:#8a8c8e;
	font-size:0.9em;
	font-weight:600; 
	line-height:normal;
	}
a.factSheet:hover, a.factSheet:active {
	text-decoration: none;
	color:#32a5dd;
	font-size:0.9em;
	font-weight:600; 
	line-height:normal;
	}

a.teamCap:link {
	text-decoration: none;
	color:#1f448f;
	font-size:1.0em;
	font-weight:500;
	line-height:normal;
	}
a.teamCap:visited {
	text-decoration: none;
	color:#8a8c8e;
	font-size:1.0em;
	font-weight:500; 
	line-height:normal;
	}
a.teamCap:hover, a.teamCap:active {
	text-decoration: none;
	color:#32a5dd;
	font-size:1.0em;
	font-weight:500; 
	line-height:normal;
	}

/* Clear Floats */
.clear {
clear:both;
}

/* This part floats the rest of the content center and contains the background gradient */
#holder {
margin-left:auto;
margin-right:auto;
background-color:#182f63; 
background-image:url(images/backdrop.jpg);
background-repeat: no-repeat;
width:850px;
height:auto;
border:none;
}

/* This contains the header "Be a fan" image */
#header {
float:left;
margin-left:70px;
width:780px;
height:140px;
}


/* Here is th primary navigation code */
#primeNavParent {
float: left;
width: 780px;
height: 32px;
margin-left: 72px;
}

#navButton1 {
background-image:url(images/navButton1.jpg);
background-repeat:repeat-x;
float:left;
width:120px;
height:32px;
text-align:center;
}

#navButton2 {
background-image:url(images/navButton2.jpg);
background-repeat:repeat-x;
float:left;
width:120px;
height:32px;
text-align:center;
}

#navButton3 {
background-image:url(images/navButton3.jpg);
background-repeat:repeat-x;
float:left;
width:120px;
height:32px; 
text-align:center;
}

#navButton4 {
background-image:url(images/navButton4.jpg);
background-repeat:repeat-x;
float:left;
width:120px;
height:32px;
text-align:center;
}

#navButton5 {
background-image:url(images/navButton5.jpg);
background-repeat:repeat-x;
float:left;
width:120px;
height:32px;
text-align:center;
}

/* INDEX PAGE CODE STARTS HERE */
#slideshow {
float:left;
width:850px;
height:105px;
margin-top:0;
}

#slideshowShadow {
float:left;
background-image:url(images/slideshowShadow.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:850px;
height:24px;
margin-top:0;
}

#blueContainer {
float:left;
position:relative;
background-color:#0e2047;
margin-top:-15px;
margin-left:72px;
width:702px;
height:auto;
padding-bottom:25px;
z-index:1;
}

#aboutCopy {
float:left;
margin-left:35px;
padding-bottom:20px;
width:625px;
height:auto;
text-align:justify;
}

#contentColumn1A {
float:left;
margin-left:19px;
width:210px;
height:365px;
background-color:#000229;
background-image:url(images/contentColGrad1.jpg);
background-repeat:repeat-x;
}

#contentColumn1B {
float:left;
margin-left:19px;
width:210px;
height:365px;
background-color:#000229;
background-image:url(images/contentColGrad1.jpg);
background-repeat:repeat-x;
}

#contentColumn2 {
float:left;
margin-left:15px;
width:210px;
height:auto;
background-color:#d03b27;
background-image:url(images/contentColGrad2.jpg);
background-repeat:repeat-x;
}

#contentColumn3 {
float:right;
margin-top:20px;
margin-right:19px;
width:210px;
background-color:#c9cddb;
background-image:url(images/contentColGrad3.jpg);
background-repeat:repeat-x;
}

.contentCopyPad {
margin:10px 10px 15px 10px;
}

.contentVideoPad {
margin:10px 0px 15px 5px;
}

#videoBoxA {
padding-top:9px;
width:200px;
height:146px;
font-size:0.8em;
}

#videoBoxB {
width:200px;
height:145px;
}

#cyanBox {
float:left;
margin-top:15px;
margin-left:19px;
margin-right:9px;
width:140px;
height:120px;
background-color:#0096da;
}

#pinkBox {
float:left;
margin-top:15px;
margin-right:9px;
width:140px;
height:120px;
background-color:#76298f;
}

#greenBox {
float:left;
margin-top:15px;
width:140px;
height:120px;
background-color:#556f32;
}

#sponsors {
float:left;
margin-top:25px;
margin-left:-80px;
width:850px;
height:50px;
}

#sponsorText {
float:left;
padding-right:8px;
width:200px;
height:45px;
border-right:#fff solid;
border-width:1px;
line-height:1.4em;
font-size:1em;
font-weight:300;
text-align:right;
}

.sponsorBox1 {
float:left;
padding-left:8px;
}

.sponsorBox2 {
float:left;
}

#bottomLinksIndex {
float:left;
margin-top:10px;
width:700px;
height:auto;
text-align:center;
line-height:normal;
color:#999;
font-size:1.0em;
}

#bottomLinksIndex a { color:#999; font-size:1.0em; text-decoration: none; }

#bottomLinksIndex a:hover { color:#418eb8; font-size:1.0em; text-decoration: none; }
  
/* SUB-PAGES CODE STARTS HERE */

#colorBarCeleb {
float:left;
width:710px;
height:11px;
margin-left:72px;
background-color:#d03b27;
}

#colorBarAth {
float:left;
width:710px;
height:11px;
margin-left:72px;
background-color:#782b90;
}

#colorBarSpons {
float:left;
width:710px;
height:11px;
margin-left:72px;
background-color:#556f32;
}

#colorBarCorpTeam {
float:left;
width:710px;
height:11px;
margin-left:72px;
background-color:#182b56;
}

#colorBarGeneric {
float:left;
width:710px;
height:11px;
margin-left:72px;
background-color:#414142;
}

#contentParent {
float:left;
margin-left:72px;
width:710px;
height:auto;
}

#grayBox {
float:left;
background-color:#8a8c8e;
width:710px; 
height:auto; 
}

#mainImage {
width:175px;
height:160px;
float:left;
margin:20px 0px 20px 0px;
}

#mainText {
width:310px;
height:auto;
float:left;
margin:0px 0px 0px 15px;
text-align:justify;
padding-top:20px;
padding-right:20px;

}

#mainTextNoPic {
width:500px;
height:auto;
float:left;
margin:0px 0px 0px 15px;
text-align:justify;
padding-top:20px;
padding-bottom:20px;
padding-right:20px;
padding-bottom:20px;
}

/* Reset Bullets */

ul.norm {
padding-left:20px;
}

li.norm {
list-style-type: disc;
}

/* Secondary navigation buttons */

/* Drop Down Menu */
dl, dt, dd, ul, li {
list-style-type: none;
}
#menu {
float:right;
}
dl#menu {
width:175px;
}
dl#menu dt {
cursor: pointer;
height:25px;
background-image:url(images/grayNavButton.jpg);
background-repeat:repeat-x;
background-color:#818488;
padding-left:10px;
padding-bottom:10px;
color:#fff;
font-size:1.1em;
line-height:1.9em;

}
dl#menu dd {
}
dl#menu li {
font-size: 0.8em;
font-weight:200;
text-decoration: none;
line-height:1.5em;
background-color:#818488;
}
dl#menu li a, dl#menu dt a {
color:#fff;
text-decoration: none;
display:block;
border:0 none;
height:auto;
}
dl#menu li a:hover, dl#menu dt a:hover {
background:#999;
}
/*end drop down menu */

#secNavHolder {
float:left;
background-color:#818488;
height:auto;
width:175px;
padding-top:20px;
min-height:245px;
}

/* This is the bottom content */
#lightGrayBox {
float:left;
background:#eff1f5;
width:710px;
height:auto;
padding-bottom:50px;
}

#whiteBox {
float:left;
background-color:#FFFFFF;
border:#babcbe;
border-style:solid;
border-width:1px;
width:685px;
height:auto;
margin:20px 5px 0px 10px;
padding-bottom:20px;
}

/* columns */

#subhead {
float:left;
width:500px;
height:auto;
margin:15px 0px 0px 10px;
padding-left:15px;
}


/*Three Column Layout*/
#column1 {
float:left;
width:200px;
height:auto;
margin:10px 0px 0px 10px;
padding-left:15px;
}

#column2 {
float:left;
width:200px;
height:auto;
border-left-color:#cbcdce;
border-left-width:1px;
border-left-style:solid;
margin:10px 0px 0px 5px;
padding-left:10px;
}

#column3 {
float:left;
width:200px;
height:auto;
border-left-color:#cbcdce;
border-left-width:1px;
border-left-style:solid;
float:left;
margin:10px 0px 0px 5px;
padding-left:10px;
}

/*Two Column Layout*/
#column4 {
float:left;
width:300px;
height:auto;
margin:10px 10px 0px 10px;
padding-left:15px;
border-right-color:#cbcdce;
border-right-width:1px;
border-right-style:solid;
}

#column5 {
float:left;
width:310px;
height:auto;
margin:10px 0px 0px 5px;
padding-left:20px;
}

/*Single Column Layout*/

#column6 {
float:left;
width:645px;
height:auto;
margin:10px 0px 0px 5px;
padding-left:20px;
}


#bottomLinks {
float:left;
color:#999999;
width:700px;
padding-bottom:20px;
text-align:center;
color: #666666;
}

.corpTeamText {
float:left;
width:400px;
text-align:justify;

}

.floatRight {
float:right;
}

.floatLeft {
float:left
}

/****2010 Additions****/

#sponsorsRow {
float:left;
margin-top:10px;
margin-left: 20px;
width:680px;
}

#socialRow {
float:left;
position: relative;
margin-top:-10px;
width:750px;
height:25px;
z-index:2;
}

.blackRow {background:#000; width:100%; height:30px; color: #eaeaea; text-align:center; padding-top:10px; margin-bottom:5px; line-height:normal; font-size:1.4em;}

.grayRow {background:#cbcbcb; width:100%; height:27px; padding-left:4px; margin-bottom: 4px;}

.whiteRow {background:#fff; width:100%; height:27px; padding-left:4px; margin-bottom: 4px;}