/***** Description: These classes define the properties *****/
/***** of the template div for Text and Image *****/
.txt_img_small
{
	height: 100%;
	padding: 1em 1em 1em 1em;
	display: block;
}

.txt_img_small a img
{
	border: 0;
}

/* position the image left within the container */
.txt_img_small .img_left
{
	float: left;
	display: inline;
	margin: 0 1em 0 0;
}



/* position the image right within the container */
.txt_img_small .img_right
{
	float: right;
	display: inline;
	margin: 0 0 0 1em;
}

/***** Description: This class defines the properties  *****/
/***** of the template div for Text *****/
.txt_only
{
	height: 100%;
	padding: 1em 1em 1em 1em;
}

/***** Description: This class defines the properties *****/ 
/***** of the boxes *****/
.box_txt
{
	overflow: hidden;
	display: block;
	height: 100%;
	padding: 1em 1em 0 1em;
}

/***** Description: This class defines the properties *****/ 
/***** of the container for the boxes *****/
.box_wrapper
{
	color: #000000;
	clear: both;
	display: block;
	height: 100%;
	margin-bottom: 1em;
}

/***** Description: These classes define the properties *****/ 
/***** of the boxes within the template *****/
.box2_sub1
{
	width: 49.7%;
	margin: 0 0.5% 0 0;
	padding: 0 0 0 0;
}

.box2_sub2
{
	width: 49.7%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/***** Description: These classes define the properties *****/ 
/***** of the boxes within the template *****/
.box3_sub
{
	width: 32.8%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.box3_sub_middle
{
	margin: 0 0.5% 0 0.5%;
	padding: 0 0 0 0;
}

/***** Description: These classes define the properties *****/ 
/***** of the boxes within the template *****/
.box4_sub
{
	width: 24.7%;
	margin: 0 0.25% 0 0;
	padding: 0 0 0 0;
}

.box4_sub_last
{
	width: 24.7%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/***** Description: These classes define the properties *****/
/***** of the boxes within the template *****/
.box5_sub
{
	width: 19.6%;
	margin: 0 0.25% 0 0;
	padding: 0 0 0 0;
}

.box5_sub_last
{
	width: 19.6%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/***** Description: This class makes sure that all boxes  *****/
/***** within the wrapper are the same height as that of *****/
/***** the tallest box. (this is because we want to set *****/
/***** a background color on the boxes) *****/
.box
{
	height: 100%;
	float: left;
	padding-bottom: 32767px;
    margin-bottom: -32767px;
}

/***** Description: This class defines the style of the *****/
/***** Presentation container. *****/
.presentation
{
	overflow: hidden;
	height: 100%;
	padding: 1em 1em 0 1em;
	display: block;
}

/***** Description: This class positions the flash movie *****/
.flashbox
{
	float: left;
}

/***** Description: This class defines the size and position of *****/
/***** the links bar. *****/
.presentation_links_div
{
	float: left;
	width: 130px;
	height: 203px;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/***** Description: This sets the style on the Links List *****/
.presentation_links
{
	width: 100%;
	height: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/***** Description: Here we define the style of all the *****/
/***** individual links in the list. *****/
.presentation_link
{
	padding: 2px 0 0 0;
	list-style-type: none;
	background-color: #6e6e6e;
	color: inherit;
	height: 37px;
	width: 125px;
	margin: 0 2px 2px 0;
	margin-left: -27.5px;
}

/***** Description: Here we define the style of the *****/
/***** last links in the list. *****/
.presentation_last_link
{
	padding: 2px 0 0 0;
	list-style-type: none;
	background-color: #6e6e6e;
	color: inherit;
	height: 37px;
	width: 125px;
	margin: 0 2px 0 0;
	margin-left: -27.5px;
}

/***** Description: Here we define a gradient fill to go *****/
/***** on the right hand side of the links which expands to *****/
/***** the space available *****/
.presentation_gradient
{
	display: block;
	background-image: url("temp_gradient_presentation.jpg");
	background-position: left;
	background-repeat: repeat-y;
	height: 203px;
	padding: 0 0 0 0;
	margin: 0 0 0 599px;
}

/***** Description: This class styles the a tags for the *****/ 
/***** quick links within the presentation template *****/
.presentation_link a
{
	height: 37px;
	width: 125px;
	margin: -2px 2px 2px 0;
	display: block;
	padding-top: 2px;
}

/***** Description: This class styles the a tags for the *****/
/***** quick links within the presentation template *****/
.presentation_last_link a
{
	height: 37px;
	width: 125px;
	margin: -2px 2px 2px 0;
	display: block;
	padding-top: 2px;
	height: 100%
}

/***** Description: This floats the images left within the box *****/
.image_area2
{
	float: left;
	display: block;
	padding: 0 0 0 0;
	margin: -1em 1em 0 -1em;
}

.image_area2 a img
{
	border: 0;
}

/***** Description: This centers the images within the box *****/
.image_area3
{
	display: block;
	padding: 0 0 0 0;
	text-align: center;
	width: 100%;
}

.image_area3 a img
{
	border: 0;
}

/***** Description: This class defines the style of the titles *****/
/***** within the boxes *****/
.title_area
{
	width: 100%;
	background-color: #6e6e6e;
	color: inherit;
}

/***** Description: This class defines the style of the content *****/
/***** area within the boxes *****/
.body_wrapper
{
	display: block;
	height: 100%;
}

/***** Description: This class defines the style of the text *****/
/***** area within the boxes *****/
.body_area
{
	height: 100%;
	background-color: inherit;
	color: #000000;
	padding: 1em 1em 1em 1em;
	margin-bottom: 0;
	display: block;
}

/***** Description: This class moves this div off the visible *****/
/***** area on the screen, but can still be read by a screen *****/
/***** reader. *****/
.flash_text
{
	margin-left: -5000px;
}

/***** Description: This class hides the alternative image *****/
/***** which will be used for when the page is printed. *****/
/***** (Same image will be used if Flash Object isn't supported) *****/
.flash_img
{
	display: none;
}

/***** Description: These classes define the properties *****/ 
/***** of the Movie Player templates *****/
.mplayer
{
	height: 100%;
	padding: 1em 1em 0 1em;
	display: block;
}

.movie_container
{
	float: left;
	width: 368px;
}

.movie_player
{
	margin: 2px 2px 1px 2px;
}

.mp_links_list
{
	margin: 0 0 0 0;
	padding: 0 0 0 372px;
}

.mp_links_list .box_height
{
	height: 275px;
}

.mp_links_list .ul_container
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.mp_ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.mp_ul li
{
	list-style-type: none;
	margin: 8px 0 8px 0;
}

.mp_ul li a
{
	margin-left: 5px;
}

.player_settings
{
	background-color: #e1e1e1;
	color: #000000;
	margin: 2px 2px 2px 2px;
	width: 363px; 
	padding: 2px 0 2px 0;
	height: 22px;
}

.player_settings label
{
	font-size: 1.1em;
}

.player_settings span
{
	background-color: inherit;
	font-weight: bold;
	font-size: 1.2em;
	color: #b6b5b5;
	padding-left: 0.8em;
	padding-right: 0.5em;
	padding-top: 0;
}