﻿body {
    margin: 0;
    padding: 0;
    font-family: Verdana,arial,helvetica, Sans-Serif;
    background-color: #FFFFFF;
    text-align: center;
    background-image: url("Images/BG.png");
    background-position:center top ;
    background-repeat:repeat-y;
}

h1 
{
    font-family: Verdana,arial,helvetica, Sans-Serif;
    font-size: 1em;
}

h5 
{
    font-family: Verdana,arial,helvetica, Sans-Serif;
    font-size: .8em;
    font-weight:bold;
}

p
{ font-family: Verdana,arial,helvetica, Sans-Serif;
    font-size: .8em;
}

ul.bulletlist 
{
    list-style-image: url("Images/bullet.png");
    font-weight: bold;
}

li
{
    margin-top: .5em;
    margin-bottom: .7em;
}

#rightimagemap 
{
    margin-left: 50px;
}

#wrapper {
    position: relative;
    text-align: left;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

#header {
    background-image: url("Images/TechBanner.jpg");
    background-repeat:repeat-x ;
    height:140px;
    position: relative;
    border-bottom:0px solid #ececec;
    padding-bottom: 3px;
    margin-top:0px;
}

#header h1 {
    margin:0;
    padding-left: 15px;
    font-weight: bold;
    color: White;
    font-size: 190%;
    position: absolute;
    top: 10px;

}

#header h3 {
    margin:0;
    padding-left: 15px;
    font-weight: normal;
    color: White;
    font-size: 120%;
    position: absolute;
    top: 60px;
}

#header h4 {
    margin:0;
    padding-left: 55px;
    font-weight: lighter;
    color: white;
    font-size: 100%;
    position: absolute;
    top: 130px;
}

#header .logo
{
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}

#menu
{
    top: 87px;
    position: absolute; 
}

#content {
    float: none ;
    width: 900px;
    padding:0 0 0 0;
}


#navigation {
    float: left;
    width:200px;
}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;				/* width of whole page */
		overflow:hidden;			/* This chops off any overhanging divs */
		text-align:center;
		padding-top: 20px;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	.blogstyle .col1 {
		width:31%;				/* width of center column content (column width minus padding on either side) */
		left:1%;				/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:31%;				/* Width of left column content (column width minus padding on either side) */
		left:2%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:31%;				/* Width of right column content (column width minus padding on either side) */
		left:3%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


#leftcol {
    float:left;
    width:620px;
}

#rightcol {
    float:right;
    width:280px;
    padding-top: 55px;
}


#footer1 
{
    clear: both;
    font-size: 80%;
    padding-top: .5em;
    text-align: right;
    color: gray;
    background-color: Transparent;
}

#footer 
{
    clear: both;
    font-size: 90%;
    padding-top: 1em;
    text-align: right;
    color: black;
    background-color: Transparent;
}

/* 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;
}
