html, body 
{
	margin: 0;
	padding: 0;
}

html
{
    font-family: helvetica, verdana, Sans-Serif;
    font-size: 1em;
}

body 
{
	background-color: #99cdff;
}

form
{ display: inline; }


img
{ border: 0px; }

a
{
    color: #355EA0;
    text-decoration: none; 
}

a:hover
{
    text-decoration: underline;
    color: #FF6600;
}

a:visited
{ }
        
table
{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

tr
{ }

th
{ 
	font-weight: bold; 
	font-size: 0.85em;
}

td
{
	vertical-align: top;
	font-size: 0.85em;
	padding: 5px;
}

label
{font-weight: bold;}

h1 
{
    padding: 0px;
    margin: 0px;   
}

h2 
{
    padding: 0px;
    margin: 0px; 
}

h3 
{
    padding: 0px;
    margin: 0px;  
}

h4 
{
    padding: 0px;
    margin: 0px;  
}

.button
{
	border: 1px solid black;
	background-color: #F0F0F0;
}

/****************************************************************************/

#wrapper
{
    width: 860px;
    margin: auto;
    border-left: 2px solid black;
    border-right: 2px solid black; 
}

/********* Toolbar *********/
#toolbar
{
    background-color: #d0d0d0; 
    background-image: url('images/toolbar.jpg');
    background-repeat: repeat-x;
    background-position: top;
    font-size: 0.8em;
}

#toolbar .inner
{
    text-align: right; 
    padding: 2px; 
    padding-left: 5px; 
    padding-right: 5px;   
}

#toolbar a
{
    color: Black;   
}

#toolbar span
{
  
}



#header
{   
    /*background-image: url('images/header_bground.jpg');*/
    background-color: #00a6d9;
    height: 80px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

#footer
{
    clear: both;
    background-color: #00a6d9;
    border-top: 2px solid black;
	border-bottom: 2px solid black;
    text-align: center;
    font-size: 0.75em;
    color: White;
  
}

#navBar
{
    background-color: #6ccff6;
    border-bottom: 2px solid black; 
    margin-left: auto;
    margin-right: auto; 
}

#navBar .inner
{  
    padding: 2px;
    font-size: 1em;
}

#navBar a
{
    color: #2266AA;
    text-decoration: none;
    padding: 5px;
    font-weight: bold;
    color: White;
}

#navBar a:hover
{
    text-decoration: underline;
}

#navBar a:hover
{
    text-decoration: underline;
}

#navBar ul
{
    padding: 5px;
    list-style: none;
    margin-left: 0px;
    display: block;
}

#navBar ul li
{

}

#middle
{
    clear: both;
    float: left;
    background-color: white;
    padding: 5px;
    width: 850px;
}

#middle #content
{
    float: left;
    width: 546px;
}

#middle #content2
{
    float: left;   
    width: 100%;
    background-color: white
}


#pageHeading
{
    font-size: 1.25em; 
    margin-bottom: 10px;
    border-bottom: 1px solid black;
}


/**************** Articles *****************/
#content .inner, #content2 .inner
{
    padding: 5px;    
}

#articles /* <div class="inner" id="articles"> */
{

}

#articles h1
{

}

#articles
{
    clear: both;   
}

#articles .divider
{
    padding: 5px 0px 5px 0px;
    margin-bottom: 15px;
    line-height: 1em;
    /*background-image: url('images/divider.gif');
    background-position:bottom left;
    background-repeat: repeat-x;*/
}

#articles .article
{
    
}

#articles .article h2
{
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;  
    font-weight: normal;
    /* border-bottom: 1px solid #355EA0; */
}

#articles .article h2 a
{
    text-decoration: underline;    
}

#articles .article h2 a:hover
{
    text-decoration: underline;  
}

#articles .article .postedBy
{
    font-size: 0.75em;
    color: #666666;   
    padding: 2px 0px 2px 0px; 
}


#articles .article .content
{
    font-size: 0.85em;   
    line-height: 1.5em; 
}

#articles .article .content a
{
   font-weight: bold;
   text-decoration: none;     
}

#articles .article .content a:hover
{
   font-weight: bold;
   text-decoration: none;     
}

#articles .article .content p
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
}

#articles .article .footer
{
    
}

#articles .article .footer .readMore
{
    font-size: 0.8em;
    float: left; 
    text-align: left; 
    width: 50%;    
}

#articles .article .footer
{
    font-size: 0.8em;
    text-align: left; 
    width: 50%;      
}


/*******************************************/


/**************** Comments *****************/
#comments
{
    
}

#comments .divider
{
    padding: 5px 0px 5px 0px;
    margin-bottom: 15px;
    line-height: 1em;
    /*background-image: url('images/divider.gif');
    background-position:bottom left;
    background-repeat: repeat-x;*/
}

#comments h2.comment-header
{
    color: #355EA0;
    font-weight: bold;
    font-size: 1.0em; 
    border-bottom: 1px solid;
}

#comments .comment
{
   padding: 5px;
   margin-bottom: 5px; 
}


#comments .comment1
{
    border: 1px solid #DDDDDD;
    background-color: #F8F8F8;
}

#comments .comment2
{
    border: 1px solid #C0D8F3;
    background-color: #EBF5FF;
}

#comments .comment h3
{
    font-weight: bold;
    font-size: .95em;
    color: #666666;    
    padding: 0px;
    margin: 0px;
}

#comments .comment .postedBy
{
    font-size: 0.75em;
    padding: 2px 0px 2px 0px;
    color: #666666;    
}

#comments .comment .content
{
    font-size: 0.85em;      
}

/*******************************************/

#webdir 
{
        
}

#webdir h1
{
    font-size: 1.25em; 
    margin-bottom: 10px;
    border-bottom: 1px solid black;
}


#webdir table {}

#webdir table td 
{
    padding: 4px;    
}

#webdir table td a
{
    font-weight: bold;
    text-decoration: underline;
}
/*************** Links ******************/
#links {}

#links h1
{
    font-size: 1.25em; 
    margin-bottom: 10px;
    border-bottom: 1px solid black;
}

#links .divider
{
    padding: 5px 0px 5px 0px;
    margin-bottom: 15px;
    line-height: 1em;
    /*background-image: url('images/divider.gif');
    background-position:bottom left;
    background-repeat: repeat-x;*/
}

#links .link
{
    
}

#links .link h2
{
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;  
    /*border-bottom: 1px solid #355EA0;*/
    font-weight: normal;
}

#links .link h2 a
{
    text-decoration: underline;       
}

#links .link h2 a:hover
{
    text-decoration: underline;   
}

#links .link .stats
{
    font-size: 0.75em;
    color: #666666;   
    padding: 2px 0px 2px 0px; 
}


#links .link .content
{
    font-size: 0.85em;   
    line-height: 1.5em; 
}

/*******************************************/

#middle #content .inner .msgboard
{
    background-color: White;
 
}

#middle #content .inner .forum,
#middle #content2 .inner .forum
{
    background-color: White;
    border: 1px solid black;   
}


#middle #content .inner .forumposts,
#middle #content2 .inner .forumposts
{
    background-color: White;
 
}

.msgboardpostTitle
{
	font-weight: bold;
}

/*************** User Profile ******************/
#middle #content .inner .userProfile
{
    padding: 10px;   
    font-size: 0.8em;   
}

#middle #content .inner .userProfile table td
{
    padding: 2px;   
}
/*******************************************/

/*******************************************/
#middle #content2 .inner .registration,
#middle #content2 .inner .pnlLogin
{
    padding: 5px 10px 10px 10px; 
}

#middle #content2 .inner .registration h3,
#middle #content2 .inner .pnlLogin h3
{
    font-weight: normal;
    font-size: 1.5em;
    border-bottom: 1px solid black;
    width: 50%;
    margin-bottom: 5px;
}

#middle #content2 .inner .registration table,
#middle #content2 .inner .pnlLogin table
{

}

#middle #content2 .inner .registration table td,
#middle #content2 .inner .pnlLogin table td
{
    
}

#middle #content2 .inner .registration input,
#middle #content2 .inner .pnlLogin input
{
    height: 20px;
    font-size: 1em;
}

#middle #content2 .inner .registration label,
#middle #content2 .inner .pnlLogin label
{
    font-size: 1.1em;
}

#middle #content2 .inner .registration #txtEmail
{
    height: 20px;
    width: 380px;
    font-size: 1em;
}


/*******************************************/

/*******************************************/
#middle #content2 .inner #siteSearch
{
    padding: 5px 10px 10px 10px; 
}



#middle #content2 .inner .getPassword
{
    padding: 5px 10px 10px 10px; 
}

#middle #content2 .inner .getPassword h3
{
    font-weight: normal;
    font-size: 1.5em;
    border-bottom: 1px solid black;
    width: 50%;
    margin-bottom: 5px;
}

#middle #content2 .inner .getPassword table
{
    width: 450px;
}

#middle #content2 .inner .getPassword table td
{
    
}

#middle #content2 .inner .getPassword input
{
    height: 20px;
    font-size: 1em;
}

#middle #content2 .inner .getPassword label
{
    font-size: 1.1em;
}






#middle #content2 .inner .submitLink
{
    padding: 5px 10px 10px 10px; 
}

#middle #content2 .inner .submitLink h3
{
    font-weight: normal;
    font-size: 1.5em;
    border-bottom: 1px solid black;
    width: 50%;
    margin-bottom: 5px;
}

#middle #content2 .inner .submitLink table
{

}

#middle #content2 .inner .submitLink table td
{
    
}

#middle #content2 .inner .submitLink input
{
    height: 20px;
    font-size: 1em;
}

#middle #content2 .inner .submitLink #txtEmail
{
    height: 20px;
    width: 380px;
    font-size: 1em;
}

#middle #content2 .inner .submitLink label
{
    font-size: 1.1em;
}





#submitArticle
{
    padding: 5px 10px 10px 10px; 
}

#submitArticle h3
{
    font-weight: normal;
    font-size: 1.5em;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}

#submitArticle table
{

}

#submitArticle table td
{
    
}

#submitArticle .TextBox
{
    height: 20px;
    font-size: 1em;
}

#submitArticle label
{
    font-size: 1.1em;
}

#submitArticle #btnSubmit
{
    border: 1px solid black;
    background-color: #f8f8f8; 
    width: 60px;
}
/*******************************************/

.tabContainer
{

}

/*
http://css.maxdesign.com.au/listamatic/horizontal05.htm
*/

#middle #sideMenu
{
    float: right; 
    width: 300px;
    border: 1px solid black;
    background-color: #E6F2FF;
}

#middle #sideMenu .inner
{

}

#middle #sideMenu .inner .menuItem
{
    /*background-color: #E6F2FF;
    border: 1px solid black;*/
    margin-bottom: 5px;
}

#middle #sideMenu .menuItem h3
{
    font-weight: bold;
    color: black;
    background-color: #c1e0ff;
    font-size: .9em;
    margin: 0px;
    padding: 2px;
    padding-left: 5px;
}

#middle #sideMenu .menuItem h2
{
    font-weight: bold;
    color: black;
    background-color: #D9ECFF;
    font-size: 0.75em;
    margin: 0px;
    border: 0px;  
    padding: 2px;
    padding-left: 5px;
} 

#middle #sideMenu .menuItem .content
{
    font-size: 0.75em;
    padding: 5px;
} 
 


#middle #sideMenu .menuItem .content ul
{
    margin: 0px;
    list-style: none;
    padding: 0px;
}

#middle #sideMenu .menuItem .content ul li
{
    padding: 0px;
    padding-left: 10px;
    padding-right: 5px;
    margin: 0px;
    margin-bottom: 5px;
	margin-right: 5px;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0em .2em;
}


#middle #sideMenu .menuItem .content
{

}

#middle #sideMenu .menuItem .content .subTitle
{
    /*background-color: #D9ECFF;*/
}

#middle #sideMenu .menuItem .content a
{

}
   
#middle #sideMenu .menuItem ul
{

}

#middle #sideMenu .menuItem ul .subTitle
{

}

#middle #sideMenu .menuItem ul li
{

}    


/********************************************/
/****        #mostViewedArticles         ****/
/********************************************/        
#middle #sideMenu #mostViewedArticles
{
    
}        

#middle #sideMenu #mostViewedArticles ul
{

} 
        
#middle #sideMenu #mostViewedArticles ul li
{

} 
        

#middle #sideMenu #survey ul li
{
    background-image: none;  
    padding-left: 5px; 
}


        




/*************************************************************/
#tabcontainer
{
    padding: 4px;
    margin-bottom: 5px;
}

#tablist
{
    font: bold 12px Verdana, sans-serif;
    text-align: right;
    float: right;
}

#tablist li
{
    list-style: none;
    margin: 0;
    display: inline;
}

#tablist li a
{
    padding: 3px 0.5em;
    margin-left: 3px;
    text-decoration: none;
}

#tablist li a:link { color: #448; }
#tablist li a:visited { color: #667; }

#tablist li a:hover
{
    color: black
}

#tablist li a#current
{
    background: white;
    color: black;
}
/*************************************************************/

/*************************************************************/
.pager
{
    padding: 1em;
	margin: 1em 0;
	clear: left;
	font-size: 0.7em;
	text-align: center;
	/*float: right;*/
}

.pager a, .pager span
{
    display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pager span.current
{
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}


.pager a {
    border: 1px solid #355EA0;
	color: #355EA0;
	text-decoration: none;
}


.pager a:hover {
    border: 1px solid #355EA0;
	background-color: #355EA0;
	color: white;
	text-decoration: none;
}

.pager a.nextprev {
    font-weight: bold;
}

.pager span.nextprev {
    color: #666;
}

.pager span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}
/*************************************************************/