/* CSS Document */

body {

  font: 12px Geneva, Arial, Helvetica, sans-serif;
  background: #000  url(../images/bg-body.gif);
  color: #000;
  text-align: center;
  margin-top:0px;
}


#con {
 width: 760px;
 margin: 0px auto 0px auto;
 position: relative;
 background-color: #fff;
 height:100%;
}


#header {

background-image:url(../images/BG_top.gif);
background-repeat:repeat-x;
}



#BodogSiteLinks {
color:#8a9499;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:21px;
}


#BodogSiteLinks a {
color:#8a9499;
text-decoration:none;
}

#BodogSiteLinks a:hover {
color:#fff;
}

#BodogSiteLinks ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding:0px ;
	list-style: none;
	font-weight: bold;
}
		
#BodogSiteLinks li {
float: left; 
padding: 6px 10px 0px 10px; 
margin: 0px; 
background: URL(../images/TopMenu_TabLine.gif) 0 0.2em no-repeat;

}

#BodogSiteLinks li.first {
padding: 6px 10px 0px 8px; 
background: none;

}

#logo {
background: #000 
}


#logo a {
	display: block;
	width: 100%;
	height:39px;
	background: #000 url(../images/logo.gif) no-repeat; 
	
}

/*- Menu --------------------------------------------- */

#MenuCategory {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}


#MenuCategory a {
color:#999999;
text-decoration:none;
}

#MenuCategory a:hover {
color:#c70000;
}

#MenuCategory ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding:0px ;
	list-style: none;
	font-weight: bold;
	background:url(../images/BGMenu_top.gif) repeat-x;
	height:26px;
}

			
#MenuCategory li {
float: left; 
padding: 5px 10px; 
margin: 0px; 
height:26px
}


#MenuCategory li a:hover {
border-top:2px #c70000 solid;
padding-top:3px;
}

#MenuCategory .selected {
color:#fff;
}
/*- content --------------------------------------------- */

/*- Menu --------------------------------------------- */

#Menu {
 	margin: 0px auto 0px auto;	
	width: 760px;
	text-align: left;
	height: 30px;
	background:url(../images/Menu_Tab.gif) repeat-x;
	float:left
}



#Menu ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding:0px ;
	list-style: none;
	font-weight: bold;
	/*background:url(../images/Menu_Tab.gif) repeat-x;*/
	height:30px;
}
#Menu li {
float:left;
}
			
#Menu li a {
float: left; 
padding: 10px 10px;
margin: 0px; 
height:30px;
color:#acacac;
text-decoration:none;
}

#Menu li a:hover {
color:#fff;
background: URL(../images/Menu_TabOn.gif) repeat-x;
}


#Menu li.selected {
background:none;
color:red
}

/*- content --------------------------------------------- */
#ContentBorder {
background-color:#fff;
width:760px;
padding:0px;
margin:0px;

}

#content {
color:#5c5c5c;
float:right;
width:570px;
padding:10px;
text-align:left;
min-height:500px; /* min-height for Opera */
background: #fff url(../images/verticalLineDot.gif) repeat-y left;
}

#content h1 {
color:#406a80;
font-size:18px;
background: url(../images/headerLineDot.gif) repeat-x bottom;
text-align:left;
}

#content  h2 {
color:#406a80;
font-size:16px;
text-align:left;
}


#content a {
color:#406a80;
background: url(../images/headerLineDot.gif) repeat-x bottom;
text-decoration:none;
}

#content a:hover {
color:#1689c5;
}

#contentWide {
color:#5c5c5c;
width:740px;
padding:10px;
text-align:left;
min-height:500px; /* min-height for Opera */
background: #fff url(../images/verticalLineDot.gif) repeat-y left;
}

#contentWide h1 {
color:#406a80;
font-size:18px;
background: url(../images/headerLineDot.gif) repeat-x bottom;
text-align:left;
}

#contentWide h2 {
color:#406a80;
font-size:16px;
text-align:left;
}


#contentWide a {
color:#406a80;
background: url(../images/headerLineDot.gif) repeat-x bottom;
text-decoration:none;
}

#contentWide a:hover {
color:#1689c5;
}



/*   3 images at the homepage */

Table.HomeImages {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding:5px 5px;
margin:0px;
}

#contentWide .HomeImages TD {
padding:0px 12px;
margin:0px;
border-left:dotted 1px #999999
}

#contentWide .HomeImages TD.FirstCell {
padding:0px 12px;
margin:0px;
border-left:none
}

#contentWide .HomeImages h2 {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px 0px;
margin:0px;
}

ul.contetnDiv  {
width:100%;
float:left;
margin:10px 0px;
padding:10px 0px;
color:#7c8277;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background:#fff;
}

.contetnDiv h2 {
color:#006736;
font-family: Arial, sans-serif;
font-size: 12px;
text-transform:uppercase;
margin:0px;
padding:0px;
}

.contetnDiv img {
border:1px solid  #000000;
}

.contetnDiv li {
float:left;
width:160px;
list-style:none;
padding:0px 10px;
border:1px solid #4a4a4a;
height:300px;
}

/*- SideNav --------------------------------------------- */ 
#SideNav {
float:left;
width:160px;
padding-left:10px;
padding-top:10px;
text-align:left;
color:#3e4347;

}

#SideNav ul {
margin:0px;
padding:0px;
}

#SideNav li {
list-style:none;
padding:2px 0;
font-weight:bold
}

#SideNav li a {
text-decoration:none;
color:#3e4347
}


#SideNav li a:hover {
text-decoration:none;
color:#c70000
}


#SideNav h2 {
color:#3e4347;
font-size:12px;
text-transform:uppercase;
margin:2px 0
}


/*- Footer --------------------------------------------- */ 	

#footer {
	width: 760px;
	clear: both;
	margin:0px;
	padding: 5px 0 0 0;
	background:url(../images/headerLineDot.gif) top repeat-x;
	font-size: 11px;
	
}

#footer a {
	color: #c70000;
	text-decoration: none;
	padding: 0px 4px;
}

#footer a:hover {
text-decoration:underline;
}

#copyrights {
 font-size: 11px;
 text-align:center;

}
/*- Title --------------------------------------------- */ 
div.underline {
	background:url(../images/underlineTitle.gif) repeat-x;
	margin-top:-13px;
	padding:0 0 0px 0;
	width:100%;
}

#content h2.download a {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#7d0000;
    margin-top:10px;
    margin-bottom:0px;
	padding:0px;
	text-transform:capitalize;;
	text-decoration:none;
	background:none
}

/*- ScreenShot --------------------------------------------- */ 
.screenshot {
float:right;
padding:10px;
text-align:center;
font-size:11px
}

]