#su_head h1 {
font-family: arial, helvetica, sans-serif;
color:#000000;
font-size : 26px;
}

#logo {
position:absolute;
top:15px;
left:400px;
z-index:100;
}

#logo_subpage {
position:absolute;
top:95px;
left:30px;
z-index:100;
}

#logo_opentemplate {
position:absolute;
top:5px;
left:30px;
z-index:100;
}

#logo_calendar {
position:absolute;
top:5px;
left:30px;
z-index:100;
}

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:#600; /*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;
position: relative;
height:290px;
}

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

#su_adminhead {
margin:0 auto;
position: relative;
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_contentwrap-one-column {
background-image:url(site/1/template/faux1Column.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_content_one-column {
width:760px;
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; }



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {
font-family: verdana, sans-serif; 
width:500px;
height:350px;
margin:50px 125px;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:5px;
width:150px;
height:150px;
border:1px solid #000;
}
.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:150px; 
height:150px; 
color:#000; 
background:#fff;
}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.balloon dl {width:200px; padding:0 0 20px 0; background:transparent url(../sites/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(../sites/top.gif) no-repeat top left; text-align:center;}
.balloon dd {margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff url(../sites/info.gif) no-repeat bottom right;}
.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dl#web2 {background:transparent url(../sites/bottom2.gif) no-repeat bottom left; height:auto;}
.balloon dl#web3 {background:transparent url(../sites/bottom3.gif) no-repeat bottom left; height:auto;}
.balloon dl#web4 {background:transparent url(../sites/bottom4.gif) no-repeat bottom left; height:auto;}
.balloon dl#web5 {background:transparent url(../sites/bottom5.gif) no-repeat bottom left; height:auto;}
.balloon dl#web6 {background:transparent url(../sites/bottom6.gif) no-repeat bottom left; height:auto;}
.balloon dl#web2 dt {background:transparent url(../sites/top2.gif) no-repeat top left;}
.balloon dl#web3 dt {background:transparent url(../sites/top3.gif) no-repeat top left;}
.balloon dl#web4 dt {background:transparent url(../sites/top4.gif) no-repeat top left;}
.balloon dl#web5 dt {background:transparent url(../sites/top5.gif) no-repeat top left;}
.balloon dl#web6 dt {background:transparent url(../sites/top6.gif) no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
color:#000;
top:-75px;
left:120px;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:75px;
width:36px; 
height:36px;
background:transparent url(../sites/pointer.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}