/* basics begin */

html { min-height: 100% }
body { font-family: Verdana, Arial ; color: #000 ; font-size: .75em ; background-image: url('/images/bg-gradient.jpg') ; background-repeat: repeat-x ; background-position: top left ; background-color: #e6e6e6 }
body { margin: 0px ; padding: 0px }

.entry dl, .entry ul, .entry ol, .entry form, .entry table { margin-left: 18px ; width: 600px }

h1 { margin: 0px ; padding: 0px ; border: 0px }
h2, h3, h4, h5, h6 { font-family: Bryant, Verdana ; color: #ff4e19 ; margin: 20px 0 0 18px ; padding: 0 ; line-height: 100% }
h2 { font-size: 1.8em }
h3 { font-size: 1.25em }
h3.subhead { margin: 8px 0 0 18px }

p { margin: 1em 18px  ; padding: 2px 0px ; border: 0px solid blue ; width: 630px }
p span { color: #ff4e19 ; font-size: 125% }

img { border: 0px }
img.photo { border: 1px solid #808080 }
a { color: #808080 ; font-weight: bold ; text-decoration: none }
a:hover { color: #277df1 ; text-decoration: underline }

.linkmouseover { position: absolute ; visibility: hidden ; border: 1px solid #808080 ; background-color: #f0f0f0 ; width: 260px ; padding: 0px !important ; z-index: 6 }
.linkmouseover p a span { font-weight: normal }
.linkmouseover p a:hover { text-decoration: none }
.linkmouseover p { font-size: 80% }

br.clear-l { clear: left }
br.clear-r { clear: right }
br.clear-b { clear: both }

form.contact { width: 620px ; padding: 0px ; border: 0px }
form.contact label:first-child { margin-top: 17px } 
form.contact label { text-align: right ; height: 20px ; width: 110px ; float: left ; padding: 0.2em ; margin: 0em ; margin-top: 0.3em }
form.contact .textfield { margin: 3px ; height: 20px ; width: 420px }
form.contact .textarea { margin: 3px ; width: 420px }
form.contact .submit { margin: 10px 0px 0px 114px }

hr { color: #f0f0f0 ; height: 1px ; clear: left ; width: 630px ; margin-left: 18px }

.clearl { clear: left }
.clearr { clear: right }
.clearb { clear: both }

/* basics end */

/* tables begin */

table tbody tr td, table thead tr td { vertical-align: top }

.data {  }
.data tbody tr td { padding: 3px 5px 6px }
.data { border: 1px solid #c0c0c0 ; border-width: 0px 0px 1px 0px }
.data thead tr td { border: 2px solid #27c4f1 ; border-width: 0px 0px 2px 0px }
.data thead tr td span { background: #27c4f1 url('http://www.connectingourworld.org/images/tabletop.gif') no-repeat right top ; color: #ffffff ; padding: 2px 25px 0px 6px !important ; border: 2px solid #27c4f1 ; border-width: 0px 0px 2px 0px }
.data tbody tr td p { width: auto }

/* tables end */

/* structure begins */

#wrapper { padding: 10px 5px 10px 5px ; margin: 0px 12px ; width: 965px ; background-color: #ffffff ; height: 100% }

/* took out overflow: hidden ; previous width: 630px before redoing the sidebar */
#content { float: none ; width: 100% ; position: relative ; margin: 0 ; padding: 0 }
.post { margin: 0px ; padding: 0px ; width: 100% }
.entry { margin-bottom: 20px ; padding: 0px ; width: 100% ; float: none }

.sidebar { float: right ; width: 298px ; background-color: #f0f0f0 ; margin: 54px 0px 2em 1.25em ; padding: 1em 0em ; height: 100% ; position: relative ; top: 13px }
.sidebar ul { list-style: none ; margin: 0 ; padding: 0 ; width: 100% }
.sidebar ul li { background:url(/_/Image/_/bullet.gif) 0px 5px no-repeat ; margin: 0 ; padding:0 0 3px 8px }
.sidebar p { margin: .75em 1em ; padding: 2px 0px ; width: 260px }
.sidebar h3 { margin: .5em .5em .1em ; padding: 0 ; color: #ff4e19 }

.sidebar blockquote.tagline { margin: .75em .4em 0em .3em ; padding: 2px 0px ; color: #ff4e19 ; font-weight: bold }
.sidebar blockquote { margin: .75em .2em 0 1em ; padding: 2px 0 }
.sidebar blockquote.quote { color: #27c4f1 }
.sidebar blockquote.quote div { margin: .75em .2em 0em .3em ; padding: 2px 0px ; color: #ff4e19 ; font-weight: bold ; text-indent: -8px }
.sidebar blockquote.quote div:before, blockquote div:after { content: "''" }

.sidebar .campaigns { list-style: none ; margin: 0 ; padding: 0 ; width: 100% }
.sidebar .campaigns li { background-color: #cccccc ; border: 1px solid #27c4f1 ; border-width: 0px 0px 0px 8px ; margin: 5px 0px 5px 0px ; height: 77px ; padding: 0px }
.sidebar .campaigns li:hover { background-color: #ffffff }
.sidebar .campaigns li a { border: 1px solid #fafafa ; border-width: 0px 19px 0px 0px ; height: 77px ; display: block }

#relatednav { padding: 0px ; margin: 15px 0px 10px 0px }
#relatednav li { background-color: #fafafa ; border: 1px solid #27c4f1 ; border-width: 0px 0px 0px 8px ; margin: 5px 0px 5px 0px ; height: 24px }
#relatednav li:hover { background-color: #ffffff }
#relatednav li a:hover { text-decoration: none }
#relatednav li img { position: relative ; top: 4px }
#subnav { padding: 0px 0px 0px 7px ; margin: 15px 0px 10px 0px }
#subnav li { margin: 5px 0px 5px 0px }

#coworld-banner { margin-bottom: 12px }

#mainnav { margin: 0 ; padding: 0 ; list-style-type: none ; height: 33px ; margin-bottom: 12px }
#mainnav li { display: inline ; float: left ; width: 167px ; height: 33px ; border-top: 4px solid #ffffff }
#mainnav li:hover { border-top: 4px solid #808080 } 
#mainnav li.extranav:hover { border-top: 0px solid #808080 } 

#searchsocial { width: 298px ; height: 0px ; float: right }
#social { background-color: #f0f0f0 ; margin-top: 66px ; float: left ; position: relative ; z-index: 4 }
.socialicon { padding: 1px 3px 1px 1px }

#searchsocial form { margin: 0px ; display: inline }
.joinusbg { position: absolute ; top: 69px ; left: 684px ; z-index: 1 }
.searchbutton { position: absolute ; top: 123px ; left: 765px ; z-index: 3 }
.joinbutton { position: absolute ; top: 170px ; left: 884px ; z-index: 5 }
.searchinput { position: relative ; z-index: 2 }
.joinusinput { position: relative ; z-index: 2 ; left: 95px }


@media screen and (-webkit-min-device-pixel-ratio:0) {
.joinusbg { position: absolute ; top: 71px ; left: 684px ; z-index: 1 }
}

#footer { clear: both ; font-size: 80% ; width: 965px ; background-color: #e6e6e6 ; min-height: 160px }
#footer a { color: #003333 }
#footer a:hover { color: #277df1 }
#footer a.powerlink { font-weight: normal }
#footer a.powerlink:hover { color: #003333 }

#footer ul { list-style: none ; margin: 0px ; padding: 0px }
#footer li:first-child { font-weight: bold } 
#footer ul li { padding: 3px 0px }

#hoof, #nafsafoot { width: 120px ; float: left ; padding-left: 30px !important ; padding-top: 10px !important ; background-color: #edf8fb ; height: 150px }

#legal { width: 278px ; float: left ; padding-left: 70px ; padding-top: 10px  ; background-color: #edf8fb ; height: 150px ; margin-right: 17px ; border: 1px solid white ; border-width: 0px 1px 0px 0px }

#poweredby { width: 280px ; float: left ; padding: 0px 10px 0px 8px ; background-color: #f0f0f0 ; padding-top: 10px !important ; min-height: 150px ; font-style: italic ; border: 1px solid white ; border-width: 0px 0px 0px 1px ; background-image: url('/images/nafsa-ghost.png') ; background-repeat: no-repeat ; background-position: bottom right }

#poweredby img { display: block ; float: right ; margin-top: 12px }

/* structure ends */

/* homepage begins */

#highlights { width: 965px ; height: 285px ; margin: 0px 0px 17px 0px }

#ppc-items { clear: both ; width: 965px ; min-height: 245px ; margin: 20px 0px 17px 0px ; float: left }
#ppc-items div { width: 298px ; min-height: 245px ; background-image: url('/images/ppc-stripebg.png') ; float: left ; padding: 0px }
#ppc-items div p { display: none }
#ppc-items div ul { margin: 4px 6px ; padding: 0px ; list-style: none ; width: 96% }
* html #ppc-items div ul { margin-top: -10px }
#ppc-items div ul li { background-image: url('/images/itembg.png') ; background-repeat: no-repeat ; background-position: bottom right }
#ppc-items div ul li { padding: 8px 12px ; margin: 4px 0px 12px 0px }
#ppc-items div ul li span { font-size: 80% ; color: #999999 ; display: block ; margin: 2px 0px }


#action { width: 298px ; border: 0px solid blue }
#blog { width: 334px !important ; margin-left: 17px ; border: 0px solid blue }
#news { width: 298px ; margin-left: 17px ; border: 0px solid blue }


/* new image rotator */
#featured { width: 625px ; position: relative ; height: 283px ; margin-left: 15px }

#featured ul.ui-tabs-nav { list-style: none ; padding: 0 ;  margin: 0 ; width: 200px }
#featured ul.ui-tabs-nav li { padding: 0px ; padding-right: 13px ; font-size: 12px ; color: #666 ; margin: 0px 0px 6px 0px }
#featured ul.ui-tabs-nav li + li { margin: 5px 0px }
#featured ul.ui-tabs-nav li span { font-size: 11px ;  font-family: Verdana ; line-height: 18px ; display: none }

#featured ul.ui-tabs-nav li.ui-tabs-selected img { position: relative ; z-index: 6 }
#featured ul.ui-tabs-nav li.ui-tabs-nav-item span { position: relative ; z-index: 7 ; display: block ; width: 150px ; height: 91px ; background:  url('/images/transparent_block_grey.png')}
#featured ul.ui-tabs-nav li.ui-tabs-nav-item span:hover { position: relative ; z-index: 7 ; display: block ; width: 149px ; height: 90px ; background: transparent }
#featured ul.ui-tabs-nav li.ui-tabs-selected span { position: relative ; z-index: 7 ; display: block ; width: 149px ; height: 90px ; background: transparent }

#featured .ui-tabs-panel { width: 470px ; position: absolute ; top: 0 ; right: 0px ; overflow: hidden }
#featured .ui-tabs-hide { display: none }
#featured li.ui-tabs-nav-item img  { height: 90px }

/*On Hover Style*/
#featured ul.ui-tabs-nav li span { display: block ; font-size: 11px; font-family: Verdana }
#featured li.ui-tabs-nav-item a { display: block ; height: 90px ; width: 149px ; text-decoration: none ; color: #333 ; background: #fff ; line-height: 20px }
#featured ul.ui-tabs-nav li img { float: left ; margin: 0px ; padding: 0px ; border: 1px solid #808080 }

#featured .ui-tabs-panel .info { position: absolute ; top: 213px ; left: 0 ; height: 70px ;  width:  470px ; background:  url('/images/transparent_block.png') ; padding: 2px 6px }
#featured .info h2 { font-size: 1.5em ; color: #fff ;  padding: 5px ;  margin: 0 ; overflow: hidden ; text-shadow: 1px 1px 1px #05607a ; filter: Shadow(Color=#05607a, Direction=135, Strength=2) }
#featured .info p { margin: 0 5px ; color: #fff ; font-weight: bold ; text-shadow: 2px 2px 2px #05607a ; width: 450px ; filter: Shadow(Color=#05607a, Direction=135, Strength=3) }
#featured .info a { text-decoration: none ; color: #fff }
#featured .info a: hover { text-decoration: underline }

/* homepage ends */

/* Search results begin */

.navigation { width: 600px ; margin: 12px 0px 12px 18px }
.searchresult { margin-bottom: 24px }

/* Search results end */

/* Share buttons begin */

.addthis_default_style { margin-left: 18px ; padding-top: 6px !important }
.page-id-248 .addthis_default_style { display: none }
.addthis_button_facebook_like { margin-left: 20px }

/* Share buttons end */

img.issue { float: left ; margin: 0px 1.3em 2em 0px ; clear: left }
img.button { margin-bottom: 12px }
img.first { margin-left: 157px }

.toolresource { width: 600px ; float: left ; margin: 0em 18px 20px 18px }
.toolresource div { text-align: center ; float: left ; width: 50% }
.toolresource div img { border: 1px solid #f0f0f0 ; margin-bottom: .5em }

.triblock { float: left ; width: 192px ; margin-right: 12px }
.triblock2 { float: left ; width: 187px ; margin-right: 0px }

dl.faqs { padding: 0 ; width: 630px }
.faqs dt { background-color: #27c4f1 ; color: #ffffff ; padding: .5em ; font-weight: bold ; text-transform: uppercase ; border: 1px solid #f0f0f0 ; border-width: 1px 1px 0px 1px }
.faqs dd { margin: 0 0 1em 0 ; background: #fafafa ; padding: 1em .5em ; font-style: italic ; border: 1px solid #f0f0f0 ; border-width: 0px 1px 1px 1px }

.comment-body p { width: 570px !important }
.comment-body img { max-width: 500px !important }
.commentfield { border: 1px solid cccccc ; background-color: #f0f0f0 ; margin: 0px ; padding: 0px ; width: 630px }
.commentfield p { margin-left: 0px ; margin-right: 0px ; padding-bottom: 12px ; padding-left: 12px }
.commentfield textarea { margin: 6px }

.letter { width: 590px ; margin-left: 38px ; padding: 20px 10px 20px 10px ; border: 1px solid #cccccc ; font-family: times }
.letter p { width: 550px }


/* Postcard background should print */

#postcard { background: transparent url('/images/postcard.png') no-repeat right top !important }

/* Share buttons end */