/* reset style, puts all browsers on the same default settings so to speak*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

/* background image, and main text font size and color*/
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333;
	background-image: url(../images/template-images/stripe_c346eb18743ac085c4173348f264c659.png);
}

/*clearing element for clearing floats, etc.*/
.clearit {
	clear:both;
}

/*default styling for form items*/
form {
	margin: 0;
	padding: 0;
}

/*default styling for fieldset elements*/
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/*default styling for input area elements (mostly on forms)*/
input, textarea, select {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*main headings*/
h1, h2, h3, h4{
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00416f;
	padding-top: 10px;
	}

h1 {
	font-size: 2em;
	color: #da2c3a;
	padding: 0px;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
}
h4 {
	font-size: 1.4em;
	font-weight: normal;
}

/* light colored title text, I tried to mostly get rid of these, but have not deleted them because I think there are still some lurking in some far flung pages*/

.h2b, .h3b {
	font-weight: bold;
	color: #999999;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.h2b {
	font-size: 2.0em;
}

.h3b {
	font-size: 1.5em;
}
/* red colored title text, I tried to mostly get rid of these, but have not deleted them because I think there are still some lurking in some far flung pages*/

.h1c {
	letter-spacing: -1px;
	font-size: 2.7em;
	font-weight: bold;
	color: #00416f;
	line-height: normal;
}
.h1d {
	letter-spacing: -1px;
	font-weight: bold;
	color: #da2c3a;
	font-size: 2.7em;
}
.h2c {
	letter-spacing: -1px;
	font-size: 2.0em;
	font-weight: bold;
	color: #00416f;
}
.h2d {
	letter-spacing: -1px;
	font-weight: bold;
	color: #da2c3a;
	font-size: 2.0em;
}
.h3d {
	font-size: 1.5em;
	color: #da2c3a;
}

/* paragraphs*/
p{
	padding-top: 5px;
	
	
}

/*lists*/
ul, ol {
	padding-left: 20px;
	margin-left: 10px;
	margin-bottom: 5px;
}

/* links*/
a {
	color: #00416f;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
/*links properties on hover*/
a:hover {
	text-decoration: none;
	color: #da2c3a;
}

hr {
	display: none;
}

/*removes blue line around images with l;inks in older browsers*/
img {
	border: none;
}

/*can be applied to images to float them left*/
img.left {
	float: left;
	margin: 0 15px 0 0;

}

/*can be applied to images to float them right*/
img.right {
	float: right;
	margin: 0 0 0 15px;
}

/*for the google searchbar on top of each page*/
#searchbox {
	float: right;
}

/*formats the tables*/
table {
	border-collapse: collapse;
	text-align: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	/*border: 2px solid #CCC;*/
}

/*formats the table headers*/
table th
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*formats the table content*/
table td
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;*/
	color: #000;
	
}

/*formats the table content on rollover*/
table tbody tr:hover td {
	/*color: #000;*/
}



/* styles for the rss burner on the news page*/

div.feedBurnerFeedBlock .feedTitle {
	color: red;
	font-size: 24px;
}

div.feedburnerFeedBlock ul { 
margin-left:0; 
padding-left:0; 
list-style-type: none 
}
div.feedburnerFeedBlock ul li {
	margin-bottom: 10px;

}

div.feedburnerFeedBlock ul li span.headline {
	font-weight:bold;
	display:block;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

div.feedburnerFeedBlock {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* end of styles for the rss burner on the news page*/




/* google searchbar and 404 widget */
#goog-wm {
  width: 600px;
  padding: 1em;
  background-color: white;
}


#goog-wm h3.closest-match {
  color: #00416f;
  border-bottom: 3px dashed #999999;
  padding-bottom: 0.5em;;
  font-size: 170%;
  margin: 0;
}

#goog-wm h3.closest-match a { }
   
#goog-wm h3.other-things {

  color: #da2c3a;
}
   
#goog-wm ul li { }
   
#goog-wm li.search-goog {
  display: none;
}
/* end of google searchbar and 404 widget */


/* used for icons in the rss feed and twitter feed on the news page*/
.socialmedia-right {
	float: left;
	margin-right: 5px;
}

/* Header */

#header {
	width: 900px;
	height: 76px;	letter-spacing: -1px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
}

/*holds top logo and navigation*/
#header-left {
	float: left;
	width: 650px;
}

/* holds top searchbar*/
#header-right {
	float: right;
	width: 250px;
	margin-top: 40px;
}

/* header div that holds header images*/
#headerhome {
	clear: both;
	width: 900px;
	height: 219px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}

/* header div that holds the photocontest page flash animation*/
#headerphotocontest {
	clear: both;
	width: 900px;
	height: 405px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}

/* content wrapper, sets width of the page, centers in browser*/
#wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 100%;

}

/*top navigation menu*/

#menu {
	float: right;
	margin-top: 15px;
	margin-right: auto;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 30px 20px 0 20px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-size: 20px;
	color: #666;
}

#menu a:hover {
	color: #f9dd53;
	background-image: url(../images/menu-items/top-menu-rollover-item-arrow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu .current_page_item a {
	color: #da2c3a;
	background-image: url(../images/menu-items/top-menu-current-item-arrow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* wrapper for the main content*/

#page {
	width: 900px;
	background: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}
/* div that holds quote blocks*/
#quote-block {
	background-image: none;
	height: 100px;
	width: 900px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	float: left;
}

/* custom sized div used on the 404 error page*/
#fourofourerror {
	float: none;
	width: 600px;
	text-align: left;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;
}

/* div for twitter updates feed*/
#twitter_div {
	width: 283px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

/* list styling for twitter feed*/
#twitter_update_list li {
	list-style-type: none;
	list-style-image: url(../images/template-images/link-arrow.gif);
	margin-top: 5px;
}


/* css for two column secondary page layout */

/* left column */

.left-inner-two {
	float: left;
	width: 445px;
	text-align: left;
	white-space: normal;
	margin-right: 10px;
}

/* right column */

.right-inner-two {
	float: left;
	width: 445px;
	text-align: left;
	white-space: normal;	
	padding-bottom: 10px;
}


/* css for three column secondary page layout */

/* div on front page that holds static news article*/
.front-article {
	float: left;
	width: 596px;
	text-align: left;
	white-space: normal;
	margin-right: 10px;
	padding-bottom: 10px;
}

/* left two columns on 3 column layout */
.left-inner-three {
	float: left;
	width: 293px;
	text-align: left;
	white-space: normal;
	margin-right: 10px;
	padding-bottom: 10px;
}
.left-inner-three h3 {
	margin-top: 0px;
	padding: 0px;
	color: #666;
}


/* right column on 3 column layout*/
.right-inner-three {
	float: right;
	width: 293px;
	text-align: left;
	white-space: normal;
	padding-bottom: 10px;
}
.right-inner-three h3   {
	margin-top: 0px;
	padding: 0px;
	color: #666;
}

/* index page bottom color blocks, hold links and such- left side*/
.left-inner-three-skinny {
	float: left;
	width: 131px;
	font-size: 12px;
	text-align: left;
	white-space: normal;
	margin-right: 10px;
	padding-bottom: 10px;
	background-color: #FC3;
	padding-left: 10px;
	padding-top: 10px;
	height: 200px;
	
}

/* index page bottom color blocks, hold links and such- right side*/
.right-inner-three-skinny {
	float: left;
	width:132px;
	font-size: 12px;
	text-align: left;
	white-space: normal;
	padding-bottom: 10px;
	background-color: #FC3;
	padding-left: 10px;
	padding-top: 10px;
	height: 200px;
}

/* css for tertiary pages */

/* this id is used for the large text blocks on the tertiary pages */
#center-content {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	width: 705px;
}

/* a specialized class that only applies to the h2 tags of the twitter and rss feeds on the news page */
.no-top-padding {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

/* Side navigation bars on tertiary page layout */
#nav-bar {
	float: left;
	width: 150px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: left;
	white-space: normal;
}

/* paragraph styles for side nav bar */
#nav-bar p {
	color: #999999;
}

/* Side navigation bar links */
#nav-bar a {
	text-decoration: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left;
	color: #666;
}

/* Side navigation bar links hover*/
#nav-bar a:hover {
	color: #da2c3a;
}

/* Side navigation bar lists */
#nav-bar ul {
	margin: 0;
	list-style: none;
	padding: 0px;
}

#nav-bar li {
	display: block;
	padding-top: 5px;
	background-image: url(../images/template-images/link-arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}


/* Spacers for stacking multiple divs */

/* for secondary pages */
.spacer {
	height: 10px;
	width: 900px;
}

/*within a 3 column div*/
.spacer-three-column {
	height: 10px;
	width: 293px;
}

/* Sidebar (footer) */
#sidebar {
	clear: both;
	width: 900px;
	color: #CCCCCC;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cccccc;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	margin-top: 20px;
}

/* Sidebar (footer) paragraph*/
#sidebar p {
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/* Sidebar (footer) links*/
#sidebar a {
	color: #666;
	text-decoration: none;
}

/* Sidebar (footer) links hover*/
#sidebar a:hover {
	color: #da2c3a;
}

/* italic */
.italic {
	font-style: italic;
}

/* bold italic */
.bolditalic {
	font-style: italic;
	font-weight: bold;
}

/* used for word and pdf icons */
.icon {
	margin-left: 5px;
}

/* used for the social media icons on the bottom of the page*/
.socialmedia {
	float: left;
	margin-left: 5px;
}


/* div that holds social media icons */
#socialmediaarea {
	float: right;
	padding-bottom: 10px;
	padding-top: 5px;
}

/* holds bottom nav within Sidebar (footer)*/
#links {
	float: left;
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*navigation for the css dropdown menu on the koreawest pages ( and also teach usa program location menu)*/
.koreawestprofiles-subnav ul {
	padding: 0px;
	margin: 0px;
}
.koreawestprofiles-subnav li {
	display: inline;
	padding-right: 10px;
}
#vert-drop ul .item{display:none;}

#vert-drop ul:hover .item{display:block;}
/*end of navigation for the css dropdown menu on the koreawest pages (and also teach usa program location menu)*/


/*list style for sitemap page*/
#sitemap {
	padding-bottom: 10px;

}
#sitemap ul {
list-style:none;
margin:10px;

}
#sitemap li {
	padding:5px;
	display:inline;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #da2c3a;
}
/*end of list style for sitemap page*/