@import url("live-style.css");


html, body {
padding :0;
}
body {
margin:25px 0 25px 0;
font :12px "Trebuchet MS", Arial,  Helvetica, Tahoma, sans-serif;
background:#ebebeb url(../images/main_bg.jpg) repeat-x;
color :#555;
}
table td,
table th	{
font-size:12px;
padding:4px 8px 4px 0;
vertical-align:top;
}
table th	{
text-align:left;
color:#2E7FAD;
font-size:13px;
padding-top:8px;
}
/*WRAP*/
#wrap {
position:relative;
width:947px;
margin-left:auto;
margin-right:auto;
padding:0;
color :#555;
background-color:#FFFFFF;
clear:both;
}
#toplinkmenu {
float:right;
margin:6px 15px 0 0;
}
#toplinkmenu img {
margin-bottom:-2px;
}
#toplogo {
float:left;
margin-top:30px;
}
#toplogo img {
margin-right:15px;
margin-bottom:-1px;
}
/*TOP BANNER*/
#masthead {
background:#FFFFFF url(../images/gpx-bg-content-top.gif) no-repeat scroll left top;
height:145px;
padding:5px 0 0 0;
margin-bottom:0;

float:left;

width:100%;

}
#head_inner {
height:78px;
padding:0 10px 0 28px;
margin-bottom:0;
}
body#section00 #main_flash_area {
overflow:hidden;

border:0px solid #aaa;

clear:both;

display:block;

margin-left:20px;

}
body#section00 #main_flash_area div.frame {
}
body#section00 #main_flash_area img {
width:908px !important;
}

/* box styles for start page */
body#section00 #boxes_area {
margin:20px 0;
float:left;
}
body#section00 #boxes_area #box1,
body#section00 #boxes_area #box2,
body#section00 #boxes_area #box3
 {
float:left;
width:289px;
height:144px;
position:relative;
}
body#section00 #box1	{
color:#0064A8;
}
body#section00 #box2	{
margin:0 15px;
color:#DA242A;
}
body#section00 #box3	{
color:#EC8E1C;
}
body#section00 #boxes_area h3 {
position:absolute;
margin:111px 0 0 0;
left:20px;
font-size:18px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
}
body#section00 #boxes_area h3 a {
color:#FFFFFF;
text-decoration:none;
width:250px;
float:left;
}
/* a test to control h3 when hovering over img */
body#section00 #boxes_area a:hover img + #boxes_area h3 a {
text-decoration:underline !important;
}
body#section00 #boxes_area h3 a:hover {
text-decoration:underline;
}
body#section00 #boxes_area ul {
position:absolute;
top:45px;
right:13px;
list-style-type:none;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
body#section00 #boxes_area ul li,
body#section00 #boxes_area ul li a {
text-align:right;
text-decoration:none;
}
body#section00 #boxes_area ul li a:hover {
text-decoration:underline;
}
body#section00 #boxes_area #box1 ul li a {
color:#0064A8;
background:transparent url(../images/gpx-start-box-arrow-blue.gif) no-repeat right 3px;
padding-right:18px;
}
body#section00 #boxes_area #box2 ul li a {
color:#DA242A;
background:transparent url(../images/gpx-start-box-arrow-red.gif) no-repeat right 3px;
padding-right:18px;
}
body#section00 #boxes_area #box3 ul li a {
background:transparent url(../images/gpx-start-box-arrow-yellow.gif) no-repeat right 3px;
padding-right:18px;
color:#EC8E1C;
}
body#section00 #boxes_area #box_area_sublinks {
	float:left;
}
/* end box styles for start page */

/* box styles for e-learning page */
body#section02 #boxes_area {
margin:20px 0;
float:left;
}
body#section02 #boxes_area #box1,
body#section02 #boxes_area #box2,
body#section02 #boxes_area #box3
 {
float:left;
width:202px;
height:109px;
position:relative;
}
body#section02 #box2	{
margin:0 14px;
}
body#section02 #boxes_area h3 {
position:absolute;
margin:79px 0 0 0;
left:16px;
font-size:14px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
}
body#section02 #boxes_area h3 a {
color:#FFFFFF;
text-decoration:none;
width:150px;
float:left;
background:transparent url(../images/gpx-boxes-e-learning-arrow.gif) no-repeat right 4px;
padding-right:20px;
}
/* a test to control h3 when hovering over img */
body#section02 #boxes_area a:hover img + #boxes_area h3 a {
text-decoration:underline !important;
}
body#section02 #boxes_area h3 a:hover {
text-decoration:underline;
}
/* end box styles for e-learning boxes */

/*MAIN CONTAINER*/
.container {
width:900px;
border:0px solid #aaa;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0;
line-height:1.8em;
clear:both;
}
.container_B {
display:block;
width:900px;
border:0px solid #aaa;
margin-top:45px;
margin-right:auto;
margin-left:auto;
padding:0;
line-height:1.8em;
clear:both;
}
/*TOP NAVIGATION*/
#menucontainer{position:relative;height:42px;color:#E0E0E0;background:#143D55;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;

float:left;

}
#menunav{position:relative;height:33px;font-size:12px;text-transform:uppercase;
font-weight:bold;background:#fff url(../images/menu_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;}
#menunav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#menunav ul li{display:block;float:left;padding:0 1px;}
#menunav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;
padding:0 0 0 20px;height:33px;}
#menunav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#menunav ul li a:hover{color:#fff;
background:transparent url(../images/menu_bg-OVER.gif) repeat-x bottom left;}
#menunav ul li a:hover span{display:block;width:auto;cursor:pointer;}
body#section00 #menunav ul li#mainmenusection00 a,body#section01 #menunav ul li#mainmenusection01 a, body#section02 #menunav ul li#mainmenusection02 a, body#section03 #menunav ul li#mainmenusection03 a, body#section04 #menunav ul li#mainmenusection04 a, body#section05 #menunav ul li#mainmenusection05 a, body#section06 #menunav ul li#mainmenusection06 a, body#section07 #menunav ul li#mainmenusection07 a, body#section08 #menunav ul li#mainmenusection08 a, body#section09 #menunav ul li#mainmenusection09 a, body#section10 #menunav ul li#mainmenusection10 a, body#section11 #menunav ul li#mainmenusection11 a, body#section12 #menunav ul li#mainmenusection12 a {color:#fff;
background:#1D6893 url(../images/menu_left-ON.gif) no-repeat top left;line-height:275%;}
body#section00 #menunav ul li#mainmenusection00 a span, body#section01 #menunav ul li#mainmenusection01 a span, body#section02 #menunav ul li#mainmenusection02 a span, body#section03 #menunav ul li#mainmenusection03 a span, body#section04 #menunav ul li#mainmenusection04 a span, body#section05 #menunav ul li#mainmenusection05 a span, body#section06 #menunav ul li#mainmenusection06 a span, body#section07 #menunav ul li#mainmenusection07 a span, body#section08 #menunav ul li#mainmenusection08 a span, body#section09 #menunav ul li#mainmenusection09 a span, body#section10 #menunav ul li#mainmenusection10 a span, body#section11 #menunav ul li#mainmenusection11 a span, body#section12 #menunav ul li#mainmenusection12 a span {display:block;padding:0 20px 0 0;width:auto;
background:#1D6893 url(../images/menu_right-ON.gif) no-repeat top right;height:33px;}
#navcontainer ul{margin:0 0 0 2px;padding:0 0 10px 0;list-style-type:none;width:auto;}
/*MAIN CONTENT*/
.content {
padding:0 1em 0 1em;
margin:10px 300px 0 0;
border-right:1px solid #eee;
}
.content_B {
float:left;
padding:0 1em 0 1em;
margin:5px 0 0 0;
display:inline;
width:634px;
/*border-left:1px solid #eee;*/
}
.content_left {
padding:0 1em 0 1em;
margin:0 0 0 0;
border-right:1px solid #eee;
}
.content_middle {
padding:0 1em 0 1em;
margin:0 0 0 0;
border-right:1px solid #eee;
}
/*SIDEBAR*/
.sidebar {
float:right;
width:265px;
margin:0;
padding:0 1em 0 1em;
}
/* LEFTBAR */
#leftbar {
float:left;
width:220px;
margin:0 22px 0 0;
padding:0; 
background-color:#FFFFFF;
display:inline;
}
#leftbar h2 {
margin:10px 0 0 0; 
padding:4px 0 4px 8px; 
font:bold 105% Arial, Sans-Serif;
color:#FFF;
text-transform:uppercase; 
background:#509cc6; 
letter-spacing:1px;	
}

#leftbar .left-box {
border-top:1px solid #EBEBEB;
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
margin:0 0 17px 0;	
background:#FFF;
}

#leftbar ul.sidemenu {
list-style:none;
text-align:left;
margin:3px 0px 0px 0; padding:0;
text-decoration:none;
border-bottom:1px solid transparent;
}

#leftbar ul.sidemenu li {
border-bottom:1px solid #f2f2f2; 
background:url(../images/menu_bullet.gif) no-repeat 3px 2px;	
padding:0px 5px 3px 25px;
margin:0;	
}

#leftbar ul.sidemenu a {
font-weight:bolder;
padding:0px 0px 3px 0px;	
background:none;
text-decoration:none;		
}
/*FOOTER*/
#footer {
background:#4592BE url(../images/gpx-bg-content-bottom.gif) no-repeat scroll left bottom;
clear:both;
height:38px;
padding:0 0 6px 0;
margin:40px 0 0 0;
padding-top:8px;
font:10px "Trebuchet MS", Arial,  Helvetica, Tahoma, sans-serif;
line-height:12px;
text-align:center;
border-top:10px solid #143D55;
color:#ddd;
}
#credits	{
background-color:#ebebeb;
padding:10px 0 0 0;
text-align:center;
color:#999999;
font-size:10px;
}

#footer a {
color:#ddd;
text-decoration:none;
}
/*TYPOGRAPHY*/
h1 {
margin:0;
padding:7px 0 10px 0px;
font-size:21px;
letter-spacing:1px;
color:#2e7fad;
}
h2 {
margin:0;
padding:3px 0 10px 0;
font-size:15px;
letter-spacing:1px;
color:#2e7fad;
}
blockquote {
padding:15px;
font-weight :bold;
font-style :italic;
border-bottom:1px solid #aaa;
border-top:1px solid #aaa;
color :#2e7fad;
}
/*LINKS*/
a:link, a:visited {
color :#2E7FAD;
background :inherit;
text-decoration :underline;
}
a:hover {
color:#003366;
background :inherit;
text-decoration :none;
}
/*IMAGES*/
.right {
float:right;
border:0px solid #656C4A;
margin:5px 0 10px 0;
padding:10px;
}
/*SEARCH BAR*/
legend {
color:green;
}
input {
background:#eee;
}	
/* Zcribe */
p {
margin:0;
padding:0;
}
.imgleftalign {
padding-right:20px;
float:left;
}
.imgrightalign {
padding-left:20px;
float:right
}
img {
border:0px;
}

.clear-both	{

clear:both;

font-size:0.0001px;

line-height:0.0001px;

height:0.0001px;

}

.float-left	{

float:left;

}