html,body{margin:0; padding:0; width:100%; font:normal normal 100% "Arial"; background:#20679f; }

/*stuff ...........................................*/
.r{float:right}
.l{float:left}
.picR{margin:5px 5px 5px 10px; padding:0; border:2px solid #ccc; float:right}
.picL{margin:5px 10px 5px 5px; padding:0; border:2px solid #ccc; float:left}
.clear{margin:0; padding:0; font-size:0px; height:0px; clear:both}
img{border:0}
p.red {color:#de0021;}
.red {color:#de0021;}

#skipnav{margin:-10px 12px 0 0; padding:0; font-size:0.65em; clear:both; float:right; width:100px; text-align:center}
#skipnav a{color:#0078ce; text-decoration:none; border-bottom:1px dotted #0078ce}
/* outer constructers .............................*/
#wrapAll_bg{margin:0 auto; padding:0; width:880px; background: #fff url(../images/bg.jpg) repeat-y;}
#wrapAll{margin:0 0 0 70px; padding:0; width:770px;}
#wrapInner{margin:0; padding:0; width:760px;background:#fff url(../images/bg_lhs.gif) repeat-y -1px 0px }
#wrapInner.home {background:url(../images/page.jpg) no-repeat bottom right;}

#header{margin:0; padding:0; width:760px;}
#header img.logo{margin:0; padding:10px; float:left}
#header img.tagline{margin:0; padding:10px; float:right}

/* menus ..........................................*/
#menu{margin:0; padding:0; width:760px; float:left; background:url(../images/gns_bg.jpg) repeat-x #3978ac; }
#menu ul{margin:0; padding:0; font-size:0.75em;}
#menu ul li{margin:6px 0 0 0; padding:0; border-right:1px solid #3978ac; float:left; list-style:none}
#menu ul li a {margin:0; padding:11px 36px 11px 36px; font-weight:bold; color:#fff; text-decoration:none;  float:left; display:block;border:0;}
#menu ul li a:hover{color:#fff;background:url(../images/gns_hover.jpg) repeat-x #de0021;}
#menu ul li.on a {font-weight:bold; color:#fff; background:url(../images/gns_hover.jpg) repeat-x #de0021;}
#menu ul li.last {border:0;}
#menu ul li.last a {padding-left:36px;}
#menu ul li.last a:hover {border:0}
#menu ul li.last .on a {border:0}
/*home elements .................................. */

#wrapTopHome {margin:0; padding:1px 0 0 0; width:760px; float:left; background:url(../images/banner.jpg) top repeat-x}
#wrapInner #wrapTopHome p {margin:0; padding:1px 0 0 40px; width:450px; float:left; }
#wrapInner #wrapTopHome h1{padding-top:20px;padding-left:30px;padding-bottom:10px;}
#wrapInner #wrapTopHome h2 {padding-top:20px;padding-left:35px;padding-bottom:10px; border:none;}

#wrapInner .colHome{margin:0; padding:20px 0px 0 40px; width:210px; float:left; background:url(../images/line_divider.gif) left top no-repeat}
#wrapInner .colHome h2{padding:0; color:#0c5995; border:0; font:normal normal 1.2em "Tahoma", Arial}
#wrapInner .colHome img.th{border:3px solid #f3c139}
#wrapInner .colHome img.logo{border:1px solid #ccc}

/* header_img .....................................*/
#header_img {margin:0; padding:0; width:760px; background:url(../images/bg_ibanner.jpg) repeat-y right; border:1px solid #fff; border-width:1px 0 1px 0}
#header_img img.title {padding:35px 35px 40px 120px;}
#header_img img.title2 {padding:35px 35px 28px 110px;}
#header_img img.title3 {padding:35px 35px 40px 80px;}
#header_img img.title4 {padding:35px 35px 40px 150px;}


/* lhs  ...........................................*/
#lhs {margin:0; padding:0; float:left; width:170px; }
/*submenu ..........................................*/
#wrapInner #lhs #menu_sub ul{margin:0; padding:0; font-size:0.75em; border-width:0;}
#wrapInner #lhs #menu_sub ul li {margin:0; padding:0; list-style:none; background:url(0); }
#wrapInner #lhs #menu_sub ul li a{margin:0; padding:10px 15px; display:block; color:#0c5995; border:0; text-decoration:none; border-bottom:1px solid #E7EAF0;}
#wrapInner #lhs #menu_sub ul li a:hover{color:#fff; background:#de0021; }
#wrapInner #lhs #menu_sub ul li.on a {margin:0; padding:10px 15px; display:block; font-weight:bold; color:#fff; background:#de0021;}

#wrapInner #lhs #menu_sub ul.open {margin:0; padding:5px 0 8px 0; border-bottom:1px solid #E7EAF0; background:#edf9fe;}
#wrapInner #lhs #menu_sub ul.open li {margin:0; padding:3px 5px 3px 25px; list-style:none;border:0; }
#wrapInner #lhs #menu_sub ul.open li a {padding:0; background:none; color:#de0021; border:0; font-weight:normal; }
#wrapInner #lhs #menu_sub ul.open li a:hover {font-weight:bold; }
#wrapInner #lhs #menu_sub ul.open li a.on {font-weight:bold; text-decoration:underline; }

/*child_pic*/
#child_pic {margin-top:30px; margin-left:20px;}

/* content ........................................*/
#content{margin:0; padding:15px 10px 25px 30px; width:550px; float:left; background:#fff url(../images/page.jpg) no-repeat bottom right;}
#content img {border:3px solid #f3c139}
#content p.blue {color:#0078ce;}
/*content elements ..................................
.....................................................
...................................................*/
#wrapInner h1{margin:10px 0 10px 0; padding:0; color:#333366; font:normal normal 1.5em "Tahoma"}
#wrapInner h2{margin:20px 0 10px 0; padding:0 0 5px 0; color:#0078ce; font:normal bold 0.9em "Tahoma"; border-bottom:1px solid #F3F4F7;}
#wrapInner h3{margin:20px 0 0px 0; padding:0; color:#de0021; font:normal normal 0.9em "Tahoma";}

#wrapInner p{margin:10px 0 10px 0; padding:0; font-size:0.9em; color:#333; line-height:1.4em}
#wrapInner p span.num{margin-right:6px; padding:2px; font-size:1.1em; font-weight:bold; border:1px solid #ccc; border-width:0 1px 1px 0; background:#f8f8f8; color:#CD3604}

#wrapInner ul {margin:15px 0 15px 5px; padding:0; font-size:0.9em; list-style:none;}
#wrapInner ul li{margin:8px 0; padding:0px 20px 0px 16px; background:url(../images/bullet.gif) no-repeat 0px 4px; color:#333; line-height:1.4em;}
#wrapInner ul li ul{border-width:0}
#wrapInner ul li ul li{font-size:1.3em; color:#777}

#wrapInner ul.homepage {padding:0px; margin:0px;}
#wrapInner ul.homepage li {margin:0px; padding:0 0 0 20px; background:url(../images/star.gif) no-repeat 0px 0px; }

#wrapInner a {color:#0078ce; text-decoration:underline; }
#wrapInner a:hover {text-decoration:none; }

#wrapInner ul.linkto{margin-left:0; list-style:none; border-width:0}
#wrapInner ul.linkto li{margin:5px 0; padding:0 0 0 25px; background:url(../images/star.gif) no-repeat 0px 0px}

#wrapInner ul.checklist{margin-left:0; list-style:none; border-width:0}
#wrapInner ul.checklist li{margin:10px 0; padding:0 0 0 21px; background:url(../images/icon_checklist.gif) no-repeat 0px 2px}

#wrapInner ol li ul.inside li {margin:0 0 0 25px; padding:0 0 5px 5px !important; font-size:1.15em; color:#666; background:url(none); list-style:circle }

#wrapInner ul.downloads{margin:10px 0 10px 15px; list-style:none; border-width:0}
#wrapInner ul.downloads li{margin:0 0 20px 0; padding:0 0 1px 40px; background:url(../images/icon_pdf.gif) no-repeat}
#wrapInner ul.downloads li.doc{margin:0 0 20px 0; padding:0 0 1px 40px; background:url(../images/icon_doc.gif) no-repeat}
#wrapInner ul.downloads li span{color:#666; font-size:0.9em}
#wrapInner ul.downloads li span a{color:#666; border-bottom:1px dotted #666; text-decoration:none}

#wrapInner ul.mpeg{margin:10px 0 10px 15px; list-style:none; border-width:0}
#wrapInner ul.mpeg li{margin:0 0 20px 0; padding:0 0 1px 40px; background:url(../images/icon_mpeg.gif) no-repeat}
#wrapInner ul.mpeg li span{color:#666; font-size:0.9em}
#wrapInner ul.mpeg li span a{color:#666; border-bottom:1px dotted #666; text-decoration:none}


#wrapInner ol{margin:10px 0 10px 20px; padding:0; font-size:0.85em; color:#333; list-style-type:lower-latin}
#wrapInner ol li{margin:10px 0; padding:0 0 0 0;}

#wrapInner ol.steps{margin:15px 0 15px 0; padding:0; font-size:0.85em; color:#333; list-style-type:none}
#wrapInner ol.steps li{margin:25px 0 0 0; padding:0 0 0 0;}
#wrapInner ol.steps li span.num{margin-right:6px; margin-bottom:0px; padding:2px; display:inline; clear:right; float:left; font-weight:bold; border:1px solid #ccc; border-width:0 1px 1px 0; background:#f8f8f8; color:#de0021;}

#wrapInner blockquote{margin:15px 20px 15px 20px; padding:0 10px 0 30px; font-style:italic; font-size:0.9em; color:#666; background:url(../images/icon_quote-open.gif) no-repeat}
#wrapInner blockquote cite{margin:-20px 0 0 0; padding:20px 20px 0 0; display:block; font-size:0.9em; font-style:normal; font-weight:bold;  background:url(../images/icon_quote-close.gif) no-repeat top right}

#wrapInner table{margin:0 0 10px 0; padding:0; font-size:0.7em; color:#666; border-bottom:2px solid #eee;}
#wrapInner table caption{margin:10px 0 3px 4px; padding:0; text-align:left; font-size:1.2em; font-weight:bold; color:#5C687C;}
#wrapInner table th{margin:0; padding:3px 7px; width:15%; background:url(../images/grad_blue2.gif) repeat-x; color:#1A3972; text-align:left;}
#wrapInner table td{margin:0; padding:3px 7px; border-top:1px solid #eee; vertical-align:top}
#wrapInner table td.alt{background:#F3F5F8}

#wrapInner .picR_cap{margin:0 0 0 10px; float:right; border-left:3px solid #1C3971}
#wrapInner .picR_cap img{margin:0; padding:0;}
#wrapInner .picR_cap p{margin:0; padding:3px 3px 3px 5px; color:#666; font-size:0.7em; width:150px; float:left; background:#fff}

#wrapInner .content_col{width:260px; float:left}

#wrapInner .thumb{margin:10px 20px 5px 0; padding:0; width:120px; float:left}
#wrapInner .thumb h4{margin:3px 0 3px 0; padding:0; font-size:0.75em}
#wrapInner .thumb p{margin:3px 0 3px 0; padding:0; font-size:0.7em}

/*end content elements ..............................
.....................................................
...................................................*/

#sponsor_logo{margin:-55px 0 0 0; padding:0 0 0 15px; width:138px; font-size:0.7em; color:#666; }
#sponsor_logo.home{margin:0 0 0 28px;}
#sponsor_logo a{}


#footer2 {margin:0 auto; padding:0; width:770px; color:#fff; line-height:1.5em; font-size:0.7em; }
#footer2 div.arekibo a {color:#f3c14d;float:left;}
#footer2 a {margin-top:5px; color:#fff;  }
#footer2 a:hover {text-decoration:none;}
#footer2 p{margin:0 5px; padding:5px 0 5px 10px; color:#fff; width:630px;}