﻿html, body 
{
	height: 100%;
	width: 100%;
	margin: 0;
	border: 0;
}

h1, h2, h3 
{
	margin: 0;
}
/* ------------------- */
/* Layout */

#pageWrapper 
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	height: 725px;
	width: 100%;
}
	
#pageWrapper td 
{
	text-align: center;
}

#banner 
{
	height: 4em;
	width: 100%;
	background-color: #33CCCC;
}

#menu 
{
	height: 1em;
	width: 100%;
	border-top: 1px solid #33FFCC;
	border-bottom: 1px solid #006666;
}

#leftPanel 
{
	height: 100%;
	left: 0px;
	background-color:#bcbfc0;
	padding: 6px 6px 6px 6px;
    width: 100px;
    text-align:justify;
    
}

#rightPanel
{
	height: 100%;
	right: 0px;
	width : 225;
   color: White;
   background-color: #818689;
   font-size: 16px;
}

#centerPanel
{
	background-color: #B7E2B6;
	height: 100%;
	width: 100%;
}

#contentWrapper 
{
	height: 100%;
	width: 100%;
}

#footer 
{
	height: 100%;
	width: auto;

}

/* ------------------- */
/* Content */
#panelContent 
{
	width: 13.2em;
	height: 305px;
	position:absolute;
	top: 97px;
	left: -4px;
	bottom: 261px;
}

#content 
{
	height: 105%;
	width: 100%;
	background-color:white;
}


















td
{
   vertical-align: top;
	margin-left: 80px;
}

td.fieldname
{
   text-align: right;
   font-size: 13px;
   font-weight: bold;
   color:White;
}

.registerfieldname
{
   text-align: left;
   font-size: 16px;
   font-weight: bold;
   color:White;
}

hr
{
   color: #b45d16;
}

#container
{
   background-color: #818689;
}

#container2
{
   background-color: #bcbfc0;
   margin-right: 200px;
}

#header
{
   padding: 0px;
   margin: 0px;
   width: auto;
   height: 184px;
   background-image: url(images/poster.jpg);
}

#HeaderText
{
	position:absolute;
	top:20px;
	right: 359px;
	width: 296px;
}

#MenuText
{
	position:absolute;
    top:135px;
    width:auto;   
}

#headermenu
{
   position: relative;
   top: 0px;
   left: 1px;
   width: 980px;
   padding: 2px 2px 2px 2px;
	height: 28px;

}

#breadcrumb
{
   background-color: #637276;
   color: White;
   font-size: 10px;	
   padding-left: 5px;
	height: 13px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#breadcrumb a
{
   color: Yellow;
}

#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}

#bannerbox
{
   border: dashed 2px #c35308;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: center;
   background-color: #e1e1e1;
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: black; 
}

div#loginbox
{
   left : 0px;
   top: 600px; 
   width: 180px;
   height: 96px;
   padding: 2px 2px 2px 2px;    
   font-size: 13px;
}

.loginboxtext
{
	color:Blue;
}

.loggedintext
{
	color:Blue;
	font-size:13px;
	text-align:left;
}

loginview1
{
   left: 0px;
   top: 80px; 
   width: 300px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}


#loginbox input
{
   color: red;
   border-color: red;
   background-color: #f7d582;
   font-size: 13px;
    
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{
   font-size: 16px;
   text-align: right;
	width: 171px;
	top: 10px
}

#footer
{
   padding: 0px;
   margin: 0px;
   width: Auto;
   bottom: 0px;
   height: 62px;
   background-image: url(images/poster.jpg);
   visibility: hidden;
}
        
#leftcol
{
   top: 184px;
   left: 0px;
   width: 182px;
   background-color: #bcbfc0;
   font-size: 10px;
   text-align:left;
}

#leftcol1 div.text
{
   padding: 0px 0px 0px 6px;
   text-align: justify;
   font-size: 114px;
}

#leftcol1 div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #e1e1e1;
   text-align: justify;
}

#leftcol1 div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #818689;
   color: red;
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   text-align:left;
}

#rightcol a
{
   color: blue;
}

#centercol
{
   position: relative;
   margin-left: 200px;
   padding: 0px;
   background-color: white;
}

#centercolcontent
{
   padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#rightcol
{
   position: absolute;
   top: 184px;
   right: 50px;            
   width: 1914px;
   color: White;
   background-color: #818689;
   font-size: 10px;
}

#rightcol a
{
   color: Yellow;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
}
  
.footermenulink a
{
   text-decoration: none;
   color: White;
}

.headermenulink
{
   font-family: Arial, Serif;
   font-size: 20px;          
}

.headermenulink
{
   font-family: Arial, Serif;
   font-size: 20px;          
}

.headermenulink a
{
   text-decoration: none;
   color: Red; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: black; 
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}

.articlebox
{
   background-color: #fefef0;
   color: #b45d16;
   border: solid 1px #995117;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 114px;
   font-weight: bold;
   color: Red;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 20px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 25px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
   color:Olive;
   background-color:White;
}

.pollbar
{
   font-size: 15px;
   background-color:Teal;
}

.progressbarcontainer
{
   width: 98%;
   height: 20px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 25px;
}

.postinfo
{
   font-weight: bold;
   text-align: left;
}

.posttitle
{
   background-color: #f09d35;
   color: red;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
   text-align: left;
}


.HiddenColumn{display: none;} 

.sectiontitle
{
   padding: 6px 6px 6px 3px;
   background-color:#C5C5C5;
   font-size: 13px;
   font-weight: bold;
   text-transform: uppercase;
   color: White;
}


.sectiondetails
{
	color: white;
	text-align: left;
}

.newsletterbox
{
   font-size: 16px;
   color: White
}

.newsletterboxcontent
{
   padding: 6px;
}

.contactusForm
{
	height: 350px;
}

.tbContactUS
{
	bottom:auto;
}

.aboutusdetails
{
	text-align: left;
	color: Red;
	    width: 273px;
}

.forumsdetails
{
	text-align:left;
	color: Red;
}

.forumsinfodetails
{
	color:Red;	
	
}

.forumschkbox
{
	color:Blue;
	font-size: 13px;
}

.lnkmanageunapprovedpost
{
	text-align:left;
}

.manageforumsdetails
{
	text-align:left;
}

.uploadimage
{
	text-align:center;
	font-size:13px;
}

.recoverpassword
{
	color:White;
	font-size:large;
}

.tdrecoverpassword
{
	color:Gray;
	text-align:left;
}

.articledetailview
{
	text-align:left;
}

.managearticles
{
	color:Blue;
	text-align:left;
}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:207px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}


.EntryLineHover
{
	cursor:hand;
	background-color:Green;	
} 
.EntryLine
{
	cursor:hand;
	background-color:#EEE8AA;	
}
.AlternatingRowStyle
{
	background-color:#EEE8AA;
}
.EmptyEvenCell
{
	background-color:#EEE8AA;
}
.EmptyOddCell
{
	background-color:#FAFAD2;
}


body
{
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	margin: 0;
}

/* Top menu tier */

.PrettyMenu 
{ 
    float: left;
    width: 1;
    background: #DAE0D2 url("bg.gif") repeat-x bottom;
    font-size: 93%;
    line-height: normal;   
    position:static;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width:103px;
    text-align:left;
}

.PrettyMenu ul.AspNet-Menu
{	
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
}

.PrettyMenu ul.AspNet-Menu li 
{
	float: left;
	background: url("norm_left.gif") no-repeat left top;  
    margin: 0;
    padding: 0 0 0 9px;       
}

.PrettyMenu ul.AspNet-Menu a.AspNet-Menu-Link
{
    display:block;
    background: url("norm_right.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #765;
}

.PrettyMenu ul.AspNet-Menu a.AspNet-Menu-Link:hover
{
    color: #333;    
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Selected
{
    background-image: url("norm_left_on.gif");
}

.PrettyMenu ul.AspNet-Menu a.AspNet-Menu-Selected
{
    background-image:url("norm_right_on.gif"); 
    color: #333;   
    padding-bottom: 5px;
}

/* Sub menu */

.PrettySubMenu 
{ 
    z-index:auto;
    float:left;
    width: 100%;
    font-size: 93%;
    line-height:normal;    
}

.PrettySubMenu ul.AspNet-Menu
{	
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
}

.PrettySubMenu ul.AspNet-Menu li 
{
	float:left;
    margin: 0;
    padding: 0 0 0 9px;       
}

.PrettySubMenu ul.AspNet-Menu a.AspNet-Menu-Link
{
    display:block;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #765;
    elevation:below;
}

.PrettySubMenu ul.AspNet-Menu a.AspNet-Menu-Link:hover
{
  
}

.PrettySubMenu ul.AspNet-Menu li.AspNet-Menu-Selected
{
 
}

.PrettySubMenu ul.AspNet-Menu a.AspNet-Menu-Selected
{
    color: #333;   
    padding-bottom: 5px;   
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: 12px;
}

#container {

width: 500px;
font-size: 14px;
height: 23;

}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
/* height: 1% !important; This line results in making the menu invisible */
}

ul.AspNet-Menu ul
{
visibility: visible !important; 
width: 1%; /* This was the only way I found to make the drop down items appear vertical */
}













