select.pink {
	background-color: #e7c0ef; 
	color:#000000; 
	font-weight:normal; 
	font-size: 0.70em;
	font-family:verdana,helvetica,sans-serif;	
}
/*ATTRIBUTE of the body tag to set the background image and background color*/
body.back_style
{
	background-image: url(images/main_back.gif);
	margin: 0px;
	background-color: #663366;
	background-repeat: repeat-y;
}

td.firstrow_left{
background-image: url(images/left_col_corner.jpg); 
background-position: top left; 
background-repeat: no-repeat;
}


input.pink {
	background-color: #e7c0ef; 
	width: 250px;
	color:#000000; 
	font-weight:bold; 
	font-size: 0.70em;
	border:1px solid;
	
}

span.pink {
	background-color: #e7c0ef; 
	color:#000000; 
	font-weight:bold; 
	font-size: 0.70em;
	border:1px solid;
	
}

input.btn{
	color:#000000;
	font-family:verdana,helvetica,sans-serif;
	font-size:8pt;
	font-weight:bold;
	background-color:#e7c0ef;
	border-width:1px ;
	border-style:dashed;
	broder-color:#000000;
	/*border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;*/
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#e7c0ef',EndColorStr='#ffffff');
	  } 



.bottomBorder {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.banner {
	background-color: #FFFFFF;
	background-image: url(/images/sobcBANNER.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
/*Navigation bar-------------------------------------------------------------------------------------*/
.navBAR { /*this sets position, background and border fo the left nav menu*/
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	background-image: url(images/left_menu_back.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	position:absolute; 
	margin-top:0px;
	margin-right:0px;
	margin-left:1px;
	margin-bottom:0px;
	padding-right:0px;
	padding-left:3px;
	padding-top:0px;
	left:2px; 
	top:203px; 
	width:145px; 
	height:100%; 
}

.nav_header
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: none;
	color:#ffffff;
	font-weight:bold;
	background-image: url(images/sportdesrightcorner.jpg); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
	background-color: #660066;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
	height:20px;
}

.footer
{
	font-family: Verdana; 
	color:#ffffff;
	font-size:9px; 
	border-top-width:1px; 
	border-top-style:dotted;
	border-top-color:#ffffff;
	border-bottom-width:1px; 
	border-bottom-style:dotted;
	border-bottom-color:#ffffff;
	width:100%;
}
.footer a:link
{
font-family: Verdana;
color:#e7c0ef;
font-size:10px;
text-decoration:underline;
}
.footer a:hover
{
font-family: Verdana;
color:#e7c0ef;
font-size:10px;
text-decoration:none;
}
.footer a:visited
{
font-family: Verdana;
color:#e7c0ef;
font-size:10px;
text-decoration:none;
}

.sponsor /*menu sponsor section*/
{
font-family: Verdana;
color:#ffffff;
font-weight: bold;
font-style: italics;
font-size:11px ;
border-top: 1px dashed #ffffff;

}
/*-------------------------------------------------------------------------------------------------*/
.menu a{ /* this sets the font and font style of the menu*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	border-bottom:none;
	display:block;
	font-style: normal;
	line-height: 21px;
	font-weight: bolder;
	font-variant: small-caps;

}

.mainbody a:hover{
background-color:#efefef;
color:#000000;
text-decoration:none;
}

.menu a:hover{
background-color:#400040;
color:#FFFFFF;
text-decoration:none;
}
.tableATTRIB{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	width: 1000%;
	color: #333333;
	border-width:1px;
	border-color:gray;
	background-color: #CCCCCC; 
	border: thin dashed #000000;
	text-align: center;
	word-spacing: normal;
}
.contactsTABLE /*table attrib for contacts.php*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.programsTABLE /*table attrib for programs.php*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
/*ATTRIBUTE of the main body------------------------------------------------------------------------*/
.bodyATTRIB {
	position:absolute;
	left:146px;
	top:200px;
	width:730px;
	z-index:3;
	height:100%;
	padding-left:5px;
	padding-top:0px;
	font-family: Arial;
	font-size: 10pt;
	color:#400040;
}

.bodyATTRIB a:link
{
 	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-style: oblique;
	color:#400040;
	text-decoration:underline;
	font-weight:bold;
}
.bodyATTRIB a:hover
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-style: oblique;
	color:#660066;
	text-decoration:none;
}
.bodyATTRIB a:visited
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-style: oblique;
	color:#400040;
	text-decoration:underline;
	font-weight:bold;
}	
.bodyATTRIB a:active
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-style: oblique;
	color:#400040;
	text-decoration:underline;
	font-weight:bold;
}	
.h1
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: none;
	color:#ffffff;
	font-weight:bold;
	background-image: url(images/sportdesrightcorner.jpg); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
	background-color: #660066;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
	height:1%;

}

font.bodyATTRIB
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	color: #333333;
}
/*end of main body ATTRIBUTE------------------------------------------------------------------------*/


.bottomcred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background-color: #CCCCCC;
	border: thin solid #000000;
	text-align: center;
	word-spacing: normal;

}


table.sample {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	
	width: 3000;
	color: #333333;
	border-width:1px;
	border-color:gray;
	background-color: #CCCCCC; 
	border: thin dashed #000000;
	text-align: center;
	word-spacing: normal;
}

table.sample td {
	border: 0px ;
	padding: 0;
	color: black;
}
/*light purple*/
table.sample tr.d0 td {
	background-color: #FCF6CF;
}
/*medium purple*/
table.sample tr.d1 td {
	background-color: #FEFEF2;
}
/*dark purple*/
table.sample tr.d2 td {
	background-color: #4a004a;
	font-weight: bold;
	color: #FFFFFF;
}

table.sortable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	
	/*width: 3000;*/
	color: #333333;
	border-width:1px;
	border-color:gray;
	background-color: #CCCCCC; 
	border: thin dashed #000000;
	text-align: left;
	word-spacing: normal;
}

/* Sortable tables */
table.sortable a.sortheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#eee;
	font-style: normal;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;

}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

table.sortable tr.d0 td {
	background-color: #FCF6CF;
}
/*medium purple*/
table.sortable tr.d1 td {
	background-color: #FEFEF2;
}
/*dark purple*/
table.sortable tr.d2 td {
	background-color: #4a004a;
	font-weight: bold;
	
}
/*STYLE ONLY FOR INDEX.PHP==================================================================*/
.headline table 
{
	position:absolute;
	left: 8px;
	top: 2px;
	width:420px;
	height: 250px;
	border: 1px dotted #ffffff;
	padding:0px;
	background-color:#efefef;
	
}

.headline tr.head_back td
{
	background-image: url(images/greyGrad.jpg);
	background-position: bottom left;
	background-repeat:repeat-x;
	vertical-align: top;
	height:1%;
	background-color:#efefef;
	border-bottom-width:1px;
	border-bottom-color:#663366;
	border-bottom-style:dashed;
	font-size:17px;
}

.head_back_main 
{
	background-image: url(mainpage/images/raffle07.jpg);
	background-position: bottom left;
	background-repeat:none;
	vertical-align:top;
}
.head_back_main a:link
{
	font-family:Verdana;
	font-size: 28px;
	color: #efefef;
	text-decoration: none;
}
.head_back_main a:visited
{
	font-family:Verdana;
	font-size: 28px;
	color: #efefef;
	text-decoration: none;
}
.head_back_main a:hover
{
	font-family:Verdana;
	font-size: 28px;
	color: #efefef;
	text-decoration: underline;
}

.past_news tr.head_back td
{
	background-image: url(images/greyGrad.jpg);
	background-color:#efefef;
	background-position: bottom left;
	background-repeat:repeat-x;
	height:1%;
	vertical-align:top;
	background-color:#efefef;
	font-size:12px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:dashed;
}

.headline_link
{
border: 1px dashed #663366;
background-color: #ffffff;
padding: 5px;
float:left;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}



.past_news table
{
	/*position:absolute;
	left: 8px;
	top: 380px; */
	position: relative;
	left: 0;
	top: 3;
	width:420px;
	height: 200px;
	border: 1px dotted #ffffff;
	padding:0px;
	background-color:#efefef;
}

.newsletter table
{
	position:absolute;
	left: 434px;
	top: 2px;
	width:298px;
	height: 200px;
	border: 1px dotted #ffffff;
	padding:0px;
	background-color:#f4eaff;
}


.white_arrow
{
	float:left;
	margin:1px,5px,1px,0px; /* top,right,bottom,left*/
}

.newsletter tr.head_back td
{
	background-image: url(images/grade.jpg);
	background-color:#efefef;
	background-position: bottom left;
	background-repeat:repeat-x;
	height:1%;
	vertical-align:top;
	background-color:#efefef;
	font-size:12px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:dashed;
}
div.quickreminder
{
	position:absolute;
	left: 434px;
	top: 64px; /*Quckreminder banner distance*/
	width:298px;
	height: 50px;
	/*overflow:auto;*/
	padding:0px;
	background-image: url(images/grade.jpg);
	background-color:#f4eaff;
	background-position: bottom left;
	background-repeat:repeat-x;
}
.quickreminder table
{
	position:absolute;
	left: 2px;
	top: 161px;
	width:280px;
	height: 50px;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#ffffff;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:#ffffff;
	padding:0px;
	vertical-align:top;
}
.quickreminder img
{
	float:left;
	margin:1px,5px,1px,0px; /* top,right,bottom,left*/
	
}
.quickreminder tr.head_back td
{
	background-image: url(images/grade.jpg);
	background-color:#f4eaff;
	background-position: bottom left;
	background-repeat:repeat-x;
	height:1%;
	vertical-align:top;
	font-family: Verdana;
	font-size:11px;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	border-bottom-style:dashed;
}
div.quick_head
{
	position:absolute;
	left: 730px;
	top: 87px;
	width:298px;
	height: 10px;
}
/*END OF INDEX.PHP SYLTE=======================================================================*/