/* Save your world template styles */

/* General settings */

.unityAnchorHidden {
	display: none;
	}

/* reset HTML blocks for new styles */
h1,h2,h3,h4,h5,h6,p {
	padding:0px;
	margin:0px;
	}
	
p {
	padding-top:4px;
	padding-bottom:8px;
	}	

/* headings */
h1 {
	padding-top:8px;
	padding-bottom:6px;
	}

h2 {
	padding-top:6px;	
	padding-bottom:4px;
	}

h3 {
	padding-top:5px;
	padding-bottom:4px;
	}

h4 {
	padding-top:4px;
	padding-bottom:4px;
	}
h5 {
	padding-top:4px;
	padding-bottom:4px;
	}
h6 {
	padding-top:4px;
	padding-bottom:4px;
	}


/* Lists */
ol,ul,li {/*reset lists for new types*/
	padding:0px;
	margin:0px;
	}
	
ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
	}
	
ol {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin: 0px;
	}


hr {
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	height:1px;
	}
	
/* Tables */

table {
	empty-cells:hide;
	}
td {
	vertical-align:top;
	}
th {
	/*set similar to h4*/
	font-size:14px;
	font-weight:bold;
	}
caption {
	/*size set in 'basic font size' above*/
	font-style:italic;
	caption-side:top;
	padding-top:8px;
	}
tr {
	vertical-align:top;
	text-align: left;
	}	

/* TYPOGRAPHY */
/* ==================================================*/

body,p,div,li,ol,dl,td,em,address,pre,blockquote {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	}

p { 
	line-height: 1.4em;
	/* letter-spacing: .1em; */
	 } 
	 
h1, h2, h3, h4, h5, h6	{
	color: #FF9933;
	font-family: Arial, Helvetica, sans-serif;
	}

.pageTitle {
	margin:0px;	
	padding-top:5px;
	font-size: 18px;
	white-space:nowrap;
	} 

h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 11px; }
h6 { font-size: 11px; }



/* LINKS */
a:link {
	color:#666666;
	text-decoration:underline;
	}
a:active {
	color:#FF0000;
	text-decoration:underline;
	}
a:visited {
	color:#666666;
	text-decoration:underline;
	}
a:hover {
	color:#000000;
	text-decoration:none;
	}


/* MAIN TEMPLATE STYLES */
/* ==================================================*/

body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	color:#FFFFFF;
	background-image: url(/webdata/graphics/syw_gradientBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

#floatMain {
	position: absolute;	
	top: 0px;
	left: 50%;
	margin-top: 0px; 
	margin-left:-403px;
	width: 800px;
	}

#staticNav {
	white-space:nowrap;
	width:800px;
	border-top: solid #FFFFFF 1px;
	}
	
#outerContent {
	width: 800px;
	background-color: #FFFFFF;
	color: #333333;
	}

#slogan {
	}

	
#headerImg { 
	margin-top: 0px;
	width: 800px;
	}
	
#title { 
	position:absolute;
	top:35px;
	left:528px;
	}


#pageDiv {
	width: 800px;
	padding-top:0px;
	background-color: #FFFFFF;
	}

/* Table cells - content areas */	
#cell01 {
	width:141px;
	padding-top:28px;
	}
#cell02 {
	width:520px;
	}
#cell03 {
	width:139px;
	padding-top:28px;
	}
	

/* ================================= */
/* left col  */

#leftBar {
	border-bottom: solid #CCCCCC 1px;	
	}
	
.subNav {
	width: 141px;
	margin:0px;
	padding:0px;
	}

/* Display sublinks nicely */	
.subNav ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;	
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	width:141px
	}

.subNav li {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	}
.subNav a {
	display: block;
	margin:0px;
	padding:0px;
	}

.subNav a:link {
	color: #FFFFFF;
	background-color: #666666;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #CCCCCC;
	}
.subNav a:active {
	color: #FFFFFF;
	background-color: #666666;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #CCCCCC;
	}
.subNav a:visited {
	color: #FFFFFF;
	background-color: #666666;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #CCCCCC;
	}
.subNav a:hover {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #CCCCCC;
	}
/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags prevents gaps in menu.
 * html affects <=IE6
*/

* html .subNav li {
 height: 1%;
	}
* html .subNav a {
 height: 1%;
	}	
	
/* ================================= */
/* Breadcruming nav */
.breadCrumb {
	color:#666666;
	font-size:11px;
	border-bottom: solid #CCCCCC 1px;
	margin-left:30px;
	}
	
#breadPad {
	font-size:11px;
	padding-top:15px;
	padding-bottom:6px;
	}
	
.breadCrumb a:link {
	text-decoration:none;
	color:#666666;
	}
.breadCrumb a:active {
	text-decoration:none;
	color:#FF0000;
	}
.breadCrumb a:visited {
	text-decoration:none;
	color:#666666;
	}
.breadCrumb a:hover {
	text-decoration:underline;
	color:#666666;
	}
	
/* ================================= */	

#theTxt {
	width:460px;
	padding-left: 30px;
	padding-right: 30px;
	}
	
/* used on templates with no left nav */	
#theTxt2 {
	width:490px;
	padding-left: 0px;
	padding-right: 30px;
	padding-top: 20px;
	}	
	
	
/* ================================= */
/* Display links nicely right col */	
.subNavRght ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;	
	margin-bottom: 0px;
	margin-left: 0px;
	width:139px;
	list-style-type: none;
	}

.subNavRght li {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	}
	
.subNavRght a {
	display: block;
	margin:0px;
	padding:0px;
	}

.subNavRght a:link {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 10px;
	border-bottom: solid #CCCCCC 1px;
	}
.subNavRght a:active {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 10px;
	border-bottom: solid #CCCCCC 1px;
	}
.subNavRght a:visited {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 10px;
	border-bottom: solid #CCCCCC 1px;
	}
.subNavRght a:hover {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 4px 4px 10px;
	border-bottom: solid #CCCCCC 1px;
	background-image: url(../graphics/syw_rightNavBg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags prevents gaps in menu.
 * html affects <=IE6
*/
* html .subNavRght li {
 height: 1%;
	}
* html .subNavRght a {
 height: 1%;
	}
	
/* ------------------------------------ */
/* FOOTER */

#topBtn {
	padding-top:10px;
	}

#footerBlock	{
	clear: both;
	width:800px;
	}

.footerLinks {
	font-size: 10px;
	color:#FF9933;
	background-color: #FFFFFF;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 10px;
	}


/*
==================================================================== 
Back to Top and Footer links 
*/

a.footer:link {
	color:#FF9933;
	background-color: #FFFFFF;
	text-decoration:none;
	}
a.footer:active {
	color:#FF0000;
	background-color: #6699CC;
	text-decoration:none;
	}
a.footer:visited {
	color:#FF9933;
	background-color: #FFFFFF;
	text-decoration:none;
	}
a.footer:hover {
	color:#FF9933;
	background-color: #FFFFFF;
	text-decoration:underline;
	}
	
/* back to top link */	
a.topPage:link {
	color:#666666;
	background-color: #FFFFFF;
	text-decoration:underline;
	}
a.topPage:active {
	color:#FF0000;
	background-color: #6699CC;
	text-decoration:underline;
	}
a.topPage:visited {
	color:#666666;
	background-color: #FFFFFF;
	text-decoration:underline;
	}
a.topPage:hover {
	color:#FF9933;
	background-color: #FFFFFF;
	text-decoration:underline;
	}

