/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.1 (Apr 20, 2006) */

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:100% Verdana,Tahoma,Arial,sans-serif;
background:#a7d7e0 url(../img/bg.gif) top center repeat-y;
color:#3a3a3a;
}

#wrap {
background-color:#ffffff;
color:#303030;
margin:0 auto;
padding:0px 0px;
width:1024px;
}

/***** Header *****/

#header {
color:#505050;
background:#3590a1 url(../img/NewBanner.jpg) bottom left no-repeat;
height:220px;
margin:0 0 10px 0;
padding:0;
}


#header h1 a,#header h1 a:hover {
padding:0;
}

#header p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 20px 15px;
padding:0 0 0 3px;
}

#search {
color:#505050;
font-size:0.6em;
background: no-repeat;
height:20px;
width:500px;
margin:-1px 12px 5px 0;
padding:0;
}

#breadcrumb {
color:#000000;
font-size:0.6em;
background:#ffffff left no-repeat;
width:1000px;
margin:0 0 5px 5px;
padding:0;
}


/***** Left sidebar *****/

.buttonwrapper a{
background: transparent url('../img/navaqua.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial;
color:#010066;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:170px;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 3px 0px;
}

.buttonwrapper li li a{
background: transparent url('../img/navaqualight.gif') no-repeat top left;
}


.buttonwrapper a:link, .buttonwrapper a:visited, .buttonwrapper a:hover {
color: 010066; /*button text color*/
}

 .buttonwrapper a:hover, .buttonwrapper a.navcurrent {
 background: transparent url(../img/navgold.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 8px; /* Width of left menu image */
 text-decoration: none;
 }
 
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
 overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
 width: 100%;
 }
 
.buttonwrapper p 	{ font-size:.75em; margin:10px 0 3px 2px; font-weight:bold;}
 /*
.buttonwrapper li {
 background: transparent url(../img/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; 
 }

.buttonwrapper li {
 background: transparent url(../img/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; 
 }
 
 /*

 a:hover.boldbuttons{ /* Hover state CSS 

 }*/


  
a.boldbuttonscur{
background: transparent url('../img/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
width:170px;
text-decoration: none;
margin:0px 0px 3px 0px;

}

a:link.boldbuttonscur, a:visited.boldbuttonscur, a:hover.boldbuttonscur, a:active.boldbuttonscur{
color: 010066; /*button text color*/
}

 a:hover.boldbuttoncurs, a:active.boldbuttonscur a.current {
 background: transparent url(../img/roundedge-gray-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 width:160px;
 padding-left: 8px; /* Width of left menu image */

 }

 a:hover.boldbuttonscur span, a:active.boldbuttonscur span a.current {
 background: transparent url(../img/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttonscur span{
 background: transparent url(../img/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttonscur{ /* Hover state CSS */

 }


 
a.boldbuttons2{
background: transparent url('../img/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial;
color:#010066;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:99px;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 2px 0px;
}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: 010066; /*button text color*/
}

 a:hover.boldbuttons2, a:active.boldbuttons2 a.current {
 background: transparent url(../img/roundedge-green-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 8px; /* Width of left menu image */
 text-decoration: none;
 }

 a:hover.boldbuttons2 span, a:active.boldbuttons2 span a.current {
 background: transparent url(../img/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttons2 span{
 background: transparent url(../img/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttons2{ /* Hover state CSS */

 }


a.boldbuttons2cur{
background: transparent url('../img/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial;
color:#010066;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:90px;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 3px 0px;
}

a:link.boldbuttons2cur, a:visited.boldbuttons2cur, a:hover.boldbuttons2cur, a:active.boldbuttons2cur{
color: 010066; /*button text color*/
}

 a:hover.boldbuttons2cur, a:active.boldbuttons2cur a.current {
 background: transparent url(../img/roundedge-green-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 8px; /* Width of left menu image */
 text-decoration: none;
 }

 a:hover.boldbuttons2cur span, a:active.boldbuttons2cur span a.current {
 background: transparent url(../img/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttons2cur span{
 background: transparent url(../img/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttons2cur{ /* Hover state CSS */

 }



#avmenu {
clear:left;
float:left;
width:180px;
margin:15px 0 10px 5px;
padding:0;
}

#avmenu ul {
list-style:none;
margin: 0;
padding: 0
}

#avmenu li {
margin: 0;
padding: 0
}

#avmenu li a {
}


#avmenu ul ul {
}

#avmenu ul ul a {
}

#avmenu h2 {
font-size:1.5em;
font-weight:normal;
}


.imgright		{ float:right; margin: 0 0 15px 15px;}
.training_buttons td { padding:0; }
.footer_row	 	{ font-size:1.1em; line-height:1.6em; color:#000; }
.special_note	{ color:#f00; font-weight:bold;}

.TextBox 	{ width: 300px; } 
