/*
PAGE LAYOUT STYLES
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	background-color: #FFF;
	background-image: url(../images/sws_bodybg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
	margin: 0px 0 0;
}

#wrapper {
	position: relative;
	width: 900px;
	margin: 0px auto;
	background-color: none;
	background-image: url(../images/mb_wrapperbg.pngx);
	background-repeat: repeat-y;
	background-position: left top;
}
/*
Sets the large masthead background image, sets the height of the table cell
to match the height of the background image. Sets the table cell contents
to align in the middle. */
#masthead {
	width: 900px;
	background-attachment: scroll;
	background-image: url(../images/mb_mastheadbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: none;
	border: 0px solid #333333;
}
#main {
	width: 900px;
	min-height: 100%;
	background-attachment: scroll;
	background-image: url(../images/sws_mainbg.png);
	background-repeat: repeat-y;
	background-position: left top;
	border: 0px solid #333333;
}

#logodiv {
	background-color: none;
}

#sidebar {
	position: absolute;
	top: 100px;
	left: 0;
	width: 180px;
	border-left: 0px solid #333333;
	border-top: 0px solid #FFE5CC;
	font-size: 0.75em;
	color:#000;
	background-image: url(../images/mb_sidebarbg.png);
	background-repeat: repeat-y;
	background-position: left top;
}
/*
Sidecontent is a static DIV nested inside the sidebar, and below the menu. This
allows us to set padding for only this DIV, thereby permitting the menu to be
flush with the edges of the sidebar.*/
#sidecontent {
	background-color: none;
	padding: 0px;
	border-top: 0px solid #D9666F;
}
#sidecontenttable {
	background-color: none;
	padding: 0px 0px 0px 20px;
	border: 0px solid #CCC;
	border-left: 0px solid #999;
}
#foto {
	padding: 0px 0px 20px 0px;
	width: 625px;
}
#maincontent {
	margin-left: 190px;
	width: 625px;
	min-height:520px;
	padding: 10px 0px 30px 30px;
	background-color: none;
	background-image: url(../images/mb_maincontentbg.pngx);
	background-repeat: repeat-y;
	background-position: top right;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	font-size: .8em;
	line-height: 1.3em;
}
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	line-height: normal;
}
h1 {
	font-size: 1.4em;
	color:#333399;
}
h2 {
	font-size: 1.2em;
	color:#3257C6;
	margin: 0;
}
h3 {
	font-size: 1.2em;
	margin: 24px 0px 0px;
}
h4 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px 0px 0px;
}
#sidebar h3 {
	color: #336699;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
#footer {
	font-size: .75em;
	color: #999;
	padding: 10px 12px 10px 220px;
	background-image: url(../images/mb_footerbg.pngx);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;
}
/*
Sets link styles for all links on the page except the Pop Menu Magic Menu.*/
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover, a:active, a:focus {
	color: #3257C6;
}
#footer a:link {
	color: #999;
}
#footer a:visited {
	color: #999;
}
#footer a:hover, a:active, a:focus {
	color: #999;
}
#sidebar a:link {
	color: #333399;
}
#sidebar a:visited {
	color: #333399;
}
#sidebar a:hover, a:active, a:focus {
	color: #000;
}