.teatre01a {background-color:#F30; color:#FFF; padding:4px 10px; margin:0}
.teatre01a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre02a {background-color:#F60; color:#FFF; padding:4px 10px; margin:0}
.teatre02a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre03a {background-color:#F90; color:#FFF; padding:4px 10px; margin:0}
.teatre03a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre04a {background-color:#FC0; color:#FFF; padding:4px 10px; margin:0}
.teatre04a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre05a {background-color:#F99; color:#FFF; padding:4px 10px; margin:0}
.teatre05a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre06a {background-color:#C9C; color:#FFF; padding:4px 10px; margin:0}
.teatre06a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre07a {background-color:#CC0; color:#FFF; padding:4px 10px; margin:0}
.teatre07a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre08a {background-color:#C90; color:#FFF; padding:4px 10px; margin:0}
.teatre08a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre09a {background-color:#C60; color:#FFF; padding:4px 10px; margin:0}
.teatre09a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre10a {background-color:#C30; color:#FFF; padding:4px 10px; margin:0}
.teatre10a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre11a {background-color:#C06; color:#FFF; padding:4px 10px; margin:0}
.teatre11a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre12a {background-color:#C3C; color:#FFF; padding:4px 10px; margin:0}
.teatre12a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre13a {background-color:#C6C; color:#FFF; padding:4px 10px; margin:0}
.teatre13a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre14a {background-color:#C9C; color:#FFF; padding:4px 10px; margin:0}
.teatre14a:hover {background-color:#eee; padding:4px 10px; margin:0}
.teatre15a {background-color:#F6F; color:#FFF; padding:4px 10px; margin:0}
.teatre15a:hover {background-color:#eee; padding:4px 10px; margin:0}

.marg {margin:0 auto }
.margbot {margin-bottom:13px; padding-bottom:10px }

/* Simple Controls Gallery v1.3 */
/*#simplegallery1:hover {border: 10px solid #ddd}*/
#simplegallery1, #simplegallery2{position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 10px solid /*#09f*/ #eee; margin-bottom:20px}
#simplegallery1 .gallerydesctext, #simplegallery2 .gallerydesctext{text-align: left; padding: 2px 5px}
.mainContent1 .navimages, .sidebar1 .navimages {float:none; margin:0px; display:inline}
/*#simplegallery2 img {width:278px}*/
/* END Simple Controls Gallery v1.3 */

/* http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything */
/* cu border albastru */
.square100 {cursor:default; padding:20px; background:url(images/bg-box-blue-border2.gif); background-repeat:no-repeat; width:160px; min-height:150px; height:auto !important; height:150px; overflow:hidden}
.square101 .sidelink {visibility:visible}
.square101 p, .square100 p {visibility:visible; margin-top:10px}
.mainall .square101 h1 a {color:#09f}
.mainall .square101 h1 {color:#09f}
.square101 {border:5px solid #09f; background:none; display:block; padding:15px; overflow:hidden; position:absolute; left:20px; top:20px}
.square100 img {width:130px; height:55px; margin:4px auto}

.square600, .square601 {cursor:default; padding:20px; background:url(images/bg-wide-box-blue-border2-1.gif); background-repeat:no-repeat; background-position:left top; width:565px; min-height:300px; height:auto !important; height:300px; overflow:hidden}
.square699 .sidelink {visibility:visible}
.square699 p, .square600 p, .square601 p {visibility:visible; margin-top:10px}
.square601 p {margin-left:100px}
.square600 img {margin-top:15px}
.square601 img {float:left; margin-top:15px}
.mainall .square699 h1 {color:#09f}
.square699 {border:5px solid #09f; 
background:none; display:block; padding:15px; overflow:hidden; position:absolute; left:0px; top:0px}

/*222*/
#square201 .square200 {background:url(img/bg-bird.jpg); background-repeat:no-repeat; background-position:left bottom}
#square202 .square200 {background:url(img/bg-dress.jpg); background-repeat:no-repeat; background-position:left bottom}
#square203 .square200 {background:url(img/bg-folder.jpg); background-repeat:no-repeat; background-position:left bottom}
#square204 .square200 {background:url(img/bg-tv.jpg); background-repeat:no-repeat; background-position:left bottom}
#square205 .square200 {background:url(img/bg-oldbook.jpg); background-repeat:no-repeat; background-position:left bottom}
#square206 .square200 {background:url(img/bg-inkbottle.jpg); background-repeat:no-repeat; background-position:left bottom}
#square207 .square200 {background:url(img/bg-worldmap.jpg); background-repeat:no-repeat; background-position:left bottom}
#square208 .square200 {background:url(img/bg-wallphone.jpg); background-repeat:no-repeat; background-position:left bottom}
#square209 .square200 {background:url(img/bg-tree.jpg); background-repeat:no-repeat; background-position:left bottom}
#square210 .square200 {background:url(img/bg-frame.jpg); background-repeat:no-repeat; background-position:left bottom}
#square211 .square200 {background:url(img/bg-tape.jpg); background-repeat:no-repeat; background-position:left bottom}
#square212 .square200 {background:url(img/bg-butterfly.jpg); background-repeat:no-repeat; background-position:left bottom}
#square213 .square200 {background:url(img/bg-01.jpg); background-repeat:no-repeat; background-position:left bottom; border-right:black dotted 1px}
#square214 .square200 {background:url(img/bg-02.jpg); background-repeat:no-repeat; background-position:left bottom; border-right:black dotted 1px}
#square215 .square200 {background:url(img/bg-03.jpg); background-repeat:no-repeat; background-position:left bottom; border-right:black dotted 1px}
#square216 .square200 {background:url(img/bg-04.jpg); background-repeat:no-repeat; background-position:left bottom}
.square200 {border-bottom:2px solid #000; cursor:default; padding:10px 10px 6px 10px; min-height:150px; height:auto !important; height:150px}
.square200 .sidelink {visibility:hidden}
.square200 p {visibility:hidden}
.square299 .sidelink {visibility:visible}
.square299 p {visibility:visible; margin-top:10px}
.mainall .square299 h1 a {color:#09f}
.mainall .square299 h1 {color:#09f}
#square201 .square299, #square202 .square299, #square203 .square299, #square204 .square299, #square205 .square299, #square206 .square299, #square207 .square299, #square208 .square299, #square209 .square299, #square210 .square299, #square211 .square299, #square212 .square299, #square213 .square299, #square214 .square299, #square215 .square299, #square216 .square299 {width:auto; background:none; display:block; padding:10px 10px 6px 10px}
/*333*/
.square300 {border-bottom:2px solid #000; cursor:default; padding:10px 10px 6px 10px; min-height:150px; height:auto !important; height:150px; background:url(img/bg-topic-climatechange.jpg); background-repeat:no-repeat; background-position:left bottom}
.square300 .sidelink {visibility:hidden}
.square300 p {visibility:hidden}
.square301 .sidelink {visibility:visible}
.square301 p {visibility:visible; margin-top:10px}
.mainall .square301 h1 a {color:#09f}
.mainall .square301 h1 {color:#09f}
.square301 {width:auto; /*border:2px solid #09f;*/ 
background:none; display:block; padding:10px 10px 6px 10px}
/* END quick-tip-set-hover-class-for-anything */

a.blue {background-color:#38C0DD}

/* Table Styles */
table.difrows {width:100%; border:1px solid #cef; margin:1em 25px; text-align:left}
table.difrows th {font-weight:bold; background-color:#acf; border-bottom:1px solid #cef}
table.difrows td,table.difrows th {padding:4px 5px}
table.difrows .odd {background-color:#def}
table.difrows .odd td {border-bottom:1px solid #cef}
table.difrows .even {background-color:#cde}
table.difrows .even td {border-bottom:1px solid #bde}
table.difrows .oddli {background-color:#ffd}
table.difrows .evenli {background-color:#ffb}
/* end table */

/* slide hover */
#vertical, #horizontal {margin:10px auto; width:912px; overflow:auto} 
#vertical div, #horizontal div {margin-right:3px; float:left; width:296px; height:130px; border:1px solid #999; position:relative; overflow:hidden}
#vertical img, #horizontal img {position:absolute}
/* end slide hover */

/* main_diverse2.css */
.jclock {color:#000; background-color:#def; margin:10px 0 0 0; padding:4px 0px 4px 20px; width:70px; font-weight:bold}
.jclock:hover {color:#09f }

/* slideviewer */
.svw {width:50px; height:20px; background:#fff}
.svw ul{position:relative; left:-999em}
.stripViewer img {border:0}
.stripViewer {position:relative; overflow:hidden; border:5px solid #09f; margin:0 auto}
.stripViewer ul {position:relative; left:0; top:0; width:1%; list-style-type:none}
.stripViewer ul li {float:left}
.stripTransmitter {overflow:auto; width:1%; margin:1px auto}
.stripTransmitter ul {position:relative; list-style-type:none}
.stripTransmitter ul li{width:20px; float:left; margin:0 1px 1px 0}
.stripTransmitter a{text-align:center; line-height:22px; background:#09f; color:#fff; display:block}
.stripTransmitter a:hover {background:#2bf; color:#fff}
.stripTransmitter a.current, .stripTransmitter a.current:hover {background:#fff; color:#09f}
/*.tooltip {padding:0.5em; background:#fff; color:#000; border:5px solid #dedede}*/
/* END slideviewer */

/* accordion */
.accordionwrapper {width:100%; margin-left:auto; margin-right:auto}
.accordionwrapper .accordion200 {height:300px; overflow:hidden}
.accordionButton {width:100%; float:left; _float:none;  /* Float works in all browsers but IE6 */background:#0099ff; border-bottom:1px solid #FFFFFF; cursor:pointer}
.accordionContent {width:100%; float:left; _float:none; /*display:inline-block;*/ background:#ddeeff; /*height:300px;*/ }
.accordionContent p, .accordionContent a, .accordionContent img {margin:0 15px}
.accordionContent {padding:10px 0}
.accordionButton p {margin:6px 10px}
.accordionButton a {color:#FFF}
.accordionButton a:hover {color:#ddd}
.accordionButton p {background-image:url(images/plusonb.gif); background-repeat:no-repeat; background-position: 0% 3px; padding-left:20px}
.accordionon {background:#33bbff}
.accordionon p {background-image:url(images/arrow-circle-li-onb.png); background-repeat:no-repeat; background-position: 0% 2px; padding-left:20px;}
.accordionover {background:#11aaff; text-decoration:underline}
/* END accordion */

/* easy slider, easySlider1.5.js */
#easyslider1 {width:696px; margin:0 auto; border:#999 5px solid}
#easyslider1 ul, #easyslider1 li {list-style:none}
#easyslider1 li {/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
width:696px; height:241px; overflow:hidden}
#easyslider1 li{background:#f1f1f1}
#easyslider1 li h2{margin:0 20px; padding-top:20px}
#easyslider1 li p{margin:20px}
p#controls1 {margin:0; position:relative} 
#prevBtn1, #nextBtn1 {display:block; margin:0; overflow:hidden; text-indent:-8000px; width:60px; height:164px; position:absolute; top:-200px}
#prevBtn1 {left:110px}
#nextBtn1 {left:830px}
#prevBtn1 a, #nextBtn1 a {display:block; width:60px; height:164px}
#prevBtn1 a {background:url(images/black-wings-l.png) no-repeat 0 0}
#nextBtn1 a {background:url(images/black-wings-r.png) no-repeat 0 0}

#easyslider2 img {float:left; margin:20px}
#easyslider2 {width:696px; margin:0 auto; border:#09f 5px solid}
#easyslider2 ul, #easyslider2 li {list-style:none}
#easyslider2 li{/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
width:696px; height:241px; overflow:hidden}
#easyslider2 li{background:#f1f1f1}
#easyslider2 li h2{margin:0 20px; padding-top:20px}
#easyslider2 li p{margin:20px}
p#controls2{margin:0; position:relative} 
#prevBtn2, #nextBtn2{display:block; margin:0; overflow:hidden; text-indent:-8000px; width:30px; height:77px; position:absolute; top:-170px}
#prevBtn2 {left:130px}
#nextBtn2 {left:840px}
#prevBtn2 a, #nextBtn2 a{display:block; width:30px; height:77px}
#prevBtn2 a {background:url(images/btn_prev.gif) no-repeat 0 0}
#nextBtn2 a {background:url(images/btn_next.gif) no-repeat 0 0}
/* END easy slider, easySlider1.5.js */

/* ongray gallery */
ul.gallerygray {width:708px; list-style:none; margin:0 auto; padding:0}
ul.gallerygray li {float:left; margin:10px; padding:0; text-align:center; 
border:1px solid #ccc;
-moz-border-radius:3px; /*--CSS3 Rounded Corners--*/
-khtml-border-radius:3px; /*--CSS3 Rounded Corners--*/
-webkit-border-radius:3px; /*--CSS3 Rounded Corners--*/
display:inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallerygray li a.thumb {width:204px; height:182px; padding:5px; border-bottom:1px solid #ccc; cursor:pointer}
ul.gallerygray li span {width:204px; height:182px; overflow:hidden; display:block}
ul.gallerygray li a.thumb:hover {background:#333}
ul.gallerygray li h2 {padding:10px; background:#f0f0f0; border-top:1px solid #fff}
ul.gallerygray li a {text-decoration:none; color:#777; display:block}
/* END ongray gallery */
/* END main_diverse2.css */

/* imaginea fundal din div-ul class ".javainsertcontent", height cit inaltimea imaginii */
.javainsertcontent {min-height:90px; height:auto !important; height:90px; margin:6px 0; background-image:url(img/AARG2010-120.gif); background-repeat:no-repeat; background-position:bottom center; font-weight:bold; padding-bottom:20px; margin-bottom:20px }
/* imaginea din div class ".javainsertcontent" */

/* test h1 */
.ongray {font:10px normal Verdana, Arial, Helvetica, sans-serif; background:#1d1d1d; color:#fff}
.ongray h1, .ongray h2 {font:5em normal Georgia, 'Times New Roman', Times, serif; text-align:center; padding-bottom:20px; color:#fff}
.ongray h1 span {color:#cbff78}
.ongray h2 span {color:#00adef}
.ongray h1 small, .ongray h2 small{font:0.2em normal Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1.5em; display:block; color:#666}
/* END test h1 */

/* alphabetical-lists */
.listNav {margin:6px auto; width:620px}
.ln-letters {overflow:hidden}
.ln-letters a {display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none}
.ln-letters p {display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; color:#f00}
.ln-letters a:hover {background-color:#fff}
.ln-letters a.ln-last {border-right:1px solid silver}
/* END alphabetical-lists */

/* smart column */
.sc01 {width:920px; margin:0 auto}
.sc02 {width:/*580px*/ 460px; margin:0 auto; float:left}
.sc01 ul.smartcolumn{width:920px; margin:10px auto}
.sc02 ul.smartcolumn{width:580px; margin:10px auto}
ul.smartcolumn li {float:left; width:230px; margin:5px 0; display:inline}
ul.smartcolumn ul.scul {list-style:square}
ul.smartcolumn .scul li {list-style:square; width:auto; float:none; display:block; margin-left:10px}
.colblock {height:260px; margin-right:10px; padding:15px; background:#c1e6fe; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background-image:url(images/smart-columns-top2.png); background-repeat:repeat-x; overflow:hidden}
.colblock img {width:89%; padding:4%; margin:0 auto; background:#fff; -ms-interpolation-mode:bicubic; display:colblock; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px}
/* END smart column */

/*  idTabs ~ Sean Catchpole  */
.latimetab1 {width:238px}
.idTabs {/*margin:0; padding:0;*/ }
.usualalb {height:238px; overflow:hidden; background-image:url(images/bg_tab_cont2.jpg); background-repeat:repeat-x; background-position:0px 4px; border-bottom:solid 2px #eee; padding-bottom:2px}
.usualblue {background:#09f}
.usualred {background:#E80000}
.usual {/*padding:0px;*/ margin:8px auto 16px auto}
.usual ul {}
.usual li.tabhead2 {list-style:none; float:left; font-weight:bold; /*background-image:url(images/bg_tab_cont3.jpg);*/ }
.firsttab {}
/*.tabnolink {background:#FFF }*/
.middletab {border-left:2px white solid}
/*.usual li {border-bottom:1px solid #09f}*/
.usual ul.tabhead1 {/*margin-left:0px;*/}
.usual ul.tabhead1 a {display:block; padding:6px 10px; text-decoration:none!important; background:#eee; line-height:1.27; color:#444; /*margin-top:0px;*/ border-bottom:1px solid #09f; border-top:4px solid #fff}
.usual ul.tabhead1 p {display:block; padding:6px 10px; text-decoration:none!important; background:#09f; line-height:1.27; color:#fff; /*margin-top:0px;*/ border-bottom:1px solid #09f; border-top:4px solid #fff}
.usual ul.tabhead1 a:hover {background:#ccc}
.usual ul.tabhead1 a.selected {margin-top:0px; background:#fff; color:#09f; border-top:4px solid #09f; border-left:1px solid #09f;  border-right:1px solid #09f; border-bottom:1px solid #fff; padding:6px 9px 6px 9px; cursor:default}
.usualred ul.tabhead1 a.selected {margin-top:0px; background:#fff; color:#E80000; border-top:4px solid #E80000; border-left:1px solid #E80000;  border-right:1px solid #E80000; border-bottom:1px solid #fff; padding:6px 9px 6px 9px; cursor:default}
.usual div {padding:10px 10px 8px 10px; clear:left; background:#fff; height:178px; overflow:hidden; /*margin:4px;*/ }
.usual .tabint, .usual .tabint2, .usual .tabint3, .usual .tabint4 {float:left; height:100%; margin:0 10px 0 0; padding:0}
.usual .tabint {width:140px}
.usual .tabint2 {width:200px}
.usual .tabint3 {width:250px}
.usual .tabint4 {width:290px}
/*.usual div li {border-right:2px #fff solid}*/
.usual ul.tabul {margin:15px 0 0 280px}
.usual ul.tabul li {}
.usual div li {list-style:square; margin:0 0 0 20px; background:none; line-height:1.2}
.usual div ul a {margin:0; padding:0; background:none; border:none; /*font-weight:normal;*/line-height:1.1}
.usual div ul a:hover {background:none; text-decoration:underline !important}
.usual div a {}
.usual img {float:left; margin:0 10px 0 0; display:inline}
.usual p {}

.imagebox {height:/*150px;*/auto; margin:20px 0}
.imagebox a {margin:0 1px; background-color:#eee; padding:6px 30px; border-top:solid 1px #09f}
.imagebox a:hover {background-color:#ccc; color:#FFF; /*-webkit-transition-delay: 1.5s;*/ }
.imagebox a.selected {background-color:#666; color:#FFF; padding:6px 30px 6px 30px; border-top:solid 4px #09f}
.imagebox img {float:none; margin-top:6px; border-bottom:solid 10px #eee}
/* END idTabs ~ Sean Catchpole  */

.parteneri {min-height:24px; height:auto !important; height:24px; padding:6px 0}
.parteneri img {margin:0 10px 6px 0; float:left}
.partener01 {background-image:url(images/magnolia.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 26px; margin:0 10px; float:right; line-height:24px}
.partener02 {background-image:url(images/livejournal.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 26px; margin:0 10px; float:right; line-height:24px}
.partener02_2 {background-image:url(images/livejournal_2.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 18px; margin:0 10px; float:right; line-height:16px}

a.pdf {background:url(images/Acrobat-Reader.gif) no-repeat left top; padding-left:20px}
a.txt {background:url(images/Microsoft-Word.gif) no-repeat left top; padding-left:20px}
a.xls {background:url(images/Microsoft-Excel.gif) no-repeat left top; padding-left:20px}
a.pps {background:url(images/PowerPoint.gif) no-repeat left top; padding-left:20px}
a.zip {background:url(images/zip.png) no-repeat left top; padding-left:20px}
a.jpg {background:url(images/jpg.png) no-repeat left top; padding-left:20px}
a.email {background:url(images/email.png) no-repeat left top; padding-left:20px}
a.external {background:url(images/ext_link.png) no-repeat left top; padding-left:20px}

/* folder collapser */
a.folder_link {display:block; width:97px; height:20px; background:url(images/minus4.png) no-repeat 0 -20px; cursor:pointer; margin:0 auto; line-height:20px}
a.folder_link:hover {background-position:0 0}
a.folder_link_collapsed {background:url(images/plus4.jpg) no-repeat 0 -20px}
a.folder_link_expanded {background:url(images/minus4.jpg) no-repeat 0 -20px}
div.folder_content {}
div.folder_content p {}
/* END folder collapser */
/* END hoverimg.css */

/* box.css */
.concol3box, .concol4box {width:960px; margin:10px 0; padding:10px 20px; float:left; min-height:150px; height:auto !important; height:150px}
.boxes {width:280px; margin:0 auto}
.boxes2 {width:200px; margin:0 auto}
#box1, #box2, #box3 {background-image:url(images/bgBottom_spectacol.gif)}
#box4, #box5, #box6, #box7 {background-image:url(images/bgBottom_spectacol2.gif)}
#box1, #box2, #box3, #box4, #box5, #box6, #box7 {background-position:left bottom; background-repeat:no-repeat; margin-bottom:10px; padding-bottom:10px; text-align:center; min-height:150px; height:auto !important; height:150px; border-top:solid 1px white}
#box1 h4, #box2 h4, #box3 h4 {background:url(images/bgTop_spectacol.gif) top no-repeat #ececec; cursor:pointer}
#box4 h4, #box5 h4, #box6 h4, #box7 h4 {background:url(images/bgTop_spectacol2.gif) top no-repeat #ececec}
#box1 h4, #box2 h4, #box3 h4, #box4 h4, #box5 h4, #box6 h4, #box7 h4 {color:#09f; text-align:center; padding:15px 0px 0px 0; margin:0 0 0 0px; width:100%}
.boxbgpx {background-image:url(Images/bg_boxbgpx.gif); background-repeat:repeat-y}
.boxbgpx2 {background-image:url(Images/bg_boxbgpx2.gif); background-repeat:repeat-y}
.boxbgpx p, .boxbgpx2 p {margin:0 10px; text-align:left}
.boxbgpx ul, .boxbgpx2 ul {margin:0 10px 0 30px; text-align:left; list-style:square}

/* buton rosu hover latime ajustabile */
.sqbut {margin:10px 10px 10px 10px }
a.squarebutton {background:transparent url(images/square-red-left.gif) no-repeat top left; display:block; float:right; font:normal 12px Arial; line-height:20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */ height:28px; /* Height of button background height */ padding-left:9px; /* Width of left menu image */ text-decoration:none; min-width:62px; text-align:center}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {color:#ffffff; /*button text color */ text-decoration:none}
a.squarebutton span {background:transparent url(images/square-red-right.gif) no-repeat top right; display:block; padding:4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/}
a.squarebutton:hover {/* Hover state CSS */ background-position:bottom left}
a.squarebutton:hover span {/* Hover state CSS */ background-position:bottom right; color:white}
.buttonwrapper {/* Container you can use to surround a CSS button to clear float */ overflow:hidden; /*See:http://www.quirksmode.org/css/clearing.html */ width:100%}
div#set_of_links1, div#set_of_links2 {position:relative; padding:0px 0px 0px 0px; text-align:left}
div#set_of_links1 a, div#set_of_links2 a {display:inline; text-decoration:none}
div#set_of_links1 a:hover, div#set_of_links2 a:hover {background:transparent}
div#set_of_links1 a span, div#set_of_links2 a span {display:none}
div#set_of_links1 a:hover span {width:250px; display:inline; position:absolute; top:-1px; left:-270px; padding:120px 10px 10px 10px; margin:0px; color:#FFF}
div#set_of_links2 a:hover span {width:250px; display:inline; position:absolute; top:-1px; left:280px; padding:120px 10px 10px 10px; margin:0px; color:#FFF}
.site_1 {background:url(img/653_small.jpg) no-repeat top center; background-color:#b61414; z-index:2}
.site_2 {background:url(img/681_small.jpg) no-repeat top center; background-color:#b61414; z-index:2}
.site_3 {background:url(img/755_small.jpg) no-repeat top center; background-color:#b61414; z-index:2}
.site_4 {background:url(img/1144_small.jpg) no-repeat top center; background-color:#b61414; z-index:2}
/* END box.css */

/* slidebox.css */
.slidewrap {position:relative; z-index:2}
.slide-panel {position:absolute; z-index:25}
.slidefixed {
	position:absolute;
	top:0;
	z-index:99999;
	width:1000px;
	margin:0 auto
}
.bottom {bottom:0}

.top {top:0}
.slide-content {margin-left:auto; margin-right:auto; z-index:10; overflow:hidden; text-align:left; background-color:#ddeeff; height:0; width:100%; color:#000}
.slide-content a {color:#000 }
.slide-content a:hover {color:#09f }
.slide-button {margin-left:30px; margin-right:auto; position:relative; width:148px; z-index:20; cursor:pointer; height:15px; padding-top:3px; padding-left:22px; text-align:left; font-size:10px; color:#000; /*background-image:url(images/bgslidebtn.jpg);*/ background-color:#ddeeff}
.slide-button:hover {color:#09f}
#slide-list-1 {display:inline; float:left}
#slide-list-2 {display:inline; float:left}
#slide-list-3 {float:left}
#slide-list-4 {float:left}
ul.slide-list {line-height:20px; list-style-type:none; width:20%; font-size:10px; margin:0 25px}
ul.slide-list li {border-bottom:1px solid #CCC; padding-top:3px; padding-bottom:3px; cursor:pointer}
ul.slide-list li:hover {color:#09f}
ul.slide-list li.header {color:#09f; letter-spacing:3px; padding-bottom:10px; font-variant:small-caps; font-size:16px; margin-top:10px; cursor:text}
ul.slide-list li.header:hover {font-size:16px}
/* END slidebox.css */

.borderrightbot a {border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; color: #333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 3px; padding: 1px 0px 3px; /*text-transform: uppercase;*/ text-decoration: none; margin:3px 0}
.borderrightbot a:hover {border-bottom: 1px solid #333; border-right: 1px solid #333; text-decoration: none; color:#000;}

/* calendar */
.maincalendar {width:240px; border:1px solid #eee; margin:10px auto}
.monthcalendar {background-color:#ccc; font-weight: bold; color:#333}
.daysofweekcalendar {background-color:#eee; font-size: 11px; font:bold 10px verdana; color:#09f}
.dayscalendar {font-size: 11px; color:black; background-color: #fff; padding: 2px}
.dayscalendar #todaycalendar{font-weight: bold; color: red}
table {border-collapse:collapse}
/* end calendar */