/* Defining the default font and body properties */
* {
	font-size:	11px;
	color: 		#666;
	font-family: 	Arial, Helvetica, sans-serif;
	/*color:		#7E776E;
	font-family:	Arial,Sans-serif;
	font-size:	12px;*/
}

/* Using gray as the background color */
body 
{
	margin:		0px;
	padding: 	0px;
	line-height:	1.5em;
	background:	#ddd;
}

/* Defining the main body layer */
div.main {
	position:	absolute;
	top:		20px;
	left:		50%;
	height:		805px;
	width:		892px;
	margin-left:	-446px;
	background: 	#fff url(../img/ocsun_bg_main.jpg) repeat-y 0px 0px;
	/*border:		4px solid #f00;*/
}

/* Defining the background with round corners at the top and bottom */
div.bordertop {
	position:       absolute;
	top:		10px;
	left:		50%;
	height:		10px;
	width:		892px;
	margin-left:	-446px;
	background: 	#fff url(../img/ocsun_bg_top.jpg) no-repeat 0px 0px;
}

div.borderbottom {
	position:       absolute;
	top:		825px;
	left:		50%;
	height:		10px;
	width:		892px;
	margin-left:	-446px;
	background: 	#fff url(../img/ocsun_bg_bottom.jpg) no-repeat 0px 0px;
}

/* */
#header {
	height:		80px;
	margin: 	0px;
	padding: 	1px;
	Xbackground-color:white;
	text-align: 	center;
}


/* Defining the menu column container style */
#leftcol 
{
	float:		left;
	width:		239px;
	Xmin-width:	200px;
	height:		705px;
	xheight: 	76%;
	Xbackground-color:#5A7F92;
	padding-left:	6px;
	padding-top:	12px;
	margin-left: 	4px;
	Xborder-right:	1px solid #E7E5E0;
	border-top:	1px solid #E7E5E0;
	overflow:	auto;
}

/* Defining the main content container/layer style */
#mainContent 
{
	xheight: 	100%;
	Xbackground-color:#F1FBFF;
	padding-left:	7;
	padding-top:	20px;
	float: 		left;
	Xoverflow:	auto;
	Xwidth: 	100%;
	width: 		627px;
	height:		690px;
	Xpadding-top:	11;
	border-left:	1px solid #E7E5E0;
	border-top:	1px solid #E7E5E0;
	Xheight:	100%;
	margin-left: 	0px;
	margin-right: 	3px;
	Xoverflow:	auto;
	overflow:	auto;
}

/* Positioning the sponsors links*/
div.sponsors {
	position:	absolute;
	left:		15px;
	bottom:		15px;
	color:		#ea743b;
	text-decoration:none;
	font-weight:	bold;
	font-size:	12;
	/*padding-left:	25px;*/
	border-top:	1px solid #E7E5E0;
	border-bottom:	1px solid #E7E5E0;
	z-index:	10;
}
div.sponslinks {
	height:		160px;
	width:		222px;
	overflow:	auto;
}

/* Positioning the pic of the van */
div.camion {
	position:	absolute;
	left:		15px;
	bottom:		15px;
}

/* FAQ  */
div.faq {
	height:		400px;
	padding:	6px 6px 6px 12px;
	margin: 	0px 20px 0px 20px;
	border-right: 	1px solid #c1dad7;
	border-bottom: 	1px solid #c1dad7;
	display:	none;
}

div.sfaq {
	padding:	6px 6px 6px 12px;
	margin: 	0px 20px 0px 30px;
	border-right: 	1px solid #c1dad7;
	border-bottom: 	1px solid #c1dad7;
}

a.faq {
	position:	relative;
	color:		#666;
	text-decoration:none;
	font-size:	11;
}

a.sfaq {
	font-size:	11;
}

/* Weather */
td.cweather {
	padding:	6px 10px 6px 10px;
	margin: 	5px 5px 5px 5px;
	vertical-align:	top;
	border-right: 	1px solid #c1dad7;
	border-bottom: 	1px solid #c1dad7;
}

td.fweather {
	padding:	6px 10px 6px 10px;
	margin: 	5px 5px 5px 5px;
	vertical-align:	top;
	width:		150px;
	border-right: 	1px solid #c1dad7;
	border-bottom: 	1px solid #c1dad7;
}

div.sweather {
	height:		450px;
	display:	none;
}

div.mweather {
	width:		620px;
	height:		100px;
	text-align:	center;
	background:     #FFF url(../img/loading_image.gif) no-repeat 50% 50%;
}

/* Misc */
div#column2 {
	margin: 0;
	padding: 0;
	Xbackground-image: url(side2.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
	Xbackground-color: #FFFF99;
}

div#column1 {
	margin: 0px;
	padding: 0px;
	Xbackground-image: url(side1.gif);
	background-repeat: repeat-y;
	width: 100%;

}


.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
} 

/* Defining the map of the site style */
div.plan>ul>li>a, div.plan>ul>li>ul>li>a, div.plan>ul>li>ul>li>ul>li>a {
	color:		#666;
	text-decoration:none;
	font-size:	11;
}

/*a:hover 
{
	font-weight:bold;
	background-color:#83BAD7;
}*/

a {
	color:		#ea743b;
	text-decoration:none;
	font-size:	12;
}

a.statslink {
	color:		#ea743b;
	text-decoration:none;
	font-size:	12;
	font-weight:	bold;
}


.sponsorslink {
	/*padding-left:	25px;*/
	color:		#ea743b;
	text-decoration:none;
	font-size:	9;
}

.statslink {
	color:		#ea743b;
	text-decoration:none;
	font-size:	12;
	font-weight:	bold;
}
/* The default lists won't be displayed with bullets */
li {
	list-style:	none;
	margin-left:	0;
}

ul {
	margin-left:	5;
}

/* Let's have a special style for bullets */
li.bullet {
	/*list-style:	none;*/
	margin-left:	0;
}

/* The bullets are images */
ul.sbullet>li {
	list-style-image: url(../img/ocsun_bullet_mark_small.png);
	margin-left:	5;
	Xlist-style-image:url(./img/ocsun_bullet_mark_small.png);
}

/* Bullets for sponsors link */
ul.sponsorsbullet>li {
	list-style-image: url(../img/ocsun_bullet_mark_small.png);
	margin-left:	-20px;
	Xlist-style-image:url(./img/ocsun_bullet_mark_small.png);
}


/* Defining cells of a table */
td {
	font-size:		11px;
	color: 			#666;
	font-family: 		Arial, Helvetica, sans-serif;
}

td.hometitle {
	background-color:	#ccc;
	text-align:		center;
	vertical-align:		bottom;
	height:			36px;
	border-color:		#333;
}

table.wborder td {
	border-right: 		1px solid #c1dad7;
	border-bottom: 		1px solid #c1dad7;
	background: 		#fff;
	padding: 		6px 6px 6px 12px;
	font-size:		11px;
	color: 			#666666;
	font-family: 		Arial, Helvetica, sans-serif;
}

table.wborder td.noborder {
	border: none;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font-size:	11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

td.promo {
	;
	background:		#fff url(../img/promo.gif) no-repeat 50% 50%;
	font-size:		11px;
	color: 			#666;
	font-family: 		Arial, Helvetica, sans-serif;
}


.menu {
	padding-top:0;
	line-height:1em;
}

.subMenu
{
	padding-left:25;
	line-height:1.05em;
	display: none;
}

.noborder{
	border:none;
}

.menuLink{
	color:#336699;
}

.subMenu a
{
	color:		grey;
	font-size:	12;
	font-weight:	bold;
}

.subMenu li
{
	Xlist-style-image:url(./img/orange.png);
}

.texte {
	font-size:	11px;
	color: 		#666666;
	font-family: 	Arial, Helvetica, sans-serif; 
}

.texteo {
	font-size:	13px;
	color: 		#EA743B;
	font-family: 	Arial, Helvetica, sans-serif; 
	font-weight: 	bold;
}

.texteob {
	font-size:	16px;
	color: 		#EA743B;
	font-family: 	Arial, Helvetica, sans-serif; 
	font-weight: 	bold;
}

.titre,h1 {
	font-size:	13px;
	color: 		#666666;
	font-family: 	Arial, Helvetica, sans-serif; 
	font-weight: 	bold;
}	

/* Thumb generation style */
#genthumbdiv {
	position:	relative;
	top:		20px;
	border:		1px solid #CCC; 
	width:		300px; 
	height:		399px;
	background: 	#FFF url(../inc/album/rsrc/loading_image.gif) no-repeat 50% 50%;
	vertical-align:	bottom;
}

.base-label {
	color:		#ea743b;
	text-decoration:none;
	font-size:	12;
}