/*Here is a theme what this css file implements.*/

/*---------------------------------------
              GRID
  ---------------------------------------*/

#canvass {
width: 100%;
}

#sheet {
width: 80%;
max-width: 793px;
width:expression(document.body.clientWidth > 793? "793px": "auto" );
margin-left:10%;
margin-right:10%;
min-height: 800px;
height: 100%;
}

#header {
margin-left:0%;
margin-right:0%;

}

#banner {
margin-left:5%;
margin-right:5%;
width: 90%;
}

#content {

padding-right: 5%;
padding-left: 5%;
width: 50%;
float: left;
}


#explanationC{
padding-right: 5%;
padding-left: 27%;
width: 50%;
float: left;
}

#explanationL{

padding-right: 5%;
padding-left: 20%;
padding-top: 130px;
width: 30%;
float: left;
}

#explanationR{

padding-right: 5%;
padding-left: 2%;
padding-top: 80px;
width: 25%;
float: right;
}

#instructions {
padding-right: 5%;
padding-left: 5%;
width: 90%;
float: left;
}

#contentwide {

padding-right: 5%;
padding-left: 5%;
width: 100%;
float: left;
}

#contentcentered {
padding-right: 20%;
padding-left: 35%;
width: 45%;

}

#contentnarrow {
padding-right: 1%;
padding-left: 1%;
margin-left: 10px;
width: 20%;
float: left;
min-height: 100%;
}

#diagram_pic {
width: 80%;
margin: 10px 0px 0px 12%;
padding: 0px;
}

#screen_pic {
margin: 30px 0px 30px 50px;
padding-left: 12%;
float: left;
}

#wrapperFR {

float: right;
}

#homeFR{
width: 290px;
margin: 0 40px 0 0;
float: right;
}


#sidebar {
display: inline;
padding-bottom: 1em;
padding-left: 3%;
padding-right:10%;
width: 25%;
}

.sysreqs {
background: #990000;
width: 240px;
margin: 50px 10px 30px 0px;
padding: 5px;

}

.front_pic {

width: 290px;
margin: 40px 0px 0px 0px;
padding: 5px;

}

#spacer{
clear: both;
width: 100%;
}

#footer {
clear: both;
width: 90%;
margin: 10px 3% 10px 3%;
padding: 10px;


}

.subphoto {
margin: 0 0 20px 0;
border: 0;
float: left;
}


/*---------------------------------------
              NAVIGATION
  ---------------------------------------*/
#topnav
{
float: left;

}

#topnav ul
{
width:100%;
padding:0;
margin:0 0 10px 0;
list-style-type:none;
}

#topnav li.current a
{
background-color:#B3007C;
}

#topnav a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color: black;
padding:0.2em 0.6em;
border-right:1px solid white;
}

#topnav a:hover {background-color:#B3007C}

#topnav li {display:inline}

/*---------------------------------------
              IMAGES
  ---------------------------------------*/

#sheet {
background: url(../images/bgcross.gif) repeat;
}

#sidebar li
{
	background: url(../images/arrow.gif) no-repeat 0 .4em;
}

.sysreqs {
background: url(../images/winlogo.jpg) no-repeat #FFFFFF;
background-position: center right;
}

/*---------------------------------------
              COLORS
  ---------------------------------------*/

#canvass {
background-color: #dddddd;

}

#sheet {
color: #303030;
background-color: #ffffff;
}

#header {

}

#banner {

}

#title {

color: #B3007C;
margin-left: auto;
margin-right: auto;

text-align: center;
}

#content {

}

#sidebar {

}

.sysreqs {
color: #555555;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}


#footer {
color: #888888;
border-top: thin solid #999999;
}


a {
color: #303030;
}

a:hover {
color: #000000;
}


a.subtle {
color: #999999;
}

a.subtle:hover {
color: #888888;
}



.hide {
display: none;
}



/*---------------------------------------
              TYPOGRAPHY
  ---------------------------------------*/


#title h1 {
margin: 7px auto 0 auto;
font-weight: 500;
font-size: 3.0em;
width: 700px;
}

body {
font: 76% Arial,sans-serif;
}

h1 {
margin: 0 0 0 0;
padding: 0 0 6px 0;
font-size: 1.8em;
color: #B3007C;
font-weight: 600;
}

h2 {
margin: 3px 0 0 0;
padding: 15px 0 6px 0;
font-size: 1.4em;
color: #66b6f0;
font-weight: 600;
}

h3 {
margin: 0 0 0 0;
padding: 7px 0 0 0;
font-size: 1.2em;
color: #999999;
}

ol li {
padding: 0 0 10px 0;
}

a {
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}



#sidebar ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#sidebar li
{
	padding-left: 10px;
}


.sysreqs {
line-height: 1.5em;
}

.sysreqs h2 {
margin: 5px 0 5px 0;
padding: 0;
}

.sysreqs ul {	
font-size: 1.1em;
}	



#footer {
font-size: 0.9em;
text-align: center;
}