/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* TEXT */
h1, h2, h3{ }
h1 { font:24px Verdana, Geneva, sans-serif; font-weight:normal; padding-bottom:10px;}
h2 { font:18px Verdana, Geneva, sans-serif; font-weight:normal; padding-top:6px; padding-left:12px;}
h3 {}
h4{}
h6 {}
/* FLOATS */
.fltlft { float:left;}
.fltrt { float:right;}
.clrflt { clear:both; line-height:1px; font-size:1px;}
.clear { clear:both;}
p{ padding-bottom:10px; line-height:14px;}

body{ background:#FFF; font:12px Verdana, Geneva, sans-serif; color:#000; line-height:16px;}
#container{ width:1026px; margin:0 auto; padding:0 0 0 0;}
#header{ height:276px; background:#FFF url(images/header_img.jpg) no-repeat;}

#home{ background:#dad9d5;}
.menu {
background:none repeat scroll 0 0 transparent;
height:35px;
overflow:hidden;
padding-left:17px;
padding-right:13px;
}
.menu ul{
font: bold 20px Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.menu li{
display: block;
float:left;
margin: 0 3px 0 0;
padding:0px 0 0 0;

}


.menu a {
background:url("images/left_corner.gif") 0 0 no-repeat;
color:#565ba6;
float:left;
font-size:17px;
font-weight:bold;
margin:-2px 0px 0 0;
height:35px;
padding:0px 0 0px 4px;
text-decoration:none;


}
.menu a:hover , .menu a.active{background-position:0 -35px;}

.menu a span {
background:url("images/right_corner.gif") right 0 no-repeat;
cursor:pointer;
display:block;
float:left;
height:25px;
text-align:center;
padding:10px 15px 0;
}

.menu a span:hover , .menu a span.current_page_item { background-position:right -35px; color:#fff;}

.menu a span{
float: none;
}



.menu a:hover, .menu li.selected a,  {
color: white;background-position:0 -35px;
}
.menu li a span.active{background-position:right -35px;}


.menu a:hover span{
background-color: #9a87b5;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
margin-left:17px; margin-right:19px; margin-top:-2px;
height: 6px;
line-height: 6px;
background: #53c1e0; /*background color of horizontal line*/
}



#wrapper{ width:1010px; padding-left:16px; padding-top:2px; background:#dad9d5;}
.wrapper_left{ width:688px;}
.wrapper_top{ width:653px; background:url(images/wrapper_top_bg.png) repeat; height:auto; padding-top:10px; padding-left:20px; padding-right:20px}
.text{ width:341px;}
.photo{ width:304px;}
.photo_left{ width:291px;}
.text_01{ width:344px; padding-right:10px;}
.text_02{ padding:0 10px 30px 0;}

.wrapper_bottom{ width:693px; background:url(images/wrapper_bottom_bg.png) no-repeat; height:45px;}

.wrapper_right{ width:320px; margin-right:0px; padding-left:0;}
.live{ width:320px; height:101px;}
.box{ width:320px;}
.pink_box{ background:url(images/pink_box.png) no-repeat; height:34px;}
.middle{ background:url(images/1.png) repeat-y; min-height:90px; padding:20px 0 0 15px;}
.middle h1{font-size:10px;}
.middle ul{ padding:0; margin:0; list-style:none; width: 90%;}
.middle ul li a{ font-size:10px; line-height:15px; text-decoration: none; padding-bottom:10px;}
.bottom{ background:url(images/bottom_bg.png) no-repeat; height:38px;}

#footer{ background:url(images/footer_bg.png) no-repeat; height:72px;}
.nav{height:35px; padding-top:20px; padding-left:20px;}
.nav ul{padding:0; margin:0; list-style:none;}
.nav ul li{ display:inline;font:10px Verdana, Geneva, sans-serif; color:#565ba6;}
.nav ul li a{ text-decoration:none; font:10px Verdana, Geneva, sans-serif; color:#565ba6; line-height:15px;}
.separater{font:15px Verdana, Geneva, sans-serif; color:#565ba6; padding:0 2px 0 2px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#Overlay{margin:0;padding:0;width:100%;height:100%;background-color:#000;position:absolute;top:0;opacity:0.5;z-index:999;}
