/* CSS Document */

/*	Description: ON-COURSE WESITE STYLE SHEET
	Author: Tanya de Villiers
	Date: 04 January, 2007 */

	/* === === === === === === === === === === === === === === === === === === === === === === === general parameters starts*/
	
* {
	margin: 0;
	padding: 0;
    font: 11px/120% Arial, Helvetica, sans-serif;
	color: #000;
}

html, body 
{
	background: #FFF;
	color: #000000;
	text-align:center;
}

body
{
	background: url(images/ball.jpg) no-repeat 50% 118px;
}

#maincontainer
{
	margin: 0 auto;
 	padding: 0;
	width: 770px;
	text-align:left;
	background: #000 url(images/background.jpg) no-repeat 0 66px;
}
	
.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.img-floatright
{
	float: right;
	padding: 0 20px 20px 20px;
}

img
{
	border: none;
}

a:link
{
	color: #000;
}
a:hover
{
	color: #b8120e;
}
	
	/* general parameters ends === === === === === === === === === === === === === === === === === === === === === === */
	/* === === === === === === === === === === === === === === === === === === === === === === === === === HEADER starts*/

#header
{
	width: 770px;
	height: 200px; /* 136 + 115margin = 251 */ 
}

#header h1 
{
	width: 260px;
	height: 96px;
	clear: none;
	background: url(images/on-course-logo.gif) no-repeat 0 0;
	text-indent: -10000em;
	float: left;
	margin-left: 40px;
}

		/* === === === === === === === === === === top navigation starts*/	
#top-navigation
{
	width: 470px;
	height: 116px;
	float: left;
	padding-top: 20px;
}

ul#top-nav
{	
	list-style-type: none;
	float: left;
	padding-left: 35px;
}

ul#top-nav li
{	
	display: block;
	padding-bottom: 4px;
}

ul#top-nav a
{	
    text-decoration: underline;
	font-size: 12px;
}
ul#top-nav a:link
{
	color: #FFF;
}

ul#top-nav a:visited
{
	color: #FFF;
}

ul#top-nav a:hover
{
	color: #c5df87;
}

ul#top-nav a:active
{
	color: #89bf38;
}
			/*top navigation ends === === === === === === === === === === */
			
		/* === === === === === === === === === === top navigation starts*/	
#top-links
{
	width: 300px;
	height: 30px;
	float: left;
	padding-top: 10px;
}

ul#top-links
{	
	list-style-type: none;
}

ul#top-links li
{	
	display: inline;
}

ul#top-links a
{	
    text-decoration: underline;
	font-size: 9px;
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
}

ul#top-links a:link
{
	color: #FFF;
}

ul#top-links a:visited
{
	color: #FFF;
}

ul#top-links a:hover
{
	color: #c5df87;
}

ul#top-links a:active
{
	color: #89bf38;
}
#whatever
{ 
   padding-bottom: 50px;
}

			/*top navigation ends === === === === === === === === === === */	
	/* HEADER ends === === === === === === === === === === === === === === === === === === === === === === === === === */
	/* === === === === === === === === === === === === === === === === === === === === === === === === FEATURED starts*/
	
#featured
{
	width: 678px;
	height: 195px;
	padding: 0 46px 25px 46px;
	background-color: #000;
}	

#featured h1
{
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0.3px;
	text-decoration:underline;
	padding-top: 10px;
	padding-left: 12px;
	color: #FFF;
}

p.block-link
{
	font-weight: bold;
	padding-top: 11px;
	padding-left: 14px;
	color: #FFF;
}

#featured img
{
	padding-top: 12px;
	padding-left: 14px;
}

p.featured-more
{
	padding-top: 9px;
	padding-left: 140px;
	color: #FFF;
	text-decoration: underline;
}

a#blue-block
{
	width: 216px;
	height: 195px;
	float: left;
	background: url(images/blue-block.gif) no-repeat 0 0;
	text-decoration: none;
	padding-right: 10px;
}

a#blue-block:hover
{
	background: url(images/blue-block-hover.gif) no-repeat 0 0;
}

a#red-block
{
	width: 216px;
	height: 195px;
	float: left;
	background: url(images/red-block.gif) no-repeat 0 0;
	text-decoration: none;
	padding-right: 10px;
}

a#red-block:hover
{
	background: url(images/red-block-hover.gif) no-repeat 0 0;
}

a#green-block
{
	width: 216px;
	height: 195px;
	float: left;
	background: url(images/green-block.gif) no-repeat 0 0;
	text-decoration: none;
}

a#green-block:hover
{
	background: url(images/green-block-hover.gif) no-repeat 0 0;
}

	
	/* FEATURED ends === === === === === === === === === === === === === === === === === === === === === === === ===  */
	/* === === === === === === === === === === === === === === === === === === === === === === = LARRY GOULD AD starts*/
	
a#larry-gould-ad
{
	width: 216px;
	padding-left: 46px;
	padding-right: 15px;
	height: 489px;
	margin-bottom: 25px;
	float: left;
}
	
	/* LARRY GOULD AD ends== === === === === === === === === === === === === === === === === === === === === === ===  */
	/* === === === === === === === === === === === === === === === === === === === === === === === === CONTENT starts*/

#content
{
	width: 446px;
	float: left;
	background: #FFF url(images/info-bottom-corners.gif) no-repeat 0 100%;
	clear: none;
	margin-bottom: 25px;
	padding-bottom: 14px;
	text-align: justify;

}	

#content h1
{
	background: url(images/info-top-corners.gif) no-repeat 0 0;
	text-decoration: underline;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 0.3px;
	padding: 15px 0 12px 20px;
}

#content h2
{
	text-transform: uppercase;
    font: 14px/120% Georgia, "Times New Roman", Times, serif;
	clear: left;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 6px 0 9px 30px;
}

#content h3
{
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.3px;
	padding: 4px 0 7px 30px;
}

#content h4 /*articles page: date + magazine*/
{
	font-size: 11px;
	font-style: italic;
	letter-spacing: 0.3px;
	padding: 0 0 15px 30px;
}

#content p
{
	padding: 0px 20px 6px 20px;
}

.italic-bold
{
	font-style:italic;
	font-weight: bold;
}

.italic
{
	font-style:italic;
}

.bold
{
	font-weight: bold;
}

				/* === === === === === === ===  === === === === === === === === === GALLERY starts*/
#gallery img
{
	float: left;
	border: 1px solid #FFF;
}
#gallery h1
{
	background: url(images/info-top-corners.gif) no-repeat 0 0;
	text-decoration: underline;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 0.3px;
	padding: 15px 0 0px 20px;
}

#gallery h2
{
	text-transform: uppercase;
    font: 14px/120% Georgia, "Times New Roman", Times, serif;
	clear: left;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 30px 0 9px 30px;
}
				/* GALLERY ends === === === === === === ===  === === === === === === === === ===*/
				/* === === === === === === === INFOBOX, CONTACT, LINK-LIST RECOMMENDED BOX starts*/
#infobox
{
	width: 446px;
	background-color: #dededc;
	float: left;
	margin-bottom: 10px;
	text-align: left;
}

#infobox img
{
	float: right;
	margin-left: 12px;
}

ul.infolist
{
	list-style-type: none;
	margin: 11px 12px;
}

ul.infolist li
{
	display: block;
    font: 10px/100% Arial, Helvetica, sans-serif;
}

ul#contact
{
	list-style-type: none;
	margin-bottom: 7px;
}

ul#contact li
{
	display: block;
    font: 11px/140% Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

ul#recommended
{
	width: 387px;
	background-color: #dededc;
	float: left;
	margin-bottom: 10px;
	list-style-type: disc;
	padding: 7pt 30px 11px 30px;
}

ul#recommended li a
{
	font-size: 10px;
    font: 11px/140% Arial, Helvetica, sans-serif;
}

ul#recommended img
{
	float: none;
	margin-left: 8px;
}

#recommended p
{
	padding: 5px 0 0 0;
	margin: 0;
	float: right;
}

ul#link-list
{
	width: 387px;
	background-color: #dededc;
	float: left;
	margin-bottom: 10px;
	list-style-type: disc;
	padding: 7pt 30px 11px 30px;
}

ul#link-list li a
{
	font-size: 10px;
    font: 12px/150% Arial, Helvetica, sans-serif;
}

			/* INFOBOX, CONTACT, LINK-LIST RECOMMENDED BOX ends  === === === === === === === === === === */
	/* CONTENT ends === === === === === === === === === === === === === === === === === === === === === === === ===  */
	/* === === === === === === === === === === === === === === === === === === === === === === === === SPONSORS starts*/

#sponsors
{
	width: 678px;
	background: #FFF url(images/wide-bottom-corners.gif) no-repeat 0 100%;
	clear: left;
	margin: 0 46px 25px 46px;
	padding-bottom: 14px;
}	

#sponsors h1
{
	background: url(images/wide-top-corners.gif) no-repeat 0 0;
	text-decoration: underline;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 0.3px;
	padding: 15px 0 12px 20px;
}

#sponsors p
{
	padding: 0px 20px 6px 20px;
}

#sponsors img
{
	padding-left: 9px;
}
	/* SPONSORS ends === === === === === === === === === === === === === === === === === === === === === === === ===  */
	/* === === === === === === === === === === === === === === === === === === === === === === === === FOOTER starts*/
	
#footer
{
	width: 678px;
	height: 66px;
	background: #000 url(images/footer.gif) no-repeat 0 0;
	clear: left;
	margin: 25px 46px 0 46px;	
}

ul#footer
{	
	list-style-type: none;
	padding-top: 25px;
}

ul#footer li
{	
	display: inline;

}

ul#footer a
{	
    text-decoration: underline;
	font-size: 10px;
	display: inline;
	margin: 0;
	padding: 0 4px 0 5px;
}

ul#footer a.first
{
	padding-left: 128px;
}

ul#footer a:link
{
	color: #FFF;
}

ul#footer a:visited
{
	color: #FFF;
}

ul#footer a:hover
{
	color: #c5df87;
}

ul#footer a:active
{
	color: #89bf38;
}
	/* FOOTER ends === === === === === === === === === === === === === === === === === === === === === === === ===  */