/* CSS Document - Copyright: panelbase.net */

body 
{
	background:url('../i/bggradblue.jpg')  repeat-x; /* fading background image */
	font-family: Verdana; /* all text is Trebuchet MS */
	font-size: 12px; /* default text size is 12px */
	color: #333333; /* default text colour is dark grey */
	/*padding: 10px 20px 20px 30px; /* leaving a border around the main container */
	padding-top:10px;
}



a img { border: none; }

#container
{
	width: 1030px; /* makes the width as wide as it can be */
	margin-left: auto; /* moves the container to the left to look centered */
	margin-right: auto;
}

#main 
{
	width: 95%; /* makes the width as wide as it can be */
	text-align: left; /* makes all text left aligned*/
	border: 1px solid #003366; /* makes the border a thin blue line*/
	height: 1060px; /* default height is 900 pixels  */
	background-color: #FFFFFF; /* background colour of the main box is white  */
	padding: 10px; /* pads the main box so the text isn't touching the sides */
	float:left; /* makes the main box float to the left */
}

#leftcontainer 
{
	padding: 5px; /* sets the padding to 5px */
	width: 75%; /* sets the width to 75% */
	background-color: #fff; /* sets the background to white */
	clear: both; /* makes the main content sit below the other divs */
	float: left; /* makes the main content box float to the left */
	display: inline; /* makes the main content box display inline */
}

#newcontainer 
{
	padding: 5px; /* sets the padding to 5px */
	width: 95%; /* sets the width to 85% */
	background-color: #fff; /* sets the background to white */
	clear: both; /* makes the main content sit below the other divs */
	float: left; /* makes the main content box float to the left */
	display: inline; /* makes the main content box display inline */
}

a:link {color: #0253A4; text-decoration: none; } /* makes the all links within the body blue when visited */
a:active {color: #0253A4; text-decoration: none; } /* makes the all links within the body blue when active */
a:visited {color: #0253A4; text-decoration: none; } /* makes the all links within the body blue when visited */
a:hover {color: #0253A4; text-decoration: underline; } /* makes the all links within the body blue when hovered on */

#banner
{
	background-color: #ffffff; /* background colour of the banner box is white  */
	width: 100%; /* makes the width as wide as it can be */
	border: 1px solid #003366; /* makes the border a thin blue line*/
	height: 175px; /* default height is 175 pixels  */
	clear: both; /* sets the position of the banner  */
}

#tabnav
	{
		text-align:center; /* aligns text to the center */
		height: 24px; /* sets height to 24 pixels high */
		margin: 0; /* sets margin to 0px */
		padding-left: 10px; /* sets the left padding to 10px */
		background: url(../i/tab_bottom.gif) repeat-x bottom; /* gives the background a blue image */
		/*border-bottom:1px solid #ccc;*/
	}


#tabnav li
	{
		margin: 0; /* sets margin to 0px */
		padding: 0; /* sets the padding to 0px */
  		display: inline; /* sets the display to inline */
  		list-style-type: none;/* sets the list style to none */
  	}
	

#tabnav a:link, #tabnav a:visited
	{
		float: left; /* makes the tabs float to the left */
		line-height: 18px; /* makes the height 18px */
		font-size: 12px; /* makes the font size 11px */
		font-weight: bold; /* makes the text bold */
		padding: 2px 10px 2px 10px; /* sets the padding of the tab */
		margin-right: 4px; /* sets the tabs right hand margin 4px */
		/*border-bottom: 1px solid #ccc; /* gives the tabs a thin grey border */
		text-decoration: none; /* stops them from being underlined */
		color: #fff; /* sets the text colour to white */
		width:80px; /* sets the tabs width to 78px */
		
		/*background: #0253A4; /* makes the background blue once visited */
		background: url(../i/navTab.png) no-repeat;
		margin-top:1px;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		float: left; /* makes the tabs float to the left */
		line-height: 18px; /* makes the height 18px */
		font-size: 12px; /* makes the font size 11px */
		font-weight: bold; /* makes the text bold */
		padding: 2px 10px 2px 10px; /* sets the padding of the tab */
		margin-right: 4px; /* sets the tabs right hand margin 4px */
		border-bottom: 1px solid #fff; /* gives the tabs a thin grey border */
		text-decoration: none; /* stops them from being underlined */
		color: #0253A4; /* sets the text colour to white */
		width:80px; /* sets the tabs width to 78px */
		border:1px solid #fff;
		margin-top:-1px;
		padding-bottom:3px;
		
		/*background: #0253A4; /* makes the background blue once visited */
		background: url(../i/navTabActive.png) no-repeat;
		margin-top:0px;
	}

#tabnav a:hover
	{
		/*background: #2475fd; /* gives the selected tab a blue background once hovered on */
		background: url(../i/navTabHover.png) no-repeat;
	}
	
#tabnav #current a, #tabnav #current span
{ 	/*currently selected tab*/
	background-color: #fff; /* gives the currently selected taba white background */
}

/*inside tabs*/
	#tabnavinside
	{
		text-align:center; /* aligns text to the center */
		height: 24px; /* sets height to 24 pixels high */
		margin: 0; /* sets margin to 0px */
		padding-left: 10px; /* sets the left padding to 10px */
		background: url(../i/tab_bottom.gif) repeat-x bottom; /* gives the background a blue image */
	}

	#tabnavinside li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
	#tabnavinside a:link, #tabnavinside a:visited
	{
		float: left; /* makes the tabs float to the left */
		line-height: 18px; /* makes the height 18px */
		font-size: 12px; /* makes the font size 11px */
		font-weight: bold; /* makes the text bold */
		padding: 2px 10px 2px 10px; /* sets the padding of the tab */
		margin-right: 4px; /* sets the tabs right hand margin 4px */
		/*border-bottom: 1px solid #ccc; /* gives the tabs a thin grey border */
		text-decoration: none; /* stops them from being underlined */
		color: #fff; /* sets the text colour to white */
		width:80px; /* sets the tabs width to 78px */
		
		/*background: #0253A4; /* makes the background blue once visited */
		background: url(../i/navTab.png) no-repeat;
		margin-top:1px;
	}

	#tabnavinside a:link.active, #tabnavinside a:visited.active
	{
		float: left; /* makes the tabs float to the left */
		line-height: 18px; /* makes the height 18px */
		font-size: 12px; /* makes the font size 11px */
		font-weight: bold; /* makes the text bold */
		padding: 2px 10px 2px 10px; /* sets the padding of the tab */
		margin-right: 4px; /* sets the tabs right hand margin 4px */
		border-bottom: 1px solid #fff; /* gives the tabs a thin grey border */
		text-decoration: none; /* stops them from being underlined */
		color: #0253A4; /* sets the text colour to white */
		width:80px; /* sets the tabs width to 78px */
		border:1px solid #fff;
		margin-top:-1px;
		padding-bottom:3px;
		
		/*background: #0253A4; /* makes the background blue once visited */
		background: url(../i/navTabActive.png) no-repeat;
		margin-top:0px;
	}

	#tabnavinside a:hover
	{
		/*background: #2475fd;*/
		background: url(../i/navTabHover.png) no-repeat;
	}
	
	#tabnavinside #current a, #tabnavinside #current span{ /*currently selected tab*/
	font-weight: bold; 
	background-color: #ffffff;
	}
/*end inside tabs*/

#sidebar
{
	background-color: #ffffff; /* background colour of the banner box is white  */
	width: 20%; /* default width is 210 pixels  */
	border-left: 1px dashed #003366;	/* makes the left border a thin dashed blue line*/
	height: 670px; /* default height is 700 pixels  */
	float:right; /* makes the side bar float to the right */
	display:inline;
}

#footer
{
	border-bottom: 1px solid #003366; /* makes the bottom border a thin blue line*/
	border-left: 1px solid #003366; /* makes the left border a thin blue line*/
	border-right: 1px solid #003366; /* makes the right border a thin blue line*/
	width: 95%; /* makes the width as wide as it can be */
	text-align: justify; /* makes all text justified */
	background-color: #FFFFFF; /* background colour of the footer box is white  */
	padding: 10px; /* pads the footer box so the text isn't touching the sides */
	float:left; /* makes the footer box float to the left */
}

#footer a:link {color: #333333; text-decoration: none; } /* makes the all links within the footer dark grey when visited */
#footer a:active {color: #333333; text-decoration: none; } /* makes the all links within the footer dark grey when visited */
#footer a:visited {color: #333333; text-decoration: none; } /* makes the all links within the footer dark grey when visited */
#footer a:hover {color: #333333; text-decoration: underline; } /* makes the all links within the footer dark grey when visited */

h1,h2,h3
{
color:#0253A4; /* sets the colour of all the large headers a dark blue */
}

h4,h5,h6
{
color:#2475c6; /* sets the colour of all the small headers a light blue */
}

p
{
word-spacing:0px; /* sets the spacing between words to 1px */
}

hr
{
color:#718591; /* sets the colour of the horizontal to blue */
}

#smallboxleft
{
	padding:0px; /* sets the small new member box padding to 5px */
	width:600px; /* sets the small new member box width to 25% */
	height:10px; /* sets the small new member box height to 195px */
	background-color: #F0F3F4; /* sets the small new member box background to light blue*/
	float:none; /* stops the small new member box from floating left or right */
	/*border:1px dashed #003366; /* gives the small new member box a blue dashed border */
	/*position:absolute; /* gives the small new member box a absolute positioning */
	/*left:13%; /*13% moves the small new members box in from the left */ 
	margin-left:20px;
	border-collapse:collapse;
}

#tblWhiteSpace
{
	background-color:#FFFFFF;
	width:50px;
	border:0px;
	border-style:none;
	padding-bottom:0px;
}

#tblIndexHead1
{
	border:1px solid #999999;
	
	background-color:#F0F3F4;
	border-bottom:0px;
	width:500px;
	text-align:center;
	padding:10px;
	padding-bottom:0px;
}

#tblMidPageBottom
{
	border:1px solid #999999;

	border-top:0px;
	width:500px;
	height:10px;
	
	padding-left:15px;
	padding-right:15px;
	padding-bottom:50px;
	padding-top:5px;
	
	text-align:left;
}


#tblIndexHead2
{
	border:1px solid #999999;
	
	background-color:#F0F3F4;
	border-bottom:0px;
	width:300px;
	height:10px;
	text-align:center;
	padding:10px;
	padding-bottom:0px;
}

#loginPart
{
	border:1px solid #999999;

	border-top:0px;
	width:300px;
	height:10px;
	text-align:left;
	
	padding:0px;
	padding-left:15px;
	padding-bottom:30px;
	padding-top:10px;

}

#lnkHelpLogin
{
	position:absolute;
	margin-top:20px;
	margin-left:50px;
	text-decoration:none;
}

.caution 
{
	font-family: verdana; 
	font-size: 10pt; 
	color: red; 
} 


/*----------------------------------------  R3z3lut3 Styling  -------------------------------------*/
.wholeTopBanner /* the table at the top needs to have specific height for images */
{
	border:0;
	width:100%;
	height:155px;
}

.sidemenu
{
	font:Verdana, Trebuchet MS , Helvetica, sans-serif;
	font-size:11px;
}