/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
	
	/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
	
			/*End of styles for the edit box*/
	
	/*******************************************************************************
	
	BROWSER HACKS: the hacks below should not be changed unless you are an expert
	
	*******************************************************************************/
	
	.MenuBarItemIE 
	{
		position: static;
	}
	
	/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
	ul.MenuBarHorizontal iframe
	{
		position: absolute;
		z-index: 1010;
	}
	/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
	@media screen, projection
	{
		ul.MenuBarHorizontal li.MenuBarItemIE
		{
			display: inline;
			float: left;
			background-color: #FFF;
		}
	}
	
	

a:link { color:blue; }
a:visited { color:purple; }
a:hover { color:purple; }
a:active { color:red; }

/*Main Structure Styling*/

.su_body, #su_head, #su_art1head, #su_adminhead, #su_pkey1, #su_pkey2, #su_pkey3, #su_pkey4 {
background-color:#004080; /*Place any color here to change template color*/
}

.su_body {
margin:0px;
text-align: center;
}

body {
font-family: arial, verdana, helvetica, sans-serif;
font-size:12px;
}

#su_gradient {
position:absolute;
display:block;
top:0px;
left:0px;
width:100%;
z-index:2;
overflow:hidden;
}

#su_imgbg {
width:100%;
border:0;
overflow:hidden;
}

#su_wrapper {
width:760px;
margin:0 auto;
text-align: left;
}


#su_bgfix {
width:760px;
position:absolute;
z-index:10;
}

#su_header1 {
position:absolute;
z-index:100;
top:20px;
}

#su_head {
margin:0 auto;
height:290px;
}

#su_art1head {
margin:0 auto;
height:151px;
}

#su_adminhead {
margin:0 auto;
height:63px;
}


#su_piano {
position:absolute;
}

#su_piano h1, #su_header1 h1 {
padding: 10px 0px 0px 10px;
margin:0px;
color:white;
}

#su_adminhead h3 {
position:absolute;
top:10px;
left:100px;
margin:0px;
color:white;
z-index:100;
}

#su_piano h5 {
padding: 0px 0px 0px 10px;
margin: 0px;
color:white;
z-index:100;
}

#su_pkey1, #su_pkey2, #su_pkey3, #su_pkey4 {
z-index:55;
position:absolute;
height:15px;
}

#su_pkey1 {
top:67px;
width:8px;
/*_width:6px;*/
}

#su_pkey2 {
top:69px;
left:8px;
width:24px;
}

#su_pkey3 {
top:74px;
left:32px;
width:84px;
}

#su_pkey4 {
top:78px;
left:116px;
width:174px;
}

#su_bg {
width:760px;
height:290px;
z-index:60;
position:absolute;
top:0px;
}

#su_artbg {
width:760px;
height:151px;
z-index:60;
position:absolute;
top:0px;
}

#su_adminbg {
width:800px;
height:63px;
z-index:60;
position:absolute;
top:0px;
}

#su_pic {
/*After removing current code in the pic div in the home html template file, insert header image (as background) here for the home template. Width and height of image should be exactly 760px by 123px*/
width:760px;
height:123px;
margin-top:14px;
z-index:50;
position:absolute;
top:64px;
background-color:black;
}

#su_articlepic {
/*After removing current code in the articlepic div in the article html template file, insert header image (as background) here for the home template. Width and height of image should be exactly 299px by 96px*/
width:299px;
height:98px; /*Reduce by two pixels when replacing image*/
z-index:50;
position:absolute;
top:6px; /*Enlarge by two pixels when replacing image*/
left:461px;
background-color:black;
}

#su_nav {
width:760px;
text-align:center;
color:white;
position:absolute;
z-index:100;
top: 200px;
padding-top:5px;
}

#su_nav a {
text-decoration:none;
color:white;
}

#su_nav a:hover {
text-decoration:underline;
color:white;
}

#su_search {
position:absolute;
top:260px;
left:600px;
z-index:100;
width:150px;
}

#su_artsearch {
position:absolute;
top:125px;
left:600px;
z-index:100;
width:150px;
}

#su_lsearch {
position:absolute;
top:160px;
left:20px;
z-index:100;
width:150px;
}

#su_adminsearch {
position:absolute;
top:30px;
left:600px;
z-index:100;
width:150px;
}

#su_contentwrap {
background-image:url(images/newcurve/faux.png);
background-repeat:repeat-y;
width:760px;
}

#su_lcolumn {
width:185px;
float:left;
display:inline;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_lcolumn2 {
width:165px;
float:left;
display:inline;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_content {
width:375px;
float:left;
display:inline;
position:relative;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_rcolumn {
width:170px;
float:right;
display:inline;
position:relative;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_rcolumn2 {
width:165px;
float:right;
display:inline;
position:relative;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_admincontent {
background-color:white;
width:800px;
padding-bottom:20px;
}

#su_admincontent div {
margin:0 auto;
}

#su_admincontent div div {
text-align:left;
margin:0px 5px;
}

#su_fix {
margin:0px 10px 10px 10px;
padding-top:10px;
}

#su_col0content {
background-color:white;
width:760px;
}

#su_rcolwrap {
background-image:url(images/newcurve/rcolfaux.png);
background-repeat:repeat-y;
width:760px;
}

#su_rcolcontent {
display:inline;
float:left;
padding:10px;
width:555px;
}

#su_lcolwrap {
background-image:url(images/newcurve/lcolfaux.png);
background-repeat:repeat-y;
width:760px;
}

#su_lcolcontent {
display:inline;

float:right;
padding:10px;
width:565px;
}

#su_art2content {
width:400px;
float:left;
display:inline;
position:relative;
margin:15px 5px 5px 5px;

padding-top:0px;
}

#su_art2lcol {
width:165px;
float:left;
display:inline;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_art2rcol {
width:165px;
float:right;
display:inline;
position:relative;
margin:15px 5px 5px 5px;
padding-top:0px;
}

#su_art2wrap {
background-image:url(images/newcurve/2colfaux.png);
background-repeat:repeat-y;
width:760px;
}

#su_anchor {
clear:both;
}

#su_footer {
width:760px;
text-align:center;
color:white;
padding-top:10px;
padding-bottom:20px;
background-image:none;
}

#su_footer a {
color:white;
text-decoration:underline;
}

#su_footer a:hover {
color:white;
text-decoration:none;
}

.su_go {
width:23px;
height:23px;
vertical-align: bottom;
}

.headline {
font-size:x-large;
}

/*RSS CSS*/

.rsscredit {
    font-family: arial, helvetica, sans-serif;
    color:black;
    font-size : 8pt; }
.rsslinks {
    font-family: arial, helvetica, sans-serif;
    color:black;
    font-size : 8pt; }
.DigestTitle {
    font-family: verdana, arial, helvetica, sans-serif;
    color:black;
    font-size : 16px;
	line-height : 24px;
    font-weight : bold; }
.FeedTitle {
    font-family:  arial, helvetica, sans-serif;
    color:black;
    font-size : 12px;
	line-height : 13px;
    font-weight : bold; }
a.FeedTitle {
    text-decoration : none; }
.FeedDescription {
    font-family:  arial, helvetica, sans-serif;
    color:black;
    font-size : 12px;
    text-decoration : none;  }
.FeedLink {
    text-decoration : none; }