/* CSS Document */

a:link    { font-family: Tahoma,Arial; font-size: 13px; color:#000000; text-decoration:none;}
a:visited { font-family: Tahoma,Arial; font-size: 13px; color:#000000; text-decoration:none;}
a:active  { font-family: Tahoma,Arial; font-size: 13px; color:#000000; text-decoration:none;}
a:hover   { font-family: Tahoma,Arial; font-size: 13px; color:#000000; text-decoration:none;}

.article_date a:active{ font-family: Tahoma,Arial; font-size: 12px; color:#000000;}

.article_title a{ font-family: Tahoma,Arial; font-size: 13px; color:#000066; font-weight:bold;}
.article_title a:link{ font-family: Tahoma,Arial; font-size: 13px; color:#000066; font-weight:bold;}
.article_title a:active{ font-family: Tahoma,Arial; font-size: 13px; color:#000066; font-weight:bold;}
.article_title a:hover{ font-family: Tahoma,Arial; font-size: 13px; color:#000066; font-weight:bold; text-decoration:underline;}
.article_title a:visited{ font-family: Tahoma,Arial; font-size: 13px; color:#000066; font-weight:bold;}

.last_article_title a{ font-family: Tahoma,Arial; font-size: 13px; color:#4F4F4F; font-weight:bold;}
.last_article_title a:link{ font-family: Tahoma,Arial; font-size: 13px; color:#4F4F4F; font-weight:bold;}
.last_article_title a:hover{ font-family: Tahoma,Arial; font-size: 13px; color:#000066; font-weight:bold; text-decoration:underline;}

.article_underline {
	border-bottom:1px solid #CFCFCF;
}

.bingkai_photo {	
	border: 1px solid #A4C4FF;
}

td {
	font-family: Tahoma,Arial; font-size: 13px; color:#000000;
}
input,select,textarea {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-left:2px;
}

.fieldarea {
background: #e0e0e0;
text-align: right;
}

.errorbox {
border: 1px dashed #cc0000;
font-weight: bold;
background: #FBEEEB;
text-align: center;
width: 96%;
padding: 10px;
color: #cc0000;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

#insetbox {
width: 550px;
border: 0px;
border-collapse: 1px;
background-color: #cccccc;
}

td#insetboxmain {
padding: 4px;
background: #efefef;
text-align:center;
}

.button {
color:#000000;
cursor: pointer;
cursor: hand;
height:20px;
font-weight:bold;
background:#808080;
border: 1px solid #505050;
}

.navinput {
border: 1px solid #f0f0f0;
width: 100px;
}

.submitbutton {
color: #ffffff;
cursor: pointer;
cursor: hand;
font-weight: bold;
background-color: #808080;
border: 1px solid #505050;
}

#modernbricksmenu2{
	padding: 0;
	width: 100%;
	border-top: 5px solid #D25A0B; /*Brown color theme*/ 
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 30px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Arial;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}


/*---------------------------------*/

.urbangreymenu{
width: 190px; /*width of menu*/

}

.urbangreymenu .headerbar{
font: bold 11px Arial;
color: white;
background: #990000 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
color: #000000;
}

.urbangreymenu ul li a{
font: normal 11px Arial;
color: #000000;
background: #DFDFDF;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
font-weight:bold;
}

.urbangreymenu ul li a:visited{
color: #000000;
font: bold 11px Arial;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
font: bold 11px Arial;
color: white;
background: #333333;
}

/*-------------------------------------------*/

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 90%;
font: bold 12px Arial;
}

.arrowlistmenu ul li a:visited{
color: #A70303;

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/*----------------------------------------------------------*/
.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Tahoma,Arial;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.ubercolortabs a{
float: left;
color: white;
background: #804000 url(media/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(media/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}