@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:none;}
th{text-align:left;}
p{padding:5px  0 10px;}
.category td,.category th{padding:3px 7px 2px;}
#container{position:relative;z-index:100;background:url("../images/bg.png") no-repeat scroll 50% 0 transparent;}
pre{font-size:85%;padding-left:20px;}
img#bg {min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;}
.content img{background:#fff;border-bottom:2px solid #D1AD80;padding:4px;margin:5px;}
a,a:hover{color:#781023;text-decoration:none;}
#logo h1,#logo h2{padding:0;text-shadow:4px -4px 14px #FFF;}
#left h3,#right h3{padding:0;}
h1,h2,h3,h4,h5{padding-top:10px;}
.inputbox{border:1px solid #DDD;padding:4px;}
#system-message{padding-top:30px;margin:0}
.contentpane{background:transparent;}
#logo h1,#logo h1 a,#logo h1 a:hover{font-size:200%;color:#781023;}
#slogan h2,#slogan h2 a,#slogan h2 a:hover{font-size:90%;color:#000;}
.componentheading{font-size:200%;}
.contentpagetitle{font-size:100%;}
ul {list-style-type:circle;padding-left:22px;}
#wrapper{position:relative;z-index:2;padding:0 20px;}
#header{width:100%;padding:0;height:110px;}
#logo{float:left;z-index:20;height:90px;}
#search{position:relative;top:15px;float:right;clear:right;}
#search .button{border:0;margin:0;padding:2px 8px 3px;}
#user123,#user45,#user678,#user91011{display:inline-block;}
#user1,#user2,#user3,#user4,#user5,#user6,#user7,#user8,#user9,#user10,#user11{float:left;padding:10px;}
#main{z-index: 1;margin:113px 0 0 3px;margin-left:auto;margin-right:auto;width:100%;display:inline-block;
background-image:url('../images/trans75p.png');
}
#content{display:inline-block;}
#social{float:right;margin:1px 5px 0;}
#top{z-index:20;color:#fff;right:20px;width:250px;display:block;float:right;}
#top div.moduletable{float:right;padding-bottom:0;}
#top div.moduletable:hover,#top div.moduletable:active{color:#000;background:#fff;}
#top h3{color:#000;padding:2px 10px;font-size:100%;border:0;margin:0;}
#top .modulecontent{position:absolute;left:-999em;height:auto;width:auto;padding:15px;background:#fff;border:#eee 1px solid;margin:0;color:#000;}
#top .moduletable:hover form,#top .moduletable:hover table,#top .moduletable:hover div{left:auto;z-index:6000;}
#footer{border-top:3px solid #767676;margin: 10px 0 0 0;background:#0D0D0D;color:#fff;text-align:center;padding:10px;}
#footer li a{color:#fff;}
#footer li a:hover{color:#eee;background:#202020;}

#beforecontent{padding:3px 8px;background:url("../images/bar.png") repeat-x scroll 50% 50% transparent;color:#777;display:block;height:25px;}
.iteminfo{display:inline-block;float:left;padding-right:5px;}
.buttonheading{float:right;padding-top:2px;}
.buttonheading img{padding-left:4px;}

#beforecontent2{padding:2px 3px 0;display:block;font-size:80%;height:15px;}
#beforecontent3{float:right;font-size:100%;color:#777;}

.createdate{display:block;float:left;width:60px;}
#day{font-size:165%;float:left;line-height:120%;padding-right:2px;}
#month{font-size:70%;display:block;line-height:110%;padding-top:3px;text-transform:uppercase;}
#year{font-size:70%;display:block;line-height:110%;}


#content-social{display:inline-block;height:25px;}
#facebook{display:block;float:left;padding:1px 4px 0 0;}
#twitter{display:inline-block;padding-top:2px;}

.contentheading{font-weight:bold;font-size:220%;text-decoration:none;color:#000;}
.article-content{padding-bottom:8px;}
.readon{background:#9A2016;padding:4px 10px;display:inline-block;}
a.readon,a.readon:visited,.areadon:hover,a.readon:active{color:#fff;}


#right{float:right;padding:10px 0 0 20px;}
#left{float:left;padding:10px 20px 0 0;margin-right:20px;}
.moduletable_menu,.moduletable_text,.moduletable{padding-bottom:35px;}
.moduletable h3,.moduletable_menu h3,.moduletable_text h3{font-weight:normal;border-bottom:4px double #B09370;text-transform: uppercase;margin-bottom:5px;}
.moduletable ul,.moduletable_menu ul{padding:0;list-style:none;}
.moduletable li a:link,.moduletable li a:active,.moduletable li a:visited,.moduletable_menu li a:link,.moduletable_menu li a:active,.moduletable_menu li a:visited{display:block;margin: 0;padding:6px 10px 6px 12px;color: #000;}
.moduletable li a:hover,.moduletable_text li a:hover,.moduletable_menu li a:hover{color: #781023;background: #f8f8f8;}
.button,button.validate{display:inline-block;margin-right:5px;background:#2a2a2a;text-align:center;font-size:100%;color:#fff;border:3px solid #DDD;padding:3px 8px;margin:2px;cursor:pointer;}
.button:hover,.pagination li:hover,button.validate:hover{}
ul.pagination{list-style:none;text-align:center;padding:20px 0 0;}
.pagination li{display:inline;}
.pagination li a{margin-right:5px;background:#2a2a2a;text-align:center;font-size:100%;color:#fff;border:3px solid #DDD;padding:4px 8px;margin:2px;font-weight:normal;display:inline-block;}
.pagination span{margin-right:5px;background:#ddd;text-align:center;font-size:100%;color:#000;padding:4px 8px;margin:2px;font-weight:normal;display:inline-block;}
.pagination li a:hover,.pagination li a:active{color:#fff;}
#copyright{text-align:center;margin-top:2px;}
#copyright a{text-decoration:none !important;color:#909090 !important;font-size:100%;}

#mainmenu{
background: url("../images/bar.png") repeat-x scroll 0 0;
width: 100%;
clear:left;
font-size:18px;
z-index:100;
display:block;
position:relative;
top:97px;
}
#mainmenu ul{
z-index:100;
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
display:inline-block;
width:100%;
}

#mainmenu ul ul{
width: 175px; /*width of sub menus*/
background: #efefef;
margin:0;
padding:0;
}
/*Top level list items*/
#mainmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
#mainmenu ul li a{
display: block;
color: black;
padding:4px 10px 3px;
color: #2d2b2b;
text-decoration: none;
margin:3px 0;
}

#mainmenu .parent>a{
background: url("../images/arrow-down.png") no-repeat scroll 100% 50%;
padding-right:23px;
}

* html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

#mainmenu ul li a:link, #mainmenu ul li a:visited{
color: black;
}

#mainmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #efefef;
color: black;
}

#mainmenu ul li a:hover{
background: #efefef; /*background of menu items during onmouseover (hover state)*/
color: black;
}
#mainmenu .parent>a:hover,#mainmenu ul li>a.selected{
background: url("../images/arrow-down.png") no-repeat scroll 100% 50% #efefef; /*background of menu bar (default state)*/
}
	
/*1st sub level menu*/
#mainmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#mainmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#mainmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
#mainmenu ul li ul li a{
width: 155px; /*width of sub menus*/
padding:9px 10px 4px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #c1c1c1;
}

#mainmenu ul li ul li a:hover{
background:#f8f8f8;
}

/* Holly Hack for IE \*/
* html #mainmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
z-index:20;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}