/* Cross-Browser Gradient Generator: http://projects.korrelboom.com/gradient-generator */


*	{padding:0px;margin:0px;border:0px;}



/* Nice & concise tutorial for CSS and Links: http://www.yourhtmlsource.com/stylesheets/csslinks.html */
a:link { /* unvisited link */
	color: #0000FF;
	text-decoration: none;
}

a:link:hover { /* mouse over link */
	color: #000000;
	background-color:#99D8EA;
}

a:link:active {	
	color: #000000;
	background-color:red;
}  /* selected link */


a:link:visited { /* visited link */
	text-decoration: none;
	color: #0000CA;
	/*background-color:#99D8EA;*/
}
 
 /*
 a.nav:link {color: blue; text-decoration: none; background-color: transparent;}
a.nav:visited {color: purple; text-decoration: none; background-color: transparent;}
a.nav:hover {color: orange; text-decoration: underline; background-color: transparent;}
a.nav:active {color: red; background-color: transparent;}

a.external:link {color: #0000ff; font-size: 18pt; font-weight: bold; }
a.external:visited {color: #894f7b; font-weight: bold; }
a.external:hover {text-decoration: overline; background-color: #003399; }
a.external:active {color: red; }
*/

 
a.plainlink:link {
	color: #FFF000;
	text-decoration: none;
} 

a.plainlink:hover {
	text-decoration: none;
	background-color: transparent;
}
a.plainlink:visited {
	text-decoration: none;
	background-color: transparent;
}





body	{}
  
 
 #header {
	/*background-color: #81DAF5; /* http://html-color-codes.info/ */
	font-family: Gill Sans, Verdana;
	font-size: 20px;
	/*font-style:italic;	*/
	color:#FFFFFF;
	/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDAsMjksMTA0LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTExLDE1MSwyNTEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(left, rgba(0,29,104,1), rgba(111,151,251,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(left, rgba(0,29,104,1), rgba(111,151,251,1));

/* Chrome 7+ & Safari 5.03+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,29,104,1)), color-stop(1, rgba(111,151,251,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FF001D68,EndColorStr=#FF6F97FB);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FF001D68,EndColorStr=#FF6F97FB)"


}
 
 #SocialNetworkButton {
	width: 45px;
	height: 45px;
}

 #DownloadButton {
	/*width: 85px; */
	height: 60px;
}



#LeftBanner {
	!width: 125px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	display: inline;
	background-image: url(images/LeftBannerBackground.png);
	background-repeat: no-repeat;
	background-position: center;
}

#LeftBanner a:link {
	/*color: #000033;*/
	text-decoration: none;
}
#LeftBanner a:visited {
	/*color: #000033;*/
	text-decoration: none;
}
#LeftBanner a:hover  {
	/*color: #000033;*/
}


#HomepageMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left: 220px;
}
#GlobalContainer #LeftBanner p {
	margin-top: 0px;
}

#GlobalContainer {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}




/** BEGIN: simple-rounded-corner-css-boxes
source: http://modxcms.com/about/team/rthrash/simple-rounded-corner-css-boxes.html */
/* set the image to use and establish the lower-right position */ 

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width:98% !important; /* intended total box width - padding-right(next) */
    /*width: 1000px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0 0 0 0; /* use to position the box */ 
	
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	font-size:125%
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 30px 40px; /* mirror .cssbox_head right/left */ 
	text-align:justify;
} 
/** END: simple-rounded-corner-css-boxes */


#FloatingBoxIllustration 
{
	float:right;
	width:500px;
	margin:0 0 15px 20px;
	padding:15px;
	border:0px solid black;
	text-align:center;
}

td.box-illustration	{vertical-align:top;text-align:center; padding-left: 20px;}
td.box-text	{vertical-align:top;text-align:justify !important;}

table.headertable{
	width: 100%;
}
td.header-name	{vertical-align:top;text-align:left; }
td.header-google-search	{vertical-align:middle;text-align:right; width: 300px;}
td.music-icon	{vertical-align:middle;text-align:right;}

/* LIST #2 */
/* Source: http://www.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html */
#list2 { }
#list2 ol { font-style:italic; padding:0px 0px 0px 30px;}
#list2 ol li { }
#list2 ol li p { padding:8px; font-style:normal; border-left: 1px solid #999; }
#list2 ol li p em { display:block; }


/* Code box */
pre {
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	margin-top:5px;
	margin-bottom:5px;
	font-family: courier, monospace;
    font-size: 100%;
    overflow:auto;
	width: 100%;
  }
  
 /* PGP key box*/
 #pgpkey {
	white-space: pre;
	display: block;
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	margin-top:5px;
	margin-bottom:5px;
	font-family: courier, monospace;
    font-size: 70%;
    overflow:auto;
	width: 28%;
	vertical-align:middle;
	text-align:center;
  }

/* Table of Contents Style Layout with CSS: http://thepcspy.com/read/css_table_of_contents/ */
/* Another website: http://www.sohtanaka.com/web-design/table-of-contents-style-layout-with-css/ */

/*
    smooth taste table styles
    written by Thomas Opp http://www.yaway.de
	Source: http://icant.co.uk/csstablegallery/tables/93.php
*/

/* I should have used http://www.dreamweaverresources.com/tutorials/clickable_cell.htm which is way easier... */
.toc  table{
  border-collapse: collapse;
  border: 1px solid #38160C;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #000000;
  background: #641B35;
  }
.toc caption {
  text-align: center;
  font: normal 18px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
.toc td, .toc th {
  border: 1px #00065F;
  padding: .2em; /* Increase or decrease the rows' height*/
  color: #000000;
  vertical-align: middle;
  font-weight: normal;
  }
.toc  thead th, .toc  tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;;
  text-align: left;
  background: #38160C;
  color: #000000;
  padding-top:6px;
  }
.toc tbody td a {
  background: transparent;
  text-decoration: none;
  color: #fff000;

  }
.toc tbody td a:hover {
  background: transparent;
  color: #000000;
  }
.toc tbody th a {
  font: normal 15px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #000000;
  }
.toc tbody th a:hover {
  background: transparent;
  color: #000000;
  
  }
.toc tbody th, .toc tbody td {
  vertical-align: top;
  text-align: left;
  }
.toc tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.toceven {
  background: #BDCFE6;

  }
.tocodd {
  background: #C1DBFF;
  }
.toc tbody tr:hover {
  background: #7A87FA;
  color: #000000;
  }
.toc tbody tr:hover th,
.toc tbody tr.odd:hover th {
  background: #7A87FA;
  color: #000000;
  }
  
  
  /* Page title */
    .page-title{
background:#A3C1EC;
color:#000000;
font-weight:bold;
padding:4px;
text-align:center;
border-radius: 15px 15px 15px 15px;
width:98%;
margin-left:5px;
}

  .page-title2{
background:#3E49DC;
color:#FFFFFF;
font-weight:bold;
padding:4px;
text-align:center;
border-radius: 15px 15px 15px 15px;
width:98%;
}