/***********************************************************************
Description:	The stylesheet of the (website name) website
Project:	(website URL)
HTML:		(developer name)
Graphics:	(designer name)
Created:	(year).(month).(day)
Updated:	(year).(month).(day)
***********************************************************************/


/* -------------------------------------
BEGIN: General Tag Methods
------------------------------------- */

* {
	padding: 0px;
	margin: 0px;
}
html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: (month)px;
	color: #000;
	text-align: center; /* This line is here to fix everyone's favorite IE 5.x alignment bug. */
	background: #a9a68f url(../images/bg_main.jpg) repeat-x;
}

/* -------------------------------------
END: General Tag Methods
------------------------------------- */

/* -------------------------------------
BEGIN: Main Structure Tags
------------------------------------- */
#container {
height:804px;
width: 974px;
}

#wrapper {
	width: 974px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; /* Treated as align */
	background-color: #fff;
	height:804px;
}

#header {
	width: 100%;
}

#header #menu li, 
#footer ul li {
	display: inline;
}



#content_left {
vertical-align:top;

	float: left;
	width: 220px;
	height:551px;
}

#content_right {
background:url(../images/vid_bg.jpg) repeat-y;
vertical-align:top;
	float: right;
	width: 754px;
	height:551px;
	display:block;
}

#footer {
	clear: both;
	width: 734px;
	height:48px;
	background:url(../images/footer.jpg);
	padding-left:240px;
	padding-top:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#23354a;
}
#top {
width:974px;
height:119px;
}
#bar {
height:91px;
width:974px;
margin:0px;
padding:0px;
}

#menu {
background:url(../images/menu_bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#23354a;
width:220px;
height:551px;
float:left;
display:block;
}
table.menu_items {
padding-top:5px;
padding-left:30px;
}
table.menu_items td {
padding-top:4px;
padding-bottom:6px;
}

.link_hover:link,
.link_hover:visited,
.link_hover:hover,
.link_hover:active {
	color:#df8730;
}

#one {
padding-left:0px;
font-weight:bold;
}
#two {
padding-left:0px;
font-weight:bold;
}
#three {
padding-left:0px;
}
#four {
padding-left:0px;
}
#five {
padding-left:0px;
}
#six {
padding-left:0px;
}
#seven {
padding-left:0px;
}
#eight {
padding-left:0px;
}
#nine {
padding-left:0px;
}
#ten {
padding-left:0px;
}
#eleven {
padding-left:0px;
font-weight:bold;
}
#twelve {
padding-left:0px;
}
#thirteen {
padding-left:0px;
}
#fourteen{
padding-left:0px;
}
#fifteen {
padding-left:0px;
}
#sixteen {
padding-left:0px;
}
#seventeen {
padding-left:0px;
}
#eighteen {
padding-left:0px;
}
#nineteen {
padding-left:0px;
}
#twenty {
padding-left:0px;
}
.menu_items a {
color:#23354a;
text-decoration:none;
}
.menu_items a:hover {
color:#df8730;
text-decoration:none;
}
#start{

float:left;
     display: block;
     width: 313px;
     height: 101px;
     background:url(/images/start.jpg) no-repeat;
     cursor: pointer;
     outline: none;
	 border:none;
}

.mod1_img:link,
.mod1_img:visited,
.mod1_img:hover,
.mod1_img:active {
     position:relative;
     float:left;
     display: block;
     width: 135px;
     height: 101px;
     background: transparent url(/images/mod1_roll.jpg) no-repeat scroll 0px 1px;
     cursor: pointer;
     outline: none;
	 border:none;
}

.mod1_img:hover {
     background: transparent url(/images/mod1_roll.jpg) no-repeat scroll -135px 1px;
}

.mod1_img_hover:link,
.mod1_img_hover:visited,
.mod1_img_hover:hover,
.mod1_img_hover:active {
     position:relative;
     float:left;
     display: block;
     width: 135px;
     height: 101px;
     background: transparent url(/images/mod1_roll.jpg) no-repeat scroll -135px 1px;
     cursor: pointer;
     outline: none;
	 border:none;
}

.mod2_img:link,
.mod2_img:visited,
.mod2_img:hover,
.mod2_img:active {
     position:relative;
     float:left;
     display: block;
     width: 135px;
     height: 101px;
     background: transparent url(/images/mod2_roll.jpg) no-repeat scroll 0px 1px;
     cursor: pointer;
     outline: none;
	 border:none;
}

.mod2_img:hover {
     background: transparent url(/images/mod2_roll.jpg) no-repeat scroll -135px 1px;
}

.mod2_img_hover:link,
.mod2_img_hover:visited,
.mod2_img_hover:hover,
.mod2_img_hover:active {
     position:relative;
     float:left;
     display: block;
     width: 135px;
     height: 101px;
     background: transparent url(/images/mod2_roll.jpg) no-repeat scroll -135px 1px;
     cursor: pointer;
     outline: none;
	 border:none;
}

.mod3_img:link,
.mod3_img:visited,
.mod3_img:hover,
.mod3_img:active {
     position:relative;
     float:left;
     display: block;
     width: 171px;
     height: 101px;
     background: transparent url(/images/mod3_roll.jpg) no-repeat scroll 0px 1px;
     cursor: pointer;
     outline: none;
	 border:none;
}

.mod3_img:hover {
     background: transparent url(/images/mod3_roll.jpg) no-repeat scroll -171px 1px;
}

.mod3_img_hover:link,
.mod3_img_hover:visited,
.mod3_img_hover:hover,
.mod3_img_hover:active {
     position:relative;
     float:left;
     display: block;
     width: 171px;
     height: 101px;
     background: transparent url(/images/mod3_roll.jpg) no-repeat scroll -171px 1px;
     cursor: pointer;
     outline: none;
	 border:none;
}

#video {
padding-left:10px;
}
#disclaimer:link, #disclaimer:visited, #disclaimer:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#375276;
}

#disclaimer:hover {
        color:#d96903;
}
#download:link, #download:visited, #download:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#375276;
}

#download:hover {
        color:#d96903;
}
/* -------------------------------------
END: Main Structure Tags
------------------------------------- */