body {
	margin: 0;	background-color: #0A1616;}

/* MASTER CSS ___________________________________*/

body,td,th {
font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; 	font-size:12px;	color: #DCDAD7; }

a:link, a:visited, a:active {text-decoration: none; color:#00809B;}
a:hover {text-decoration: underline; color: ##00809B;}

ul, li, h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
h1 { color: #FFFFFF; font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { color: #FFFFFF; font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { color: #FFFFFF; font-size: 13px; line-height: 18px; }
h4 { color: #FFFFFF; font-size: 10px; line-height: 18px; }

.img { padding: 5px 10px 10px 10px;}
.bg-romyia {background:url(../images/bg_romyia.png) top center no-repeat;} 
.bg-romyia-internal {background:url(../images/bg_romyia_internal.png) top center no-repeat;} 

/* FLOATING DIV CITY _____________________________________________________*/
/* http://www.sitecrafting.com/blog/to-center-div */
#city-romyia, #container { height:302px; width: 100%;  }
#city-romyia { bottom: 50%;	right: 50%;	position:absolute;}
#container { 
	left: 50%; position: relative;	
	top: 450px; /*original default 50% */
	background:url(../images/city-romyia.png) no-repeat center;}
	
.padding-right { padding: 15px 8px 8px 8px; height:100px; background:url(../images/bg_black_transparent.png)}
.padding-bottom { padding-bottom: 10px}
.padding-top { padding-top: 20px}


/* COLORS & BORDERS _____________________________________________________*/
.aqua {color: #09C8DD;}
.gray {color: #999999;}
.border-sponsor { border: dotted 1px #CCCCCC; color:#999999; padding:5px; font-size:11px; }
.rust {color: maroon;}


#intro { 
 	width: 500px; 
	margin: 0; padding:0; text-align: left; 
	}
	
#intro img { padding: 20px}

#intro h1{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px !important;
	line-height: 12px;
	padding:20px 0 0 20px;
	/*left:10px!important;
	position:absolute;
	top:175px!important;*/
}

#intro h2 {
	color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;
	font-weight:bold; font-size:24px !important;
	padding: 0 0 0 20px;
	/*left:12px!important;
	position:absolute;
	top:187px!important;*/
}

#intro h3 {
	color:#FFFFFF;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:13px !important; font-weight:normal; padding: 0 0 0 20px;
	}


/* NAVIGATION TABS _________________________________ */
a.tabroll {
	color:#FFFFFF;
	display: block; padding-top:6px; padding-bottom:6px;
	width: 125px; height: 18px;/* 30px; 6px + 6px + 18px */
	background: url(../images/tab_navigation.png) no-repeat;
	text-decoration: none; 
}

a:active.tabroll {text-decoration: none;}
a:link.tabroll {text-decoration: none;}
a:visited.tabroll { text-decoration: none;}
a:hover.tabroll {background-image:url(images/tab_navigation_hover.png) no-repeat; color: #E6E6E6;}

/* Red tabroll___________________________ */
a.tabroll-red {
	display: block;
	padding-top:6px;
	padding-bottom:6px;
	width: 125px;
	height: 18px;
	background: url(../images/tab_navigation_red.png) no-repeat;
	text-decoration: none;
}

a:active.tabroll-red {color:#FFFFFF; text-decoration: none;}
a:link.tabroll-red {color:#FFFFFF; text-decoration: none;}
a:visited.tabroll-red {color:#FFFFFF;text-decoration: none;}
a:hover.tabroll-red {background-image:url(images/tab_navigation_hover.png) no-repeat;  }


/* BUBBLE POP-UP_____________________________________*/
/* Bubble pop on Contact navigation Button           */ 
#bubble-pop {
	color:#FFFFFF;
	display: block; padding-top:6px; padding-bottom:6px;
	width: 125px; height: 18px;/* 30px; 6px + 6px + 18px */
	background: url(../images/tab_navigation.png) no-repeat;
	text-decoration: none; 
}

#bubble-pop a:active{text-decoration: none;}
#bubble-pop a:link {text-decoration: none;}
#bubble-pop a:visited { text-decoration: none;}
#bubble-pop a:hover. {background-image:url(images/tab_navigation_hover.png) no-repeat; color: #E6E6E6;}

/* MEMBERSHIP  _____________________________________________________ */
.memberships { padding: 30px 12px 30px 12px;}
.memberships li{ margin:0 0 0 10px;}

/* TICKER: HORIZONTAL _______________________________________________ */
#ticker-horizontal { 
	 height: 40px; color: #999999; font-size:13px; 
	/* background:#000000;*/
	background: url(../images/bg_gray_transparent.png) repeat-x;
}

#ticker-horizontal a:active{color:#CC9900; text-decoration: underline;}
#ticker-horizontal a:link{color:#CC9900; text-decoration: underline;}
#ticker-horizontal a:visited  {color:#CC9900;text-decoration: underline;}
#ticker-horizontal a:hover {color:#CC9900;text-decoration: underline;}

/* ==================================================
 * Fixed Position Banner
 * http://designm.ag/tutorials/fixed-position-banner
 * By Steven Snell
 ===================================================*/	
#bottom-banner-ticker {
display: block;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 40px;
z-index: 999;
text-align: center;
background-color: #000000;
}
#bottom-banner-ticker img {
margin: 0 auto;
border: none;
}
/* END TICKER HORIZONTAL */

/* TICKER:VERTICAL _______________________________________________ */
#ticker-vertical {color:#999999; font-size:12px; padding-top:5px;}

#ticker-vertical a:active{color:#CC9900; text-decoration: underline;}
#ticker-vertical a:link{color:#CC9900; text-decoration: underline;}
#ticker-vertical a:visited  {color:#CC9900;text-decoration: underline;}
#ticker-vertical a:hover {color:#CC9900;text-decoration: underline;}
#ticker-vertical h1 {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px !important; }

/* BASIC BUTTON ________________________________________________ */
a.button-citizen {
	color:#FFFFFF; 
	display: block; padding:2px 0 4px 12px;
	width: 120px; height: 14px;/* 22px; 4px + 4px + 14px */ 
	background:url(../images/button_aqua_gradient.gif) no-repeat;
	text-decoration: none; 
}

.button-citizen a:active {text-decoration: none;}
.button-citizen a:link {text-decoration: none;}
.button-citizen a:visited { text-decoration: none;}
.button-citizen a:hover { background:  background:url(images/button_almost_black.gif) no-repeat; color: #E6E6E6;}

/* REGISTRATION FORM ________________________________________ */
/* Apply for citizenship
*/
.register{
	color:#fff;
	line-height:18px;
}

.register h2 {
	color:#FFFFFF; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal; font-size:22px !important;
	margin-bottom:12px;	padding:10px 0 12px 42px; border-bottom:2px solid #F9F9F9;
	background: url(../images/register_icon.png) no-repeat 0% 0%;
}

.register-title h2 {
	color:#FFFFFF; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal; font-size:22px !important;
	margin-bottom:12px;	padding:10px; border-bottom:2px solid #F9F9F9;
}
.register-mayor-title h2 {
	color:#FFFFFF; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal; font-size:20px !important;
	margin-bottom:12px;	padding:10px 0 25px 40px; border-bottom:2px solid #F9F9F9;
	background: url(../images/microphone_icon.png) no-repeat 0% 0%;
}

/* MESSAGE ALERT_________________________________________*/
#alert { width: 563px; height:250px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, 		
		Verdana, sans-serif; margin: 0; padding:0 40px 0 40px; font-weight:lighter; }

#alert h1{
	color:#4A8E96; background: url(../images/bg_gray_gradient.jpg); 
	font-size:28px !important; 	line-height: 32px; 	padding:40px 0 0 20px;}

#alert a:active, a:link,a:visited {text-decoration: none; color:#DCDAD7;}
#alert a:hover {text-decoration: underline; color:#DCDAD7;}
	
/* FOOTER_________________________________________*/
.footer-xy { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:11px; color:#999999; width:100%; padding:15px 0 35px 0;}
.footer-xy a{ color:#00809B; }
.footer-xy a:hover{ color:#00809B; }