﻿body { margin:0px; background-image: url('images/bkg.jpg'); background-position:top center; 
       background-repeat: no-repeat; background-color:#fff;
       font-family: Arial, Sans-Serif; font-size:12px; text-align:center; }
h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px;}
h1 { font-size:30px; font-weight:normal; }
h2 { font-size:24px; font-weight:normal; margin: 5px 0px 10px 0px; }
h3 { font-size:20px; font-weight:bold; margin: 5px 0px 10px 0px;}
h4 { font-size:18px; font-weight:normal;  margin: 5px 0px 10px 0px;}
h5 { font-size:14px; font-weight:bold;  margin: 5px 0px 10px 0px;}
h6 { font-size:14px; font-weight:normal; margin: 5px 0px 10px 0px; }
h7 { font-size:10px; font-weight:normal; margin: 5px 0px 10px 0px; }
p {margin:10px 0px; padding:0px;}


#container { margin:0px auto; width:960px; text-align:left;}
.clear {float:none; clear:both;}

/* TOOLBOX */
#toolboxBar { background-color:#3B3C40; height:10px; display:block;}
#toolbox {background: transparent url('images/top_menu_bkg_right.png') no-repeat scroll top right; 
          float:right; display:block; height:31px; padding-right:5px; margin-left:20px; color:#BFBFC1;}       
#toolbox span {background: transparent url('images/top_menu_bkg.png') no-repeat; display: block; 
               padding: 0 0 10px 20px; line-height:27px;}       
#toolbox a {color: #FDC645; text-decoration:none; margin-right:15px;}       
#toolbox a:hover {text-decoration:underline;}       
#toolbox .searchBox {border-width:0px; background-image:url('images/search_bkg.png'); 
                     background-repeat:repeat-x; width:150px; height:18px; padding:0 20px 0 0;}
#toolbox .searchButton {position:relative; left:-20px; top:4px;}

/* HEADER */
#header {display:block; padding: 0 0 10px 0;}
#header .logo { margin-top:5px;}
#header .ads { margin-top:35px; float:right;}
#header h2 { font-size:14px;font-weight:bold;}

/* NAVIGATION */
#menu {display:block;margin-bottom:50px;}
#menu ul { margin:0px; padding:0px; list-style:none;}
#menu li { float:left; background:url('images/tab_inactive.png') no-repeat left top; margin:0; padding:0 0 0 20px; margin-right:5px;}
#menu a { float:left; display:block; background:url('images/tab_inactive_right.png') no-repeat right top;
		  padding:5px 20px 5px 0px; text-decoration:none; font-weight:bold; color:#11568b;}
#menu a {float:none;} /* hack */
#menu a:hover { color:#000; }
#menu li.selected { background-image:url('images/tab_selected.png'); border-width:0;}
#menu li.selected a { background-image:url('images/tab_selected_right.png'); color:#fff; padding-bottom:5px; }

#menu ul ul { background-color:#3b3c3f; color:#f2f5f8; display:none; padding:0px; margin:0px; width:960px; 
              position:absolute; left:0px;}
#menu li.selected ul { display:block; }
#menu ul ul li, #menu .selected li { background-image:none; padding:4px; margin: 1px; }
#menu ul ul li a, #menu .selected li a { background-image:none; padding:0px; margin: 0px 5px; font-weight:normal; }
/*#menu ul ul li a:first-child, #menu .selected li a:first-child { margin: 0 0 0 10px; }*/
#menu ul ul li a:hover, #menu .selected li a:hover { text-decoration:underline; color:#fff; }
#menu li ul li.selected { background-image:url('images/submenu_selected.jpg'); border-width:0; background-repeat:repeat-x;}

/* MAIN CONTENT AREA */
#main {border:solid 1px #636469; margin:0px; background-color:#F2F6F9; display:block; padding:10px;}

/* LEFT MENU */
#main .sideMenuHidden {display:none;}
#main .sideMenu {float:left; width:140px; margin:0 5px 0 0; padding:0px;}
#main .sideMenu a { display:block; color:#11568D; padding:3px 5px; margin-bottom:1px; border:solid 1px transparent;
                    text-decoration:none;}
#main .sideMenu a:hover, #main .sideMenu a.selected { background-color:#D0DADC; border:solid 1px #9CB5D3;}

/* CONTENT */
#main #content { float:left; width:640px; padding:5px; margin:0 10px 0 0; border:solid 1px #9A9A9A;
                 background-image:url('images/content_bkg.png'); background-position:top; background-repeat:repeat-x;}
#main #content .box { padding:5px; margin-bottom:10px; border:solid 1px #9A9A9A; display:block; width:630px; overflow:hidden;
                      background-image:url('images/content_bkg.png'); background-position:top; background-repeat:repeat-x;}

#main #content #lhsBox { float:left; width:298px; padding:5px; margin:0 10px 10px 0; border:solid 1px #9A9A9A;
                 background-image:url('images/content_bkg.png'); background-position:top; background-repeat:repeat-x;}

#main #content #rhsBox { float:left; width:298px; padding:5px; margin:0 0 10px 10px; border:solid 1px #9A9A9A;
                 background-image:url('images/content_bkg.png'); background-position:top; background-repeat:repeat-x;}

#main #content #lhsBox ul, #main #content #rhsBox ul {padding:0 0 0 10px; margin:0 0 0 10px; list-style-type:square;}
#main #content #lhsBox ul li, #main #content #rhsBox ul li {padding:5px;}
#main #content #lhsBox ul li a,#main #content #rhsBox ul li a {display:block; color:#12558C; text-decoration:none;font-weight:bold;}
#main #content #lhsBox ul li a:hover,#main #content #rhsBox ul li a:hover { text-decoration:underline;}
#main #content #lhsBox ul li .feedPubDate, #main #content #rhsBox ul li .feedPubDate  {font-size:10px;  font-style:italic; display:block; color:#606060}

/* SIDEBAR */
#main #sidebar { float:left; width:270px; }
#main #sidebar .box { padding:10px; margin-bottom:10px; border:solid 1px #9A9A9A; display:block; width:250px; overflow:hidden;
                      background-image:url('images/content_bkg.png'); background-position:top; background-repeat:repeat-x;}
#main #sidebar .box a {border:0px;}
#main #sidebar .box a img {border:0px;}


#sidebar #feeds div { float:left; }                      
#sidebar #feeds #feedsText { font-size:16px; width:100px; margin: 0 10px 0 10px; color:#C44000; font-weight:bold;}
#sidebar #feeds a { color:#C44000; text-decoration:none;}
#sidebar #feeds a:hover { text-decoration:underline;}
#sidebar #feeds #feedBurner {margin:10px 0 0 0;}
#sidebar #feeds p {display:block; float:none; clear:both; padding:10px 0 0 0;}

#sidebar .featuredContent img { float:left; margin: 0 5px 0 0; width:45px;height:45px;}
#sidebar .featuredContent a { display:block; color:#0F568C; text-decoration:none; font-weight:bold;}
#sidebar .featuredContent a:hover { text-decoration:underline;}
#sidebar .featuredContent p { width:100%; overflow:hidden;}
.ads250 {margin:5px 0px;}
.blogdoc {margin:5px 0px 10px 0px;}
.image_button {border:0px; color:Red;}

/* AUTHORS */
.authors { width:100%;}
.authors td { vertical-align:top;  width:50%; padding:5px 10px 5px 10px; }
.authors td:hover { background-color:#DEE2E5; background-image:url(images/author_hover_bkg.jpg); 
                    background-position: top left; background-repeat:no-repeat;}
.authors td img { margin: 7px 0 0 7px; }
.authors td p { margin:0 0 0 7px; }
.authors td a { color:#12558C; font-weight:bold; text-decoration:none;}
.authors td a:hover { text-decoration:underline; }
.authors .authorsThumbnail {width:50px; height:50px;margin: 0 10px 10px 0; background-image:url(images/author_bkg.png); float:left;}
.authors .authorsThumbnail img {width:36px;height:36px;}
.authors .feedTitle {font-size:12px; font-weight:normal; display:block; color:#C44000}
.authors .feedPubDate {font-size:10px;  font-style:italic; display:block; color:#606060}

/* BOOKS / VIDEOS / ARTICLES*/
/* BOOKS: Used with side menu (2 column) and has its own image to represent*/
/* VIDEOS: User with side menu (2 column) and to displayed with default image */
/* ARTICLES: No Side menu (1 column). */
.rightContent2Column { float:left; width:480px;}
.rightContent1Column { float:left; width:620px;}

.books, .video, .articles { width:100%; overflow:hidden; margin-bottom:20px;}
.books .description h5, .video .description h5, .articles .description h5 {margin: 0px; padding:0px;}
.books .description h5 a, .video .description h5 a, .articles .description h5 a{color:#940E23;font-size:12px; font-weight:bold;}
.books .description h5 a:hover, .video .description h5 a:hover, .articles .description h5 a:hover { text-decoration:underline;}
.books .description .author, .video .description .author, .articles .description .author {margin: 0 0 10px 0; font-style:italic; color:#B55646;}
.books .description .pubDate, .video .description .pubDate, .articles .description .pubDate {margin: 0 0 10px 0; font-style:italic; color:#606060;}

.books .thumbnail, .articles .thumbnail { float:left; width:100px;}
.books .thumbnail img {width:96px;height:72px;}
.books .description  {float:left; width:375px;text-align:justify;padding-left:5px}

.video .thumbnail { float:left; width:50px;}
.video .thumbnail img {width:45px;height:45px;}
.video .description  {float:left; width:425px; text-align:justify;padding-left:5px}

.articles .thumbnail { float:left; width:50px;}
.articles .thumbnail img {width:45px;height:45px;}
.articles .description {float:left; width:565px; text-align:justify;padding-left:5px}

.books .description .text, .video .description .text, .articles .description .text { margin-top: 10px;}
.books .description .text ul,.video .description .text ul, .articles .description .text ul {margin:5px; padding:5px;}
.books .description .text ul li,.video .description .text ul li, .articles .description .text ul li{list-style-type:square;}

/* FOOTER */
#footer { margin: 20px 0 0 0; background-image:url('images/footer_bkg.png'); background-repeat:repeat-x; background-position:top; padding:20px;
          font-size:11px; color:#fff; background-color:#636469; text-align:center;}
#footer p {margin:0px auto; padding:0px; width:960px; text-align:left; }         
#footer a {color:#FCC743; text-decoration:underline;} 
#footer a:hover {color:#FCC743; text-decoration:none;} 
