body {background-color: #333300; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-top: 5px;}

a		{text-decoration: none;color: #333300;}
a:hover {text-decoration: underline;}


#header { margin: auto; width: 740px; height: 5px; padding:5px 20px 0 20px; text-align: center; font-size: 65%; color: #FFCC00; }

#header a { color: #FFCC00; text-decoration: none;}

#header a:hover { color: yellow; text-decoration: underline;}

div.row span.left {
  float: left;
  text-align: left;
  width: 45%;
  }

div.row span.right {
  float: right;
  text-align: right;
  width: 45%;
  }
img	{border:0;}
a img	{text-decoration:none;border:0;}
#box{  width: 780px; margin:  auto;  padding:10px 0 180px 0; background:#FFCC00 url(images/bear_bg.gif) bottom center no-repeat; text-align: center;}

#box1{  width: 780px; margin:  auto;  padding:10px 0 180px 0; background:#FFCC00; text-align: center;}

#top { font-size: 70%; color: #333300;  text-align: center;}

#top a { color: #333300; text-decoration: none;}

#top a:hover { color: #333300; text-decoration: underline;}

#centre { font-size: 80%;  padding: 0 20px 0 20px;}

#centre a {text-decoration: none;color: #333300;} 

#centre a:hover {text-decoration: underline;}

#centre ul {text-align: left; size: 90%; line-height: 150%;}

#centre ul a {text-decoration: none;}

#centre ul a:hover {text-decoration: underline;}

#footer { font-size: 70%; color: #FFCC00; line-height: 1.5em;}

#footer a { color: #FFCC00; text-decoration: none;}

#footer a:hover { color: yellow; text-decoration: underline;}

.article_text
				{
					padding: 0 10px 0 10px; 
					text-align: justify;
				}




h1 {color: #333300;}
h1 a {text-decoration: none;}
h3 { size: 110%; text-align: left; padding-left: 10px;}

/* Images */

.image { float: left; margin: 0 15px 3px 0; border: 1px solid #333300;}
.image_r { float: right; margin: 0 0 3px 15px; border: 1px solid #333300;}
.image2 {border: 1px solid #333300;}
.gallery { margin: 10px 10px 10px 10px; border: 1px solid #333300;}





/* Forms */


.form_text {font-size: 95%;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;color: #333300;}
.form_text3 {font-size: 85%;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;color: #333300;}
.red {color: #c40000;}
.red2 {color: #c40000;font-size: 85%;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.red3 {color: #c40000;font-size: 65%;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.form_element {width: 90%; border: 1px solid #333300;}
.form_element2 {width: 99%; height: 50px; border: 1px solid #333300; margin-top: 5px;}
#close {  width: 99%; font-color: #333300;  font-size: 85%; text-align: right;}
#close2 { width: 99%; font-color: #333300; margin: 2px 0 0 0; font-size: 65%; text-align: right;background: url(images/close.gif) top right no-repeat;}
#close3 { width: 99%; font-color: #333300; margin: 2px 0 0 0; font-size: 85%; text-align: right;background: url(images/close.gif) top right no-repeat;}
.close {color: #333300; }
.close2 {color: #333300; padding-RIGHT: 10px;}


.highlighttext{
border: 1px solid #333300;
text-decoration: none;
font-weight: normal;
text-align: left;
margin: 0 11px 0 11px;
padding: 0 3px 0 3px;
}

.highlighttext2{
border: 1px solid #333300;
text-decoration: none;
font-weight: normal;
text-align: left;
margin: 0 10px 0 10px;
padding: 10px;
}

.small{font-size: 80%;}

.news_headlines{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
margin: 0 10px 5px 10px;
padding: 5px 5px 5px 5px;
color: #FFCC00;
font-size: 95%;
background: #333300 url(images/show.gif)  right no-repeat;
}

.open_article{ /*class added to contents of 1st demo when they are open*/
background: #333300 url(images/hide.gif)  right no-repeat;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 750x;
height: 101px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #FFCC00;
padding: 0px;
visibility: hidden;
width: 720px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 735px;
margin-top: 0px;
text-align: right; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 0px solid black;
color: #2e6ab1;
padding: 0px;
margin-right: 0px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: transparent;
color: black;
}

.glidecontenttoggler a:hover{
background: transparent;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: transparent;
color: white;
}