/* Main properties */
body {
	font-family: Trebuchet MS,Sans,Helvetica,Arial;
	background-color: rgb(118,129,131);
	background-image: url('page_background.png');
	background-repeat: repeat-y;
}

/* h1 specifics */
h1 {
	visibility: hidden;
}
/* h2 specifics */
h2 {
	text-align: right;
	margin:		0;
	color:		rgb(150,150,255);
	padding:	6px 10px 12px 10px;
	font-size:	17px;
}
h2.visited {
	background-image: url('menu_selected.png');
	background-repeat: no-repeat;
}

/* h3 and p provide the blabla title and paragraphs for the SiteContent section */
h3,p,ul {
	text-align: justify;
	color:		#235083;
}
/* h3 specifics */
h3 {
	margin:		20px 0 0 0;
}
/* p and ul specifics */
p, ul {
	margin:		0 5px 10px 5px;
	font-size:	80%;
}
p:hover, ul:hover {
	background-color: rgb(230,230,255);
	-moz-border-radius: 8px;
}

/* I don't like the underlined decoration for hypertext link except when the cursor is over the link */
a {
	text-decoration: none;
	font-weight: bold;
	color:		#235083;
}
a:visited, a:link, a:hover {
	color:		#235083;
}
a:hover {
	text-decoration: underline;
}

/* Modified tag for screenshot */
img.screenshot_4_3 {
	border:		0;
	width:		400px;
	height:		300px;
}
img.screenshot_16_10 {
	border:		0;
	width:		400px;
	height:		250px;
}
img.capture {
	border:		0;
	margin:		5px 0 10px 0;
}

/* Define a section for the title */
#SiteTitle {
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	height:		88px;
	z-index:	1;
	background-color: rgb(118,129,131);
	background-image: url('page_title.png');
	background-repeat: no-repeat;
}

/* Define a section for the menu */
#SiteMenu {
	position:	fixed;
	left:		45px;
	top:		88px;
	width:		180px;
	height:		100%;
	z-index:	1;
}

/* Define a section for the main content */
#SiteContent {
	position:	relative;
	top:		83px;
	margin-top: 0px;
	margin-left:220px;
	width:		720px;
	height:		100%;
	background-color: white;
}

/* Define a section for the bottom */
#SiteBottom {
	position:	fixed;
	text-align: left;
	left:		0px;
	bottom:		0px;
	width:		100%;
	height:		43px;
	z-index:	1;
	padding-left:760px;
	background-position:bottom left;
	background-color: rgb(118,129,131);
	background-image: url('page_bottom.png');
	background-repeat: no-repeat;
}

/* Specific to site menu */
#SiteMenu a {
	color:		#235083;
	text-decoration:none;
}

#SiteMenu a.visited {
	color:		#618cbf;
}

#SiteMenu a:hover {
	color:		#ffffff;
}

/* Specific to site bottom */
#SiteBottom a {
	margin-top: 14px;
	text-decoration: none;
	text-align: left;
}