* { margin:0; padding:0;}
body { background-color: #e8ecef; font-size:100%; line-height:1em; font-family:Arial; color:#272727;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#272727; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul.list_1 {margin:0px; padding:0px; list-style:none}
ul.list_1 li { line-height:2.67em}
ul.list_1 li img {margin-right:19px; vertical-align:middle}
ul.list_1 li a{text-decoration:underline; color:#1180b8; height:32px}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 {margin:0 0 14px 0; padding:0px; list-style:none}
ul.list_2 li { line-height:2.33em}
ul.list_2 li a{text-decoration:underline; color:#df5f16; height:32px}
ul.list_2 li a:hover{ text-decoration:none}

/*==========================================*/

a {text-decoration:none; color:#1180b8}
a:hover {text-decoration:underline}

a.link_1 {text-decoration:none; color:#1180b8; background:url(images/marker_link_1.gif) no-repeat 0 2px; padding-left:19px}
a.link_1:hover {text-decoration:underline}

a.link_2 {text-decoration:none; color:#1180b8; background:url(images/marker_link_2.gif) no-repeat 0 2px; padding-left:19px}
a.link_2:hover {text-decoration:underline}

a.link_3 {text-decoration:none; color:#1180b8}
a.link_3:hover {text-decoration:underline}

a.link_4 {text-decoration:none; color:#1180b8}
a.link_4:hover {text-decoration:underline}

a.link_5 {text-decoration:none; color:#1180b8; font-weight:normal; font-size:1.25em}
a.link_5 :hover {text-decoration:underline}


span {color:#1180b8}

.column { float:left;}
.clear { clear:both;}


h1{text-indent:-10000px; background:url(images/eActivity_logo.jpg) no-repeat -10px -10px; height:100px; font-size:0.75em}

h2 {color:#df5f16; font-size:1.25em; margin:0 0 15px 0}
h2 a{text-decoration:underline; color:#df5f16; font-weight:normal}
h2 a:hover {text-decoration:none}
h3 {font-size:18px}

p {margin:0 0 17px 0}
.p1 {margin:0 0 10px 0}

#menu, #wrapper_header, #content, #footer {width:100%; margin: 0 auto}
#bookmark_button {width:100px; height: 32px; position: relative; top: 243px; left: 481px;}

/*header*/
#menu {height:116px; background:url(images/menu_bg_rep.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#menu .bg {background:url(images/menu_bg.jpg) no-repeat top left; height:116px}
#menu .col_1 {position: relative; top: 10px; left: 10px; width: 300px;}
#menu .col_2 {width:10%}
#menu .col_3 {width:10%; }
#menu .col_4 {width:10%; }
#menu .col_5 {width:10%; }
#menu .col_6 {width:10%; }
#menu img {margin:43px 16px 0 0}
#wrapper_header {height:333px; background:url(images/wrapper_header_bg_rep.jpg) repeat-x top; font-size:0.75em}
/*
#wrapper_header .bg { background:url(images/wrapper_header_bg.jpg) no-repeat left top; padding:54px 53px 32px 285px}
*/

#menu a{text-decoration:none; color:#ffffff;font-weight:bold;}
#menu a:hover{ text-decoration:underline; color:#ffffff;font-weight:bold}
.headerfont {color:#ffffff;font-weight:bold}

.block_header { background:#fff; width:100%}
.block_header .l_t { background:url(images/l_t_1.gif) left top no-repeat}
.block_header .r_t { background:url(images/r_t_1.gif) right top no-repeat;}
.block_header .r_b { background:url(images/r_b_1.gif) right bottom no-repeat;}
.block_header .l_b { background:url(images/l_b_1.gif) left bottom no-repeat; width:100%}
.block_header .left {background:url(images/left_1.gif) repeat-y left}
.block_header .top {background:url(images/top_1.gif) repeat-x top;}
.block_header .right {background:url(images/right_1.gif) repeat-y right}
.block_header .ind {padding:31px 20px 16px 40px}
.block_header .title { margin:0 0 12px -3px; display:block}
.block_header .banner {margin:18px 0 0 53px}

.block_header ul {margin:0px; padding:0px; list-style:none; font-family:Arial}
.block_header ul li { line-height:2.42em; font-size:1em}
.block_header ul li img {margin:0 12px 0 0; vertical-align:middle}
.block_header ul li a{text-decoration:none; color:#404040; padding:0; height:29px; }
.block_header ul li a:hover{ text-decoration:none; color:#dd5507}


/*content*/
#content { width: 756px; margin: 1px 0; padding:0; background-color: #ebf0f3; font-size:0.75em; line-height:1.5em; border: 1px solid #8aabbc}
#content .bg_1 {}
#content .bg_2 {}
#content .bg_3 {}
#content .bg_4 {}
#content .bg_5 {}
#content .bg_6 {}
#content .bg_7 {}
#content .bg_8 {}
#content .content_indent {padding:20px 10px 5px 10px; }
.title {display:block}
.img_left {float:left; margin:5px 20px 0 0}
.line {background:url(images/line.gif) repeat-x top; width:auto; height:28px}
.line_2 {background:url(images/line_bg_2.gif) repeat-x top; width:auto; height:28px}


/*footer*/
#footer { background: url(images/bg_footer.jpg) no-repeat; height:68px; color:#0d2841; font-size:0.6875em; line-height:1.27em}
#footer table { color: #0d2841; font-size: 11px; }
#footer .epath_link { float: left; margin-left: 15px; }
#footer .ind {padding: 28px 19px 0 0; text-align:left; float: right; width: 535px;}
#footer a {color:#0d2841; text-decoration:none; font-size: 11px;}
#footer a:hover {text-decoration:underline;}


/*================== index.html ==================*/
#page1 #content .col_1 .block {width:260px; float: left;}
#page1 #content .col_1 .ind {padding:28px 20px 30px 29px; background: url(images/bg_newsletter.jpg) no-repeat top center;}
#page1 #content .col_1 .line_2 {margin:0 -4px 0 -14px}
#page1 #content .col_1 .links {margin:22px 0 0 -4px}
#page1 #content .col_2 .ind {padding:0  0 0; float: right;}
#page1 #content .col_2 .title {margin-bottom:21px}


/*================== index-1.html ==================*/
#page2 #content .col_1 .ind {padding:18px 20px 10px 0}
#page2 #content .col_2 .ind {padding:28px 20px 22px 29px}
#page2 #content .col_2 .line {margin:0 -4px 0 -14px}
#page2 #content .col_2 ul {margin:7px 0 14px 0}


/*================== index-2.html ==================*/
#page3 #content .col_1 .block {margin-right:36px}
#page3 #content .col_1 .ind {padding:28px 20px 22px 29px}
#page3 #content .col_1 .line {margin:0 -4px 0 -14px}
#page3 #content .col_1 h2 {margin:0}
#page3 #content .col_2 .ind {padding:18px 0 10px 0}
#page3 #content .col_2 .img_left {margin:0 13px 0 0}
#page3 #content .col_2 ul {margin:7px 0 14px 0}


/*================== index-3.html ==================*/
#page4 #content .col_1 .ind {padding:18px 20px 0 0}
#page4 #content .col_2 .ind {padding:28px 20px 22px 29px}
#page4 #content .col_2 .line_2 {margin:0 -4px 0 -14px}
#page4 #content .col_2 .img_left {margin:5px 20px 0 0}


/*================== index-4.html ==================*/
#page5 #content .col_1 .ind {padding:18px 20px 0 0}
#page5 #content .col_2 .ind {padding:28px 20px 22px 29px}
#page5 #content .col_2 .line {margin:0 -4px 0 -14px}
#page5 #content .col_2 .box {width:423px; padding-bottom:20px}
#page5 #content .col_2 .col_box_1 {width:215px}
#page5 #content .col_2 .col_box_2 {width:208px}
/*input {width:191px; height:24px; border:solid 1px #8d8d8c; font-size:1em; padding-left:10px}*/
.div_input {height:46px}
textarea {width:198px; height:132px; overflow:auto; font-size:1em; border:solid 1px #8d8d8c; padding-left:10px}
.div_links {text-align:right; width:423px}


/*================== index-5.html ==================*/
#page6 #content .col_1 .ind {padding:28px 20px 24px 29px}
#page6 #content .col_1 .line_2 {margin:0 -4px 0 -14px}



/*==================block====================*/
.block { }
.block .l_t { background:url(images/l_t_3.gif) left top no-repeat;}
.block .r_t { background:url(images/r_t_3.gif) right top no-repeat;}
.block .r_b { background:url(images/r_b_3.gif) right bottom no-repeat;}
.block .l_b { background:url(images/l_b_3.gif) left bottom no-repeat; width:100%}
.block .left {background:url(images/left_3.gif) repeat-y left}
.block .top {background:url(images/border.gif) repeat-x top}
.block .right {background:url(images/border.gif) repeat-y right}
.block .bot {background:url(images/border.gif) repeat-x bottom}

.block_2 { background:#fff}
.block_2 .l_t { background:url(images/l_t_3.gif) left top no-repeat;}
.block_2 .r_t { background:url(images/r_t_4.gif) right top no-repeat;}
.block_2 .r_b { background:url(images/r_b_3.gif) right bottom no-repeat;}
.block_2 .l_b { background:url(images/l_b_3.gif) left bottom no-repeat; width:100%}
.block_2 .left {background:url(images/left_3.gif) repeat-y left}
.block_2 .top {background:url(images/border.gif) repeat-x top}
.block_2 .right {background:url(images/border.gif) repeat-y right}
.block_2 .bot {background:url(images/border.gif) repeat-x bottom}

/*==========================================*/