body
{
	background-color: #B7C1E5;
    background-repeat: repeat-y repeat-x;
    background-image: url(bgstripes.gif);
    background-position: top left;
}

hr{
    border: none 0px;
    background-color: #B7C1E5;
	width: 100%;
	height: 3px;
	margin: 0px;
	text-align: left;
}	


.internallink{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #ff5d5d;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    padding: 0px;
    margin: 0px;
}

.internallink:hover{
    color: red;			
}

.smallheader{
     padding-left: 20px;
     text-weight: bold;
     background-color: #3F4F7F;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 16px;
     color: #FFFFFF;
     font-weight: bold;
}

.smallheader_2{
     text-weight: bold;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 12px;
     color: #3F4F7F;
     font-weight: bold;
}

.blackcolumn
{
    position: absolute;
	left: 100px;
	top: 0px;
	width:170px;
	height:80px;
	z-index: 1;
	background-color:black;
    background-repeat: no-repeat;
    background-image: url(logo.gif);
    background-position: top left;
}

.lightbluecolumn
{
    position: absolute;
	top: 0px;
	left: 0px;
	width:170px;
	height: 650px;
	z-index: 1;
	background-color:#e5e8f2;
}

.shadowleft
{
    background-image: url(blockleft.png);
    background-repeat: repeat-y;
    background-position: right;
	background-color: #B7C1E5;
	position: absolute;
	left: 96px;
	top: 0px;
	width:6px;
	height:750px;
	z-index: 2;
}

.shadowright
{
    background-image: url(blockright.png);
    background-repeat: repeat-y;
    background-position: left;
	background-color: #B7C1E5;
	position: absolute;
	left: 900px;
	top: 0px;
	width:6px;
	height:750px;
	z-index: 2;
}

.shadowbottomleft
{
    background-image: url(blockbl.png);
    background-repeat: no-repeat;
    background-position: top right;
	background-color: #B7C1E5;
	position: absolute;
	left: 96px;
	top: 744px;
	width:6px;
	height:6px;
	z-index: 2;
	padding: 0px;
}


.shadowbottomright
{
    background-image: url(blockbr.png);
    background-repeat: no-repeat;
    background-position: top left;
	background-color: #B7C1E5;
	position: absolute;
	left: 900px;
	top: 744px;
	width:6px;
	height:6px;
	z-index: 2;
	padding: 0px;
}


.shadowbottom
{
    background-image: url(blockbottom.png);
    background-repeat: repeat-x;
    background-position: top;
	background-color: #B7C1E5;
	position: absolute;
	left: 102px;
	top: 744px;
	width:800px;
	height:6px;
	z-index: 2;
	padding: 0px;
}

.title{
    position: absolute;
    top: 0px;
    left:100px;
    width: 800px;
    height:80px;
    z-index: 1;
    background: url(titlegradient.png);
    background-repeat: repeat-y;
}

.tagline{
    position: absolute;
    top: 20px;
    left:100px;
    width: 780px;
    height:70px;
    z-index: 2;
	text-align: right;
	line-height: 15px;
}

a.taglinelink{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
	font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
	border: 0px;
}

a.taglinelink:hover{
    text-decoration: underline;
}

.menubar1 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
    border-color: #3F4F7F;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background: url(buttongradhl.png);
    text-decoration: none;
    position: absolute;
    top: 80px;
    left:100px;
    width: 800px;
    padding: 1px;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1;
}

a.menubar1link{
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

a.menubar1link:hover{
	  background-color: #3F4F7F;
	  color: #FFFFFF;			  
}

a.currentmenubar1link{
    background-color: #B7C1E5;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

a.currentmenubar1link:hover{
	  background-color: #3F4F7F;
	  color: #FFFFFF;			  
}

.contentplusindex{
    background-color: #FFFFFF;
	padding-top: 10px;
    position:absolute;
    left:100px;
    top: 100px;
    left:100px;
    width: 800px;
    height: 640px;
}

.content{
    position:absolute;
    left:180px;
    width: 610px;
    height: 100%;
}

.inlinescreenshot {
    border: 1px solid #0066CC;
}

.screenshot {
    border: 1px solid #0066CC;
	width: 100%;
}

.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
	font-weight:normal;
    text-align: center;
	padding-bottom: 15px;
}

.indexcolumn {
    padding: 0px;
	padding-top: 20px;
    z-index: 2;
    position: absolute;
    width: 150px;
    top: 10px;
    left: 10px;
    background-color: white;
    border: 1px solid #3F4F7F;
    background-image: url(indexheader.gif);
    background-repeat: no-repeat;
    background-position: top left;
	list-style:none;
	display:block;
}

.indexcolumn ul{
    list-style:none;
	padding:0;
	margin:0;
	width:100%;
}

a.indexcolumnlink{
	position:relative;
	padding-left: 17px;
    padding-top: 0px;
    padding-bottom: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: smaller;
	color: #000000;
	width: 133px;
	text-decoration: none;
	display:block;
}

a.indexcolumnlink:hover{
	font-family: Arial, Helvetica, Sans-Serif;
    background-image: url(menuicon.gif);
    background-repeat: no-repeat;
    background-position: left;
	background-color: #3F4F7F;
    color: #FFFFFF;
}

a.currentindexcolumnlink{
    position:relative;
	padding-left: 17px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: smaller;
	color: #000000;
	width: 133px;
	text-decoration: none;
	display:block;
	background-color: #B7C1E5;
}

a.currentindexcolumnlink:hover{
    font-family: Arial, Helvetica, Sans-Serif;
    background-image: url(menuicon.gif);
    background-repeat: no-repeat;
    background-position: left;
	background-color: #3F4F7F;
    color: #FFFFFF;
}