﻿body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}

body
{
	background: #B4B4B4 url(images/fading_background.png) repeat left top;
/*	background: #B4B4B4 url(images/body_bg.gif) repeat left top;  */	
/*	background-color:#000044;   */
	font-family: Tahoma, Arial, sans-serif;
	font-size:75%;
}



/* Master Page Layout */
#master_header
{
	margin: -1px auto 0 auto;
	width: 800px;
	height:115px;
	background-color:White;
	font-style:normal;
	font-family:Calibri;
	color:Black;
	
}


#master_headerbottom
{
	background: url(images/headerbottom_img.png) no-repeat left top;
}

#master_page
{
	margin: 5px auto 20px auto;
	width: 800px;
	height: 600px;
}

#master_menu
{
	float: left;
	width: 240px;
	padding-right: 10px;
}

.pageHeigth
{
	height:452px;
}


.logo
{
	background: url(images/earth.jpg) no-repeat left top;
	background-repeat:no-repeat;
	width:800px;
	height:115px;
   	color: #3B3B3B;
}

.header
{
	font-family:Arial;
	font-size:large;
	text-align:center;	
	
}

.topArea
{
	background-position: top right;
	background-image:url("images/21techHeader.jpg");
	background-repeat:no-repeat;
}




.sidebar
{
	width: 100%;
	margin-bottom: 10px;
}

.sidebarheader
{
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(images/sidebar_header.png) no-repeat left top;
	color: #FFF;
	font-family: Arial, Sans-Serif;
/*	font-size: 1.2em;   
	font-weight: bold;*/
	text-transform: uppercase;
}


.sidepicture
{	
    float: left;
    margin: 3px 10px 0px 0px;
    border: solid 1px rgb(150,150,150);
}


.sidebarcontent
{	
	border: 1px solid #0F2543;
	padding: 20px 20px 20px 30px;
	line-height: 1.5em;
	font-family:Sans-Serif,Georgia,Arial;
}

#master_sidebarSamples
{	
    height: 190px;
	padding-top: 10px;
	background: #FFF url(images/samples_bg.gif) no-repeat left top;
}

#master_sidebarWalkthroughs
{
    height: 132px;
	padding-top: 70px;
	background: #FFF url(images/samples_bg.gif) no-repeat left top;
	
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #5377A9;
	text-decoration: none;
}

.sidebarcontent a:hover
{
	background-color: #0F2543;
	color: #FFF;
}

.sidebarcontent a:visited
{
	font-weight:bold;
}

#master_content
{
	float: left;
	width: 550px;
	margin-right: -550px;
	color: #666666;
}

#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_content ul li ul li
{
	list-style-type: disc;
}

#master_contentheader
{
	height: 19px;
	background: url(images/rightcoltop.gif) no-repeat right top;
}

#master_contentplaceholder
{
	padding: 30px 20px 40px 20px;
	border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	background-color: #EFEFEF;
	line-height: 1.5em;
	
}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color:Black;
	font-size: 0.8em;	
	letter-spacing: 0.1em;
}


/*  Pages   */

.pageHeader
{
	font-family:Arial;
	font-size:large;
	font-weight:bold;
}

.pageSubHeader
{
	font-family:Arial;
	font-size:larger;
	font-weight:bold;
}

.pageContent
{
	font-family:Arial;
	font-size:small;
	font-weight:normal;
}

.pageContentUL
{
	font-family:Arial;
	font-size:small;
	font-weight:normal;
    text-decoration: underline;
}

.pageBullets
{
	font-family:Arial;
	font-size:small;
	font-weight:normal;
}

.bulletTable
{
    vertical-align:top;
    width:33%;
}

/*---------------------------*/
/* 7.5  Bottom border colors */
/*---------------------------*/
.line-box {border-bottom: solid 1px rgb(200,200,200); padding-bottom: 15px; margin: 0px 0px 15px 0px;}

.line-white {border-bottom: solid 1px rgb(255,255,255); padding-bottom: 2px; margin: 0px 0px 1px 0px;}
.line-black {border-bottom: solid 1px rgb(0,0,0); padding-bottom: 2px; margin: 0px 0px 1px 0px;}

.line-grey01 {border-bottom: solid 1px rgb(242,242,242); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey02 {border-bottom: solid 1px rgb(230,230,230); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey03 {border-bottom: solid 1px rgb(217,217,217); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey04 {border-bottom: solid 1px rgb(204,204,204); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey05 {border-bottom: solid 1px rgb(191,191,191); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey06 {border-bottom: solid 1px rgb(178,178,178); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey07 {border-bottom: solid 1px rgb(153,153,153); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey08 {border-bottom: solid 1px rgb(127,127,127); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey09 {border-bottom: solid 1px rgb(89,89,89); padding-bottom: 2px; margin-bottom: 1px;}
.line-grey10 {border-bottom: solid 1px rgb(51,51,51); padding-bottom: 2px; margin-bottom: 1px;}






/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
