/* Samira-CSS-support document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------- END reset style -------- */

body {
  font-family: Verdana, Tahoma, Arial, SunSans-Regular, Sans-Serif;
  background: #ccc4d6;
  font-size: 16px;
  color: #000;
  padding: 0px;
  margin: 0p; 
  height: 100%;
}

hr{
  color: #000000;
}

h1 {
  font-size: 22px;
  padding-bottom: 0px;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 20px;
}

h3 {
  font-size: 18px;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 0px;
}

h6 {
  font-size: 10px;
}

.align-center {
  text-align: center;
}

a.internal-link {
  color: #000;
  text-decoration: underline;
}
a.internal-link:hover {
  color: #000; text-decoration: none;
}

#container {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  width: 980px;
  height: 276px;
  background: url(img/header.jpg)
}
#header span {display: none;}

#content {
  background: url(img/content_bg.jpg);
  float:left;
}

#left {
  width: 260px;
  float:left;
}
#left_nav {line-height: 2; padding-top: 20px; padding-right: 20px;}
#left_nav ul a {color: #fff; font-size: 18px; text-decoration: none;}
#left_nav ul a:hover {text-decoration: underline;}
#left_nav ul li {background: url(img/left_nav_divider.jpg) no-repeat; background-position: 0px 34px; padding-left: 20px;}
#left_nav ul li.selected a {padding-left: 15px; color: #573975;}

#left_nav ul li ul li {background: url(img/left_nav_divider.jpg) no-repeat; background-position: 0px 34px; margin-left: -20px;}
#left_nav ul li ul li.selected a {padding-left: -30px; color: #573975;}

#left_infoContainer {
  color: #fff;
  line-height: 1.2;
  padding-left: 20px;
  padding-bottom: 20px;
}
#left_infoContainer a { color: #fff; text-decoration: underline; }
#left_infoContainer a:hover {text-decoration: none;}

#right {
  float:left;
  width: 720px;
  /*background: url(img/content_bg.jpg);*/
}

#right_content {
  padding: 20px 20px 20px 20px;
  line-height: 1.3;
}
#right_content ul {
  padding-left: 20px;
}


#footer {  float:right; padding-bottom: 10px; padding-top: 10px; }
#footer a {  color: #543c7d; text-decoration: none; }
#footer a:hover {  color: #543c7d; text-decoration: underline; }

form label {
  display: block;
}