/* Stylesheet written by Ogden Costa Creative / Trivalley Internet / author: T. Roque for Special Olympics of Northern California, January 2009 */



@import url(stylesheet.css);



*, html {

	margin: 0;

	padding: 0;

}



body {

	padding: 0;

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

}

a:link, a:visited, a:hover {

	text-decoration: none;

}

a:link, a:visited {

	color: #2a8dac;

	font-weight: bold;

	}

	

a:hover {

	color: #07b8e1;

	font-weight: bold;

}



h2.homeBoxes, h2.homeBoxSm {

	font-family:  Arial, sans-serif;

	font-weight: normal;

	margin: 3px 0 4px 10px;

	display: block;

	color: #939598;

	border-bottom: 1px solid #939598;

	padding: 2px 0 3px;

}



h2.homeBoxes {

	font-size: 24px;

	line-height: 24px;

}



h2.homeBoxSm {

	font-size: 18px;

	line-height: 18px;

}

#header {

	width: 100%;

	background: url(images/home2/header.jpg) no-repeat top left;

	color: #fff;

/*	height: 92px; */

	height: 86px;

	margin:0;

	padding: 0;

}



#header h2, #header p {

	display: none;

}



#navContainer {

	width: 100%;

	height: 22px;

	margin: 1px 0 0 0 ;

	background: #ff9c08;

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

}

#contentBox {

	position: relative;

	float: left;

	width: 720px;

	margin: 35px auto 0 60px;

	height: auto;

	background: #fff;

	color: inherit;

}





/* left columns styles */

#leftContent {

	float: left;

	width: 470px;

	height: auto;

	font-size: 12px;

	color: #333;

}



.left2Col {

	width: 470px;

	height: auto;

	background: url(images/home2/left2ColsBG.gif) repeat-y;

	margin: 5px auto;

}



.left2Col p {

	margin: 5px 10px 8px 15px;

}



.left2Col ul {

	margin: 5px 10px 15px 18px;
/*	display: list-item; */
	list-style-image: url(images/home2/list-arrow.gif);}



.left2Col ul li {

/*	list-style-image: url(images/home2/list-arrow.gif) left no-repeat; */

	padding-left: 0px;

	margin: 3px 3px 3px 10px;

}

.left2ColTop {

	width: 470px;

	height: 5px;

	margin: 0;

	background: url(images/home2/2colBGtop.gif) no-repeat;

}



.left2ColBtm {

	width: 470px;

	height: 5px;

	margin: 0;

	background: url(images/home2/left2ColBtm.gif) no-repeat;

}



.leftCol {

	float: left;

/*	width: 232px; */

	width: 228px;

	padding: 4px 0 4px 5px;

	height: auto;

	margin: 0;

}



.rightCol {

	float: right;

	width: 226px;

	padding: 4px 0 4px 5px;

	height: auto;

	margin: 0 0 0 2px;

}



.clear {

	clear: both;

}



h2.boxUpdates b, h2.boxUpevents b, h2.boxPoll b, h2.boxVolunteer b {

	display: none;

}



h2.boxUpdates {

	width: 221px;

	height: 34px;

	margin: 2px 0 5px 7px;

	background: url(images/home2/updates.gif) no-repeat ;

}



h2.boxUpevents {

	width: 221px;

	height: 35px;

	margin: 2px 0 5px 4px;

	background: url(images/home2/upevents.gif) no-repeat ;

}



h2.boxPoll {

	width: 221px;

	height: 26px;

	margin: 2px 0 5px 7px;

	background: url(images/home2/takeourpoll.gif) no-repeat ;

}



h2.boxVolunteer {

	width: 221px;

	height: 27px;

	margin: 2px 0 5px 4px;

	background: url(images/home2/volunteer.gif) no-repeat ;

}





.rotating  {

	width: 468px;

	height: 220px;

	border: 1px solid #939598;

}



img.left {

	float: left;

	margin: 5px 5px 5px 15px;

}

img.right {

	float: right;

	margin: 10px 5px 10px 3px;

}

.date {

	color: #ee8d22;

	font-weight: bold;

}



/* =====================right sidebar========================== */

#rightContent {

	float: left;

	width: 240px;

	height: 100%;

	font-size: 12px;

	color: #333;

	margin: 0 auto 0 2px;

}





.rtContBox {

	width: 235px;

	float: right;

	height: auto;

	border: 1px solid #939598;

	margin: 0 0 5px 0;

	padding: 0;

}



.rtContBlackBx {

	width: 235px;

	float: right;

	height: auto;

	border: 1px solid #939598;

	margin: 0 0 5px 0;

	padding: 0;

	background: #211f1f;

	color: #fff;

}



.rtContBlackBx p.whatwedo {

	line-height: 24px;

	margin: 5px 5px 20px 15px;

}



.rtColContent p {

	margin: 8px 5px 15px 15px;

	line-height: 15px;

}



h2.blackBox {

	font-weight: normal;

	font-size: 18px;

	margin: 10px 0 4px 15px;

	display: block;

	color: #ee8d22;

	border-bottom: 1px solid #ee8d22;

	padding: 2px 0 3px;

}

.orangeBox {

	display: block;

	border-bottom: 1px solid #939598;

	width: 225px;

	height: auto;

	color: #fff;

	background: #ee8d22;

/*	font-size: 16px; */

	padding: 3px 10px 3px 0px;

}



h2.orngeBxH2 {

	font-weight: normal;

	font-size: 18px;

	padding: 2px 0 2px 10px;

}



.rtColContent object {

	margin: 3px auto;

}



.getinvolved {

	width: 237px;

	height: 136px;

	float: right;

	margin: 0 0 5px 0;

	background: url(images/home2/getinvolvedbox.gif) no-repeat center;

	position: relative;

}

a.becomeathlete b, a.sponsor b, a.volunteer b, a.word b {

	display: none;

}

a.becomeathlete {

	width: 100px;

	height: 18px;

	position: absolute;

	top: 40px;

	left: 20px;

}



a.sponsor {

	position: absolute;

	width: 100px;

	height: 18px;

	top: 65px;

	left: 20px;

}

a.volunteer {

	position: absolute;

	width: 100px;

	height: 18px;

	top: 85px;

	left: 20px;

}



a.word {

	position: absolute;

	width: 100px;

	height: 18px;

	top: 105px;

	left: 20px;

}

h2.boxNwsltr b, h2.boxWhatWeDo b {

	display: none;

}



h2.boxNwsltr {

	width: 115px;

	height: 21px;

	margin: 5px 0 5px 9px;

	background: url(images/home2/newsletters.gif) no-repeat ;

}



h2.boxWhatWeDo {

	width: 217px;

	height: 30px;

	margin: 8px 0 5px 17px;

	background: url(images/home2/whatwedo.gif) no-repeat ;

}

.rtColContent {

	width: 225px;

	margin: 3px 3px 8px 5px;

	height: auto;

}

.rtColContent ul {

	margin: 5px 3px 15px 10px;
/*	display: list-item; */
	list-style-image: url(images/home2/list-arrow.gif);}



.rtColContent ul li {

/*	list-style-image: url(images/home2/list-arrow.gif) left no-repeat; */

	padding-left: 0px;

	margin: 3px 3px 3px 10px;

}

/* ==================footer===================== */



#footer {

	width: 100%;

	height: 70px;

	float: left;

	margin: 10px 0 5px;

}



#footer p.sponsors {

	display: block;

	text-align: right;

	float: left;

	width: 110px;

	height: auto;

	margin: 12px 10px 8px 0;

	border-right: 2px solid #939598;

	color: #666;

	padding-right: 8px;

	font-size: 12px;

	font-weight: bold;

}



#footer img {

	float: right;

	border: none;

	

}

#footerCopyright {

	width: 100%;

	height: 30px;

	border: 1px solid #939598;

	color: #acacac;

	float: left;

	background:#221f1f;

	margin: 0;

	padding: 0;

	font-size: 10px;

}



#footerCopyright p.info {

	width: 970px;

	display: block;

	margin: 5px auto 5px 60px;

}