body
{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: arial;
    font-size: 12pt;
    color: #000000;
    height: 100%;
}

/*textarea,select,p,ol,ul
{
	font-family: verdana, arial, arial, sans-serif;
	font-size: 0.7em;
	color: #666666;
	height: 100%;
}
*/

a {
	text-decoration: underline;
	color: #0c787a;
}



a:visited {
	color: #10989b;
}

a:hover {
	text-decoration: none;
}

a:active {
}


img {
	border-width: 0;
}

.hrLine{ height :1px; background-color : #b6d6d7; color:  #b6d6d7 ; border: 0px; width: 95%; text-align:center;}


/* White page with shadow */
.page
{
    width: 988px;  /* width: 1002px = 988 + 7 + 7 */
    margin: auto;
    padding: 13px 7px 13px 7px;
    background-image: url(../../Public/Design/img/page-bg.gif);
    background-position:left top;
    background-repeat:repeat-y ;
    position: relative;
}

.pagebottom
{
    width:1002px;
    height: 13px;
    background-image: url(../../Public/Design/img/page-bottom.gif);
    background-position:left top;
    background-repeat:no-repeat;
    position: absolute;
    bottom: 0px;
    left:0px;
}

.pagetop
{
    width:1002px;
    height: 13px;
    background-image: url(../../Public/Design/img/page-top.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    position: absolute;
    top: 0px;
    left:0px;
}

.pagecontent
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    position:relative;
}

/* White frame with shadow , width 330px */
div .frame
{
    background-color: #eeeeee;
    background-image: url(../../Public/Design/img/frame-body.gif);
    background-repeat: repeat-y;
    background-position: left top;
    padding: 10px 6px 10px 6px;
    margin: 0px;
    position: relative;
}

div .frametop
{
    background-color: #eeeeee;
    background-image: url(../../Public/Design/img/frame-top.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    width: 330px;
}

div .framebottom
{
    background-color: #eeeeee;
    background-image: url(../../Public/Design/img/frame-bottom.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 10px;
    width: 330px;
}

 div .framecontent
 {
 }
 
 
 /* snippet with shadow , width 330px */
div .box
{
    background-color: #eeeeee;
    background-image: url(../../Public/Design/Feature_Controls/box-body.gif);
    background-repeat: repeat-y;
    background-position: left top;
    /*width: 328px; /* width: 328px = 318 + 6 + 6 */
    padding: 10px 6px 68px 6px;
    margin: 0px;
    position: relative;
}

div .boxtop
{
    background-color: #eeeeee;
    background-image: url(../../Public/Design/Feature_Controls/box-top.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    width: 328px;
}

div .boxbottom
{
    background-color: #eeeeee;
    background-image: url(../../Public/Design/Feature_Controls/box1-bottom.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 68px;
    width: 328px;
}
 div .boxcontent
 {
    text-align: left;
    margin: 5px 10px 5px 10px;
 }
 
 div .boxLink
 {
    position:absolute;
    left: 30px;
    bottom: 0px;
    padding: 0px 0px 10px 0px;
    width: 200px;
    height: 50px;
    text-align:left ;
 }
 

.activeButton {background-image: url(../../Public/Design/callOutbuttonOver.jpg); display:block; background-repeat:no-repeat; width:188px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.activeButton:visited { color:#fff; }

.callButton {background-image: url(../../Public/Design/callOutbutton.jpg); display:block; background-repeat:no-repeat; width:188px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.callButton:hover {background-image: url(../../Public/Design/callOutbuttonOver.jpg); display:block; background-repeat:no-repeat; width:188px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.callButton:visited { color:#FFFFFF; }

.callButtonR {background-image: url(../../Public/Design/callOutbuttonOver.jpg); display:block; background-repeat:no-repeat; width:188px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.callButtonR:hover {background-image: url(../../Public/Design/callOutbutton.jpg); display:block; background-repeat:no-repeat; width:188px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.callButtonR:visited { color:#FFFFFF; }


.callButtonLong {background-image: url(../../Public/Design/callOutbuttonlong.jpg); display:block; background-repeat:no-repeat; width:250px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.callButtonLong:hover {background-image: url(../../Public/Design/callOutbuttonlong.jpg); display:block; background-repeat:no-repeat; width:250px; height:28px; padding-top:5px; text-align:left; display:block; color:#ffffff; font-weight:bold; 			                 padding-left:7px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.callButtonLong:visited { color:#FFFFFF; }

#lang           { position: absolute; right: 250px; top: 18px; }
#lang a         { color: #000000; font-size: 14px; font-weight:bold; }
#facebook       { position: absolute; right: 89px; bottom: 1px; visibility:hidden ;}
#twitter        { position: absolute; right: 84px; bottom: 1px; }
#rss            { position: absolute; right: 49px; bottom: 1px; }
#pride          { position: absolute; right: 9px; bottom: 1px; }
#news           { position: absolute; right:45px; bottom:7px; font-size: 10pt;}
#news2          { position: absolute; right:85px; bottom:7px; font-size: 10pt;}
 
#welcomecontainer  { position: relative; width: 270px; color: #000000; }
#welcomebg         { position:absolute; top:0px; left:0px; width: 100%; height: 280px; filter:alpha(opacity=70); opacity:0.7;  background-color: #ffffff;}
#welcome           { position:absolute; top:0px; left:0px; height: 258px; width:248px; margin:3px; padding:7px; border: solid 1px #ffffff; }
#welcomelogo       { position:absolute; bottom:0px; right:0px; } 
#welcomebutton     { position:absolute; bottom:50px; right:0px; height:18px; width:174px; padding: 5px 8px; vertical-align:top; text-align:left; background-image:url(../../Public/Design/Feature_Controls/welcome-button.png); background-repeat:no-repeat; background-position:left top;} 
#welcomebutton a   { color: #ffffff; text-decoration: none; font-size: 10pt; font-weight: bold;}      
.welcometitle      { font-family:arial; font-size: 14pt; color: #0c787a; }



h1                  { font-family:arial; font-size: 14pt; margin-top: 0px; }

/* Twitter */
#twitter_update_list    { padding: 0px; border-bottom: 1px dashed #bbbbbb;}
#twitter_update_list li { list-style:none; padding: 10px 5px; border-top: 1px dashed #bbbbbb;}

#tweet ul           { padding: 0px; margin:0px; border-bottom: 1px dashed #bbbbbb; }
#tweet li           { list-style:none; padding: 10px 5px; border-top: 1px dashed #bbbbbb;}


/*------------- home page snippets ------------*/
.navButton      
{
    margin: 0px; 
    padding: 0px; 
    background-image: url('/Public/Design/Feature_Controls/snippets-button.gif'); 
    position: relative; 
    text-align: left; 
    background-color: #ff9933; 
    width: 315px; 
    background-repeat: no-repeat; 
    background-position: left top; 
    height: 56px;
}