html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%; /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: #565656;
	text-align: center;
}
img {
	border: none
}
.gallery {
	float:left;
	height:130px;
	width:130px;
	overflow:hidden;
	margin: 0px;
	text-align: center;
}
#container{
background:#fff url(../images/layout/background.gif) bottom right no-repeat ;
margin:5px auto;
padding:0;
text-align:left;
width:94%;
width: 900px;

}
html > body {
	font-size: 10pt;
}
p {
	line-height: 1.4em;
	margin: .1em 0 .3em 0;
	padding: 0 0 0.5em 0;
}
acronym, .titleTip {
	border-bottom: #0608d1 1px dotted;
	cursor: help;
	margin: 0;
	padding: 0 0 0.4px 0;
}
a {
	color: #0608d1;
	background-color: transparent;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}
a[href$=".pdf"] {
	background: url(../images/layout/pdf.gif) no-repeat right top;
	padding-right: 20px;
}
a[href$=".doc"] {
	background: url(../images/layout/word.gif) no-repeat right top;
	padding-right: 20px;
}
a[href$=".xls"] {
	background: url(../images/layout/excel.gif) no-repeat right top;
	padding-right: 20px;
}
a[href$=".ppt"] {
background:url(../images/layout/powerpoint.gif) no-repeat right top;
padding-right:20px;
}

a:visited {
	color: #0608d1;
	text-decoration: none;
	background-color: transparent;
	}
a:hover {
	color: #ff4500;
	text-decoration: none;
	}
a:active, a:focus {
	color: #ff4500;
	background-color: inherit;
	text-decoration: none;
}
ol {
	margin: 1em 0 1em 0;
	padding: 0;
}
ol ol{
	list-style-type: lower-alpha;
	margin: 0.5em 0 1em 0;
	padding: 0;
}
ul {
	margin: 0.2em 0 1em 0;
	padding: 0;
}
ul li {
	line-height: 1.5em;
	list-style-image: url(../images/layout/oflag10.gif);
	list-style-position: outside;
	margin: 0.5em 0 0 3em;
	padding: 0;
}
ul ul li{
	line-height: 1.5em;
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0.5em 0 0 3em;
	padding: 0;
}
ol li {
	line-height: 1.5em;
	margin: 0.5em 0 0 3em;
	padding: 0;
}
dl {
	margin: 1em 0 1em 0;
	padding: 0;
}
dt {
	font-weight: bold;
	margin: 0.5em 0 0 0 ;
	padding: 0;
}
dd {
	margin: 0 0 0 0;
	padding: 0;
}
/* ##### Header ##### */
#header{
	color: #0608d1;
	background:#fff url(../images/layout/ssoa-header.gif) top center no-repeat ;
	margin: 0;
	height: 150px;
	padding: 0;
}
#header h1{
	font-size: 50%;
	margin-left: -9999px;
	padding: 0;
}
/* ##### Navigation ##### */
#nav {
	margin:0;
	padding:0;
	background: #5c5c5c;
	width:100%;
	float:left;
	border: 1px solid #333333;
	border-width:1px 0;
}
#nav li {
	display:inline;
	padding:0;
	margin:0;
}
#nav li a:link,#nav li a:visited {
	color:#fff;
	background: #5c5c5c;
	padding:6px 12px 4px 12px;
	float:left;
	width:auto;
	border-right: 1px solid #333333;
	border-bottom: none;
	text-decoration:none;
	font:bold 1em/1em Verdana, Arial, Helvetica, sans-serif;
}
#nav li a:hover {
	color:#fff;
	background: #0608d1;
}
#nav li:first-child a {
	border-left: 1px solid #333333;
}
#nav li a.current{
	background:#0608d1;
	color:#fff;
}
#nav li a.visited.current{
	background:#0608d1;
	color:#fff;
}
#nav li a:active {
	background:#0608d1;
	color:#fff;
}
/* ##### Main Content ##### */
#content {
	margin: 0;
	text-align: left;
	width: 61%;
	padding: 1em 4%;
	float: left;
}
#gallery {
	padding: 1em 4%;
}
h2 {
	color: #0608d1;
	background-color: transparent;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 140%;
	margin: 0 0 .5em 0;
	padding: 0 0 0.3em 0;
}
h2 a, h2 a:visited{
	text-decoration: none;
	color: #0608d1;
	background-color: transparent;
}
h2 a:hover{
	text-decoration: none;
	color: #ff4500;
	background-color: transparent;
}
h3 {
	color: #0608d1;
	background-color: transparent;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 120%;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
h3 a, h3 a:visited{
	text-decoration: none;
	color: #0608d1;
	background-color: transparent;
}
h3 a:hover{
	text-decoration: none;
	color: #ff4500;
	background-color: transparent;
}
h4 {
	color: #0608d1;
	background-color: transparent;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
h4 a, h4 a:visited{
	text-decoration: none;
	color: #0608d1;
	background-color: transparent;
}
h4 a:hover{
	text-decoration: none;
	color: #ff4500;
	background-color: transparent;
}
#content-wide {
	margin: 0;
	text-align: left;
	width: 94%;
	padding: 1em 2%;
	float: left;
	border-right: none;
}
/* ##### Extra Content ##### */
#extra {
	width: 26%;
	margin: 0;
	padding: 1em 2%;
	float: left;
	border-left: #5c5c5c 1px solid;
}
#extra img{
	margin: 1%;
}
#extra a,#extra a:visited {
	text-decoration:none;
	color: #0608d1;
	background-color: transparent;
}
#extra a:hover {
	text-decoration:none;
	color: #ff4500;
	background-color: transparent;
}
#extra h1 {
	color: #0608d1;
	background-color: transparent;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 160%;
	margin: 0;
	padding: 0 0 .3em 0;
}
#extra h2 {
	color: #0608d1;
	background-color: transparent;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;	
	font-size: 130%;
	margin: 0;
	padding: 0.3em 0 0 0;
}
#extra h3 a, #extra h3 a:visited {
	text-decoration: none;
	color: #0608d1;
	background-color: transparent;
}
#extra h3 a:hover {
	text-decoration: none;
	color: #ff4500;
	background-color: transparent;
}
#extra h3 {
	color: #0608d1;
	background-color: transparent;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 110%;
	text-decoration: none;
	margin: 0;
	padding: 0.4em 0 0 0
}
/* ##### Footer ##### */
#footer {
	color: #0608d1;
	text-align: left;
	line-height: 1.25em;
	margin: 0;
	padding: 5.5em 1em 0.5em 1em;
	clear: left;
}
/*#### other styles #### */
.photo {
	width: 210px;
	float: left;
}
.photo p {
	clear: left;
}
.img-shadow {
float:left;
background: url(../images/layout/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/layout/blue-shadow.gif) no-repeat bottom right;
margin: 6px 0 0 6px;
padding: 0;
text-align:center;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
margin: -6px 6px 6px -6px;
padding: 0px;
}
.right {
	float: right;
	text-align: right;
}
.left {
	float: left;
	text-align: left;
}
.important {
	font-weight: bold;
	color: #ff4500;	
}
.clear{
	clear: both;
}
.clean a{
text-decoration: none;
}
.posted{
	font-size: 90%;
	color: #666666;
	background: url(../images/layout/date.gif) no-repeat left;
	padding: 0 0 0 20px;
	margin: -5px 0 15px 0;
}
/*Table styles*/
table {
	margin: 0 0 1em 0;
	color: #333333;
}
th {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
td {
	padding: 3px;
	border-bottom: 1px solid #ddd;
}
td.hover, tr.hover
{
	background-color: #ccc;
}
td.hovercell, th.hovercell
{
	background-color: #ff4500;
}
td.click, th.click
{
	background-color: #eee;
}
