
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Arial;
	font-size: 62.5%;
	/*background: #CFCFCF;*/
	height: 100%;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*end reset */

.clearfix{
display: block;
clear: both;
}

.width1{
width: 60px;
float: left;
}
.width2{
width: 130px;
float: left;
}
.width3{
width: 200px;
float: left;
}
.width4{
width: 270px;
float: left;
}
.width5{
width: 340px;
float: left;
}
.width6{
width: 410px;
float: left;
}

.width7{
width: 480px;
float: left;
}

.width8{
width: 550px;
float: left;
}

.width9{
width: 620px;
float: left;
}

.width10{
width: 690px;
float: left;
}


.left{
float: left;
display: block;
}
.right{
float: right;
display: block;
}
.bump_left{
margin-left: 10px;
}
.bump_right{
margin-right: 10px;
}
.bump_top
{
    margin-top: 10px;
}
.bump_bottom
{
    margin-bottom: 10px;
}
.push_left
{
    margin-left: 20px;
}
.push_right
{
    margin-right: 20px;
}
.push_top
{
    margin-top: 20px;
}
.push_bottom
{
    margin-bottom: 20px;
}

#header{
width: 100%;
margin: auto;
}
#logo {
width: 970px;
height: 70px;
background: url(/images/header.jpg) bottom left no-repeat;
margin: auto;
}
#logo #logo_image
{
    float: left;
    width: 700px;
    height: 56px;
    margin-top: 14px;
}
#logo span#search 
{
    float: right;
    width: 250px;
    margin-top: 14px;
}
#logout + span
{
    display: none;
}

#logo span#search p
{
    font-size: 1.3em;
    margin-bottom: 5px;
}
#logo span#search input
{
    padding: 5px;
}
#logo span#search input[type="text"]:focus 
{
     background: url(/images/input.jpg) repeat-x;
}
#nav{
width: 100%;
background: url(/images/nav_images.jpg) top left repeat-x;

}
#mainNav{
/*width: 970px;*/
width: 1100px;
height: 61px;
background: url(/images/nav_images.jpg) top left repeat-x;
color: #fff;
font-size: 1.5em;
margin: auto;
text-align: left;
}
/*
#secondNav{

height: 40px;
margin: auto;

position: relative;
left: 0px;
padding-left: 60px;
background: #cfcfcf url(../images/second_nav_gradient.gif) repeat-x;
}
*/

#mainNav ul{
list-style: none;
/*width: 970px;*/
width: 1100px;
}
#mainNav  li{
width: 120px;
float: left;
height: 61px;
}
#mainNav .current_link  a{
/*background: url(../images/current_nav.gif) repeat-x;*/
background:url(/images/nav_images.jpg) bottom left repeat-x;
color: #fff ;
}
#mainNav .current_link > ul li a{
background: none;
color: #000;
}
#mainNav li > ul li a{
color: #5b5b5b !important;
font-weight: bold;
}
#mainNav .current_link ul {
display: block;
float: left;
position: relative;
height: 25px;
background: #fff;
top: 1px;

width: 975px;
padding-top:9px;
}
#mainNav li.current_link a{
color: #fff;

}
#mainNav  > ul.navItem > li:hover > a{
background: url(/images/nav_images.jpg) middle left repeat-x;
}
#mainNav li > a{
display: block;
width: 130px;

color: #fff;
text-decoration: none;
padding-top: 15px;
height: 45px;
}
#mainNav li + li{
margin-left: 10px;
}
#mainNav li > a span{
margin:auto;
width: 100px;
display: block;
padding-left:20px;
}
#mainNav li > ul li a{
width: auto;
padding: 0px;
margin: 0px;
color: #000;
font-size: .8em;
height: auto;
display: inline;
}
div.inside + div {
margin-top: 20px !important;
}
/*
#mainNav li a + span.desc{
display: none;
}*/
#mainNav li > ul{
display: none;
}
/*#mainNav li:hover > ul{
background:url(../images/hover_info_gradient.jpg) repeat-x;
background: url(../images/current_nav.gif) repeat-x;
display: block;
z-index:100;
position: relative;
left: 0px;
height:60px;
margin-left: 0px;
margin-top:16px;
padding:5px 10px 10px 10px;
width:970px;
font-size: .8em;
font-weight: bold;
line-height: 1.3em;
text-align: left;
color: #fff;

border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}*/
#mainNav li:hover > ul{
display: block;
float: left;
position: relative;
height: 25px;
background: #fff;
top: 1px;
z-index: 200;
width: 975px;
padding-top:9px;
}
#mainNav li#news > ul {
z-index: 200;
}
#mainNav li#training > ul{
left: -130px;
}
#mainNav li#projects > ul{
left: -260px;
}
#mainNav li#tutorials > ul{
left: -390px;
}
#mainNav li#about > ul{
left: -520px;
}
#mainNav li#press > ul{
left: -650px;
}
#mainNav li#support > ul{
left: -780px;
}
#mainNav li#training.show > ul{
left: -130px;
display: block;
}
#mainNav li#projects.show > ul{
left: -260px;
}
#mainNav li#tutorials.show > ul{
left: -390px;
}
#mainNav li#about.show > ul{
left: -520px;
}
#mainNav li#press.show > ul{
left: -650px;
}
#mainNav li#support.show > ul{
left: -780px;
}
#mainNav li#core > ul{
left: -657px;
}
#mainNav li > ul li{
float: none;
display: inline;
width: auto;
margin: 0px 10px 0px 10px;
padding: 3px 4px 5px 4px;
height: auto;
}
#mainNav li > ul li:hover {
color: #fff !important;
background: #97c723;


border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#mainNav li > ul li.current {
color: #fff !important;
background: #97c723;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#mainNav li > ul li.current a {
color: #fff !important;
}
#mainNav li > ul li:hover a{
color: #fff !important;
}

#mainNav li a + span.desc a{
display: inline;
color: #000;
}
#mainNav li a:hover #secondNav{
display: block !important;
}
/******************* styling for the javascript in overall.master *******************************/
#mainNav .show > ul {
	display: block;
	float: left;
position: relative;
height: 25px;
background: #fff;
top: 1px;
z-index: 200;
width: 975px;
padding-top:9px;
}
#mainNav li.with-js > ul {
	display: none !important;
}
#mainNav > ul.navItem > li.with-js:hover a{
background: none;
}
#mainNav li.show  a {
background: url(/images/hover_info_gradient2.jpg) repeat-x;
}
#mainNav li.show > ul a{
background: none;
}
#mainNav li.current_link > ul {
display: block !important;
z-index: 100 !important;
}
#mainNav > ul.navItem > li.current_link > a{
background: url(/images/hover_info_gradient.jpg) repeat-x !important;
}
/************************* end javascript styling **********************/

#secondNav{
display:none;
}
#secondNav ul{
list-style: none;
padding-top: 13px;
position: relative;
left: 0px;
width: 970px;
margin: auto;
height: 40px;
}
#secondNav li{
display: inline;
margin-right: 10px;
font-size: 1.1em;
padding: 5px 5px 5px 5px;

/*background: #97c723;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;*/
}
#secondNav li.current{
color: #fff !important;
background: #97c723;

padding-bottom: 5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#secondNav li.current a{
color: #fff !important;
}
#secondNav li a{
text-decoration: none;
color: #014891;

}
#secondNav li:hover{
color: #fff !important;
background: #97c723;

padding-bottom: 5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#secondNav li:hover a{
color: #fff;
}

#content{
width: 970px;
height: 100%;
min-height: 600px;
background: green;
margin: auto;
background: #fff;
}

#left_content{
width: 270px;
float: left;

margin-right: 10px;
}

#center_content{
width: 480px;
height: 100%;
float: left;
margin-right: 10px;
}
#center_content img
{
    margin-top: 10px;
}
#center_content .storyImg
{
    width: 130px;
float: left;
background: #EEE;
border: 1px solid #BFBFBF;
text-align: center;
margin-right: 5px;
padding-bottom: 10px;
}

#ContentPlaceHolder1_right_content{
width: 200px;
float: right;
margin-top: 20px;
}

#content > #feature_list + #left_content + #center_content + #ContentPlaceHolder1_right_content{
margin-top: 0px !important;
}

#footer{
width: 100%;
height: 275px;
background: #97c723;
margin-top: 65px;

}

#footer #footer_inside{
width: 970px;
margin: auto;
height: 275px;

}

#footer #blog{
color: #fff;
float: left;
height: 230px;
width: 480px;
margin-top: 20px;
}

#footer #blog h3{
font-size:3.0em;
text-align:left;
margin: 0px 0px 10px 0px;
}
#footer #blog h3 a
{
    text-decoration: none;
}
#footer #blog .comment {
color: #cbe18e;
font-weight: bold;
display:block;
float:left;
height:70px;
text-align:center;
width:60px;
}
#footer #blog a{
color: #054189;
}
#footer #blog a:hover{
color: #000;
}

#footer #links{
display:block;
float:left;
text-align: center;
width: 300px;
}
#footer #links h3{
font-size: 1.7em;
margin-bottom: 10px;
text-align: center;
}
#footer #links img+img{
margin-left: 10px;
}

.comment .comment_count{
display:block;
font-size:3em;
margin:5px 0;
text-align:center;
width:60px;
}
#footer .date .number
{
    display: block;
    text-align: center;
    font-size: 3.3em;
    margin: 0px 0px 5px 0px;
}
#footer .date .text
{
    font-size: 1.5em;
    text-transform: uppercase;
}


#footer #blog .post_content{
display:block;
float:right;
margin:0 0 0 10px;
width:410px;
}
#footer #blog a img
{
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 10px;
}

#footer #blog .post{
display: block;
width: 480px;
height: 70px;
}
#footer .tiny{
display:block;
float:left;
padding-top:10px;
font-size: 1em;
}


#blog .post + .post{
margin: 10px 0px 0px 0px;
}
#blog tr + tr td
{
    padding: 10px 0px 0px 0px;
    display: block;
    
}

.post_content .post_title{
display:block;
font-size: 1.3em;
font-weight: bold;
color: #1E67C1;
}
.post_title a:hover{
color: #000;
}
.post_content .post_summary{
display:block;
font-size:1.2em;
margin:5px 0 0;
overflow: hidden;
line-height: 15px;
}
.post_content .post_summary .highlight a
{
    font-weight: bold;
    color: #054189 !important;
    padding-left: 5px;
}
.post_content .post_summary .highlight a:hover
{
    color: #000 !important;
}

#footer #social {
float: left;
height: 240px;
width: 480px;
margin-left: 10px;

}

#footer #bird{
background: url(/images/bird.gif) no-repeat bottom right;
display: block;
float: left;
width: 180px;
height: 245px;
}

#footer #twitter{
background: url(/images/twitter.gif) no-repeat top left;
display: block;
float: left;
width: 300px;
height: 190px;
margin-top: 10px;
}
#twitter #tweet{
display:block;
font-size:1.2em;
height:120px;
line-height:1.7em;
padding:10px;
}
#twitter #tweet_time{
display:block;
float:left;
font-size:1.3em;
padding-left:10px;
color: #1e67c1;
}
#twitter #tweet_account{
display:block;
float:right;
font-size:1.3em;
padding-right:10px;
color: #1e67c1;
}
#footer_logo
{
    background:url(/images/front_page/stay_connected.jpg) no-repeat;
    float: right;
    height: 60px;
width: 467px;
margin-top: -50px;
}

/**************** Rules for the slider at top *********************/
#feature_list{
float: left;
margin-bottom: 20px;


}

#output{
height: 270px;
overflow: hidden;
}
#tabs{
display: block;
text-align: center;
width:40px;
margin: auto;
}
#output a{
background:none repeat scroll 0 0 black;
color:#FFFFFF;
display:block;
font-size:2em;
left:700px;
padding:10px;
position:relative;
text-align:center;
text-decoration:none;
top:-50px;
width:150px;
}

#tabs li{
display: inline;
}

#tabs a {
display: block;
float: left;
width: 10px;
height: 10px;
background: url(/images/notcurrent.gif);
}
#tabs a.current{
background: url(/images/current.gif);
}

/*********************** end slider rules *********************************/

/************************** content rules *********************************/
#content h1{
font-size: 2em;
font-family: Helvetica, Arial, Sans-serif;
color: #1e67c1;
margin-bottom: 20px;
padding-top: 10px;

}

div.story{
clear:both;
margin-bottom: 20px;
}

#left_content a{
font-size: 1.5em;
color: #1e67c1;
font-weight: bold;
line-height: 1.5em;
}
#left_content a:hover{
color: #97c723;
}
#left_content p{
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 20px;
margin-right: 20px;
}
#left_content p a{
font-size: 100%;
}
#left_content img{
margin: 20px 0px 10px 0px;
}

#center_content a{
display: block;
font-size: 1.5em;
color: #1e67c1;
font-weight: bold;
line-height: 1.5em;
}
#center_content a:hover{
color: #97c723;
}
#center_content .story {
line-height: 1.5em;
}
#center_content .timedate{
display: block;
color: #97c723;
font-size: 1.1em;
margin: 5px 0px;
z-index: 20;
}
#center_content p{
font-size: 1.2em;
line-height: 1.5em;
}


/******************** copy rules **************************/
#copy{
float: left;
width: 760px;
margin-right: 10px;
min-height: 300px;
margin-top: 20px;
margin-bottom: 40px;
padding-bottom: 20px;

}
#copy .hidden
{
    display: none;
}
#copy h1
{
    padding-bottom: 10px;
border-bottom: 1px solid black;
}
#myeastSection #copy 
{
    margin-right: 0px;
    background: #edfcc8;
    padding-left: 5px;
    padding-right: 5px;
}
#copy h2{
font-size: 2.0em;
font-family: Helvetica, Arial, Sans-serif;
color: #1e67c1;
margin-bottom: 20px;
padding-top: 10px;
}

#copy h3{
font-size: 1.5em;
font-family: Helvetica, Arial, Sans-serif;
color: #5a5a5a;
margin-bottom: 10px;
padding-top: 10px;
}

#copy a h2{
font-size: 2em;
} 
#copy a h3{
font-size: 1.7em;
}

#copy p{
line-height: 1.6em;
font-size: 1.2em;
margin-bottom: 20px;
margin-right: 10px;

}
#copy a:hover{
color: #97c723;
}
#copy a:hover h3{
color: #97c723;
}
#copy p a{
font-size: 100%;
}
#copy .timedate{
display: block;
color: #97c723;
font-size: 1.2em;
margin: 5px 0px;
}
#copy ul{
font-size: 1.3em;
line-height: 1.5em;
list-style: disc inside;
list-style-position: inside;
}
#copy img + p
{
    margin-top: 20px;
}
#copy .greyTitle
{
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    color: #5a5a5a;
    margin-bottom: 5px;
}
#copy .greyTitle + a
{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.7em;
    display: block;
}
#copy .width4 a+a
{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.7em;
    display: block;
}
#copy  a +.greyTitle
{
    margin-top: 25px;
}
#copy .width7 + .width4 img + a > .greyTitle
{
    margin-top: 20px !important;
}
#copy .width7 + .width4 p
{
    margin: 0px 0px 5px 0px !important;
}
#copy .width4 p + a
{
    display: block;
    margin-top: 25px;
}
.width7 + .width4
{
    margin-left: 20px !important;
    width: 260px;
}
#copy .width4 img
{
    margin-top: 20px;
}

#copy .headerSearch
{
    width: 760px;
    float: left;
    margin-bottom: 20px;
padding-top: 15px;
  padding-bottom: 10px;
border-bottom: 1px solid black;
height: 21px;
}
#copy .headerSearch span
{display: block;
    float: left;
    font-size: 2em;
font-family: Helvetica, Arial, Sans-serif;
color: #1e67c1;
font-weight: bold;
vertical-align: baseline;


}
#copy .headerSearch input[type="text"]
{
   
    
}

#copy .headerSearch div
{
    float: right;
    margin-top: -10px;
}

.buttonLink:hover
{
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/******************* MY EAST DASHBOARD *****************************/

div.dashboard_category 
{
    width: 370px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 195px;
}

div.dashboard_category img
{
    margin-top: 10px;
    margin-left: 5px;
    float: left;
}
.dashboard_category span 
{
    width:240px;
    margin-left: 11px;
    height: 100%;
    display: block;
    float: left;
}
.dashboard_category ul li
{
    list-style: none !important;
    line-height: .8em;
    list-style-image: none !important;
}
.dashboard_category ul
{
    list-style: none !important;
    padding-bottom: 3px;
}




/********************** My EAST Nav ***********************************/

#ContentPlaceHolder1_right_content a:hover{
color: #97c723;
}
#ContentPlaceHolder1_right_content.shortenIt
{
    padding-bottom: 0px !important;
}
.shortenIt #right_header
{
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
}
    
#ContentPlaceHolder1_right_content #right_header{
width: 200px;
height: 80px;
background: url(/images/myeast_header.jpg) repeat-x;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}
#ContentPlaceHolder1_right_content
{
    background: #0053a7;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#right_header h1{
padding-left: 15px;
color: #fff;
text-decoration: none !important;
}
#right_header h2{
font-size:1.3em;
margin-top:-20px;
padding-left:15px;
color: #fff;
}
#right_header p{
font-size:1.2em;
padding-left:15px;
padding-top:10px;
color: #fff;
}
#right_header a
{
    color: #fff;
}
#right_header p a+a{
padding-left: 10px;
}

#ContentPlaceHolder1_right_content .myEAST a{
font-size: 1.3em;
margin-left: 0px;
color: #fff;
text-decoration: none;

}
a.myeastnav
{
    height: 73px;
width: 170px;
display: block;
float: left;
}
.dropButton
{
    float: left;
    height: 68px;
    margin-top: 5px;
    margin-left: 10px;
    width: 20px;
    display: block;
    background: url(/images/dropButton2.gif) center bottom;
      border-radius: 5px 0px 0px 0px;
    -moz-border-radius: 5px 0px 0px 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
cursor: pointer;
}
.dropButton:hover, .dropButtonHover
{
    background: url(/images/dropButton_hover.gif) center bottom;
}


#ContentPlaceHolder1_right_content .myEAST a .myeastLink p{
font-size: .9em;
margin: 5px 0px 0px 0px !important;
line-height: 1.3em;
color: #fff;
text-decoration: none !important;
}

#ContentPlaceHolder1_right_content .myEAST .myeastLink 
{
    display: block;
    padding: 10px 10px;
    margin: 5px 10px 0px 0px;
    height: 48px;
    width: 140px;
 
    
}
#ContentPlaceHolder1_right_content .myEAST .myeastLink:hover, .dropdownHover
{
    background: #1f408f;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
margin: 5px 10px 0px 0px;
}
.currentdropdownHover
{
    background: #97c723 !important;
     border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
margin: 5px 10px 0px 0px;
}
#ContentPlaceHolder1_right_content .myEAST .myeastLink:hover span, #ContentPlaceHolder1_right_content #myEAST a .myeastLink span
{
   
    text-decoration: underline;
}


 .dropbox 
{
    display: block;
    width: 180px;
    margin: 0px 10px;
  padding-bottom: 10px;
  padding-top: 5px;
    background: url(/images/drop_back.gif) bottom;
}

span.dropbox span
{
    display: block;
    color: #fff;
    
    
    width: 170px;
    text-align: left;
    height: 25px;
    padding-top: 10px;
   padding-left: 10px;
}

.dropbox span:hover
{
    background: #1f408f;
     
       border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.myeastCurrent span
{
    background: #97c723 !important;
     border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.donateButton
{
    width:300px;
    height: 81px;
    background: url(/resources/Images/Icons/donate.jpg) 0 0;
}

.homeDonate
{
    width:265px;
    height: 116px;
    background: url(/resources/Images/Icons/donateButton.jpg) 0 0;
}
.homeDonate:hover, .supportDonate:hover, .donateButton:hover
{
    background-position: bottom;
}
.supportDonate
{
    width:222px;
    height: 59px;
    background: url(/resources/Images/Icons/donateSupport.jpg) 0 0;
}

.homeGear
{
    margin-top:15px;
    width:265px;
    height: 111px;
    background: url(/resources/Images/Icons/gearHome.jpg) 0 0;
}
.homeGear:Hover
{
    background-position: bottom;  
}
/***************************************EAST Gear***************************************/
#gearHeader
{
    width:750px;
    height: 458px;
    background: url(/resources/Images/gear/gearimg.png) no-repeat;
}
.gearTitle
{
    width: 400px;
    height: 458px;
    float: right;
    margin-right: 25px;
    text-align: center;
}
#copy #gearHeader .gearTitle h1
{
    border: none;
    font-size: 75px;
    /*margin-top: 130px;*/
    padding: 0px;
    margin-bottom: 0px;
}
#copy #gearHeader .gearTitle h2
{
    font-weight: 100;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 50px;
}
#copy #gearHeader .gearTitle a
{
    color: #fff;
    padding:5px;
    background: url(/images/myeast_header.jpg) repeat-x;
    font-size: 25px;
    font-weight: 800;
    text-decoration: none;
    margin-top: 25px;
    border-radius: 5px;
    margin-left: 10px;
}
#copy #gearHeader .gearTitle a:hover
{
    background: #1E67C1;
}
#EASTgear
{
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    width: 755px;
    height: 1150px;
    margin-bottom: 25px;
}
#copy #EASTgear li
{
    width: 365px;
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
    text-indent: 0px;
    float: left;
    margin-right: 10px;
}
#EASTgear li div
{
    width:365px;
    height: 45px;
    background: #97C723;
    text-align: center;
    padding-top: 5px;
}
#copy #EASTgear li div h2
{
    border: none;
    font-size: 18px;
    padding: 0px;
    margin-bottom: 3px;
    color: #000;
}
#copy #EASTgear li div h3
{
    border: none;
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    color:#fff;
}
#gearOrder
{
    margin-top: 50px;
    background: #0e54a5;
    padding: 15px;
    width: 710px;
    margin-left: 2px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}
#copy #gearOrder a
{
    color: #fff;
    padding:5px;
    background: #97c723;
    font-size: 25px;
    font-weight: 100;
    text-decoration: none;
    border-radius: 5px;
    margin-top: -5px;
    float: right;
}
#copy #gearOrder a:hover
{
    background:#CBE18E;
    color: #0e54a5;
}

#shopping > tbody > tr > td{
    padding: 13px;
border: solid 1px #ccc;
margin-top: -1px;
width: 45.8%;
display: inline-block;
overflow: hidden;
}
#shopping > tbody > tr > td:nth-child(even){
    border-left: none;
}
#shopping img{
    max-width:100%;
}
#viewCart{
    text-align:center;
    padding-top:50px;
}

/*************************************** Support ***************************************/

#supportHero{
    width: 721px;
    height:301px;
    background-image: url(/images/support_cause/support.jpg);
}
.supportRight{
    width:350px;
    float:right;
    padding:30px;
    text-align:center;
}
#copy .supportRight h2{
    color:#fff;
    font-size:30px;
}
#donateBox{
    width:641px;
    padding:5px 20px;
    border:solid 20px #0057a9;
    margin:20px 0px;
}
.donateLinks{
    float:right;
    width: 451px;
    text-align:right;
    margin-top: 11px;
}
.donateLinks form{display:inline; margin-left:10px;}
.donateLinks button{cursor:pointer;}

.donateText{
    width:185px;
    float:left;
}
.#donateText h3{
    font-size:20px;
    color:#0057a9;
}
.donateText h4{
    font-size:13px;
    color:#0057a9;
}
.monthlydonate{
    margin-top: 20px;
    border-top: solid #0057a9;
    padding: 20px 0px 15px;
}

.guideStar, .amazon{
    width: 50%;
    margin: 25px 0px;
    float:left;
    text-align:center;
}
.guideStar img:hover, .amazon img:hover{opacity: .8;}
#copy .amazon p{margin:5px 0px;}
#copy .guideStarText{
    display: inline-block;
    margin-top: 34px;
    font-size: 26px;
    padding: 8px 0px;   
}
#supportSponsors{
    width:721px;
    text-align:center;
}
#supportSponsors img{
    height: 46px;
    width: auto;
    margin: 14px 12px;
}
#supportSponsors img:hover{opacity:.8;}