/* layouts */
body {
margin:0;
padding:0;
background:#A452A2;
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-size:13px;
line-height:1.4;
}
a {
color:#A452A2;
padding:2px;
font-weight:bold;
}
a:hover {
text-decoration:underline;
color:#663399;
background:#CCCCCC;
padding:2px;
font-weight:bold;
}
h3 {
background:url(../images/h3bg.gif) left top no-repeat;
padding:3px 10px 0 10px ;
margin-bottom:20px;
}
hr {
border-bottom:1px solid #fff;
color:#FFFFFF;
height:0;
margin-bottom:5px;
margin-top:5px;
}

#contentwrapper{
width: 800px;
margin:auto;
padding:2px;
background:#fff url(../images/wrapperbg.gif) repeat-x;
border-left:#663366 1px solid;
border-right:#663366 1px solid;
border-bottom:#663366 1px solid;
}

#header {
height:130px;
background:url(../images/topbanner.jpg) top right no-repeat;
padding:6px;
width:auto;
clear:both;
margin-bottom:25px;
border-bottom:#996699 5px solid;
}
#leftcol {
width:200px;
float:left;
margin-left:5px;
padding:5px;
margin-right:4px;
border-right:#EFEFEF 1px solid;
}
#maincol {
width:68%;
float:right;
padding:10px;
margin-right:5px;
margin-left:5px;
}
#footer {
height:60px;
color:#FFFFFF;
clear:both;
width:auto;
background:#2C8098;
margin-top:20px;
padding:25px;
}
#footer a{
color:#fff;
font-weight:normal;
text-decoration:none;
}
#footer a:hover{
color:#000;
font-weight:normal;
text-decoration:none;
}

/*- Menu Tabs 4--------------------------- */

#tabs4 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
}
#tabs4 ul {
margin:0;
padding:10px 10px 0 5px;
list-style:none;
}
#tabs4 li {
display:inline;
margin:0;
padding:0;
}
#tabs4 a {
float:left;
background:url("../images/tableft4.gif") no-repeat left top;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}
#tabs4 a span {
float:left;
display:block;
background:url("../images/tabright4.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#6B78A9;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span {
color:#6B78A9;
}
#tabs4 a:hover {
background-position:0% -42px;
}
#tabs4 a:hover span {
background-position:100% -42px;
}
#tabs4 #current a {
background-position:0% -42px;
}
#tabs4 #current a span {
background-position:100% -42px;
}

/* left menu starts here*/

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

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
border-top:#FFFFFF 2px solid;
border-bottom:#FFFFFF 1px solid;
background: #6699CC;
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*/
}

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

.urbangreymenu ul li a:visited{
color:#000;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background:#A452A2;
}
#slidehome {
width:auto;
height:200px;
padding:4px;
border:#CCCCCC 1px solid;
}
#newsbox{
margin-bottom:10px;
padding-left:10px;
clear:both;
border-bottom:#EFEFEF 1px solid;
}
#pagination {
background:#F0F0F0;
padding:5px;
margin-bottom:5px;
margin-top:8px;
clear:both;
}

/* starting elements elements */
.logo {
float:left;
}
.slideimg{
margin:0;
padding:0;
}
.newstitle {
font-weight:bold;
font-size:14px;
color:#333366;
}
.newsthumb {
float:left;
height:80px;
width:80px;
margin-right:5px;
border:#EFEFEF 1px solid;
}
.readmoreimg{
border:0;
margin-left:300px;
margin-right:5px;
clear:both;
}
.date {
font-size:10px;
font-style:italic;
color:#666666;
}
.floatleft{
float:left;
margin-right:5px;
}
.floatright {
float:right;
margin-left:5px;
}