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

/*								BASE

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

body {font-size:13px; line-height:1.3; font-family: "Trebuchet Ms"; background:#fff url("/default/theme/images/body.jpg") repeat-x; color:#333;}

hr {border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0;}

/* =Spacing
--------------------------------------------------------------------------------*/

ol {list-style:decimal;}

ul {list-style:square; margin-bottom:5px;}

li {margin-left:30px; padding-bottom:10px; }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,pre,table,address,fieldset {margin-bottom:20px;}

/* anchors
----------------------------------------------- */
a {color:#b7760c; text-decoration:underline;}
a:hover {color:#738ec9;}
a:focus {outline:1px dotted invert;}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {}

/* =Headings
--------------------------------------------------------------------------------*/

h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:14px;}

h1,h2,h3,h4,h5,h6 {line-height:1.2em; margin-bottom: 0.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a { color:#fff; text-decoration:none;}
h1 a:hover { color:#fff;}
h1 a {font-weight:normal;}

/* page heading
----------------------------------------------- */
h1#page-heading {font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc;}
#blog.entry h1#page-heading {border: none;}

/* photo floats
----------------------------------------------- */
.floatright {float: right; margin-right: 10px; margin-bottom: 10px;}
.floatleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.float, .floatnone {margin-bottom: 10px;}

.image-caption {display:block; font-size: 11px; font-weight: bold; margin-top: 5px;}

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

/*								MODULES

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



/*========================================================================*/
/*	BOX the one box to rule them all, and in the darkness bind them
/*	@usage div.box
/*========================================================================*/
.box {background:#fff; margin-bottom:15px;}
.box h1 {font-size:18px; font-weight:normal; text-transform:uppercase; color:#fff; background:#204b7c; margin-bottom:10px; padding:6px 12px;}
.box h2 a:hover {}
.block { margin-top:5px;}


/*========================================================================*/
/*	PARAGRAPHS, QUOTES AND LISTS
/*	
/*========================================================================*/
p {margin-bottom:1em; color:#525459}
blockquote {font-family:Georgia,'Times New Roman',serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul,ol {padding-top:0;}

/*========================================================================*/
/*	MENU
/*	@usage ul.menu
/*========================================================================*/
div.menu {padding:0;}
div.menu h2 {margin:0;}
div.menu .block {padding-top:0;}

ul.menu {list-style:none; border-top:1px solid #bbb;}
ul.menu li {margin:0;}
ul.menu li a {display:block; padding:4px 10px; border-bottom:1px solid #ccc;}
* html ul.menu li a {height: 1%;}/*ie6 hack*/
ul.menu li a:hover {background:#eee;}
ul.menu li a:active {background:#ccc;}
/*-- sub-menu ----------------------*/
ul.menu ul {list-style:none; margin:0;}
ul.menu ul li a {padding-left:30px;}

/*========================================================================*/
/*	SECTION MENU
/*	@usage ul.menu.section
/*========================================================================*/
ul.section {border-top:0; margin-bottom:0;}
ul.section li {text-transform:uppercase;}
ul.section li a {background:#bbb;}
ul.section li a:hover {background:#aaa;}
ul.section li a:active {color:#fff; background:#666;}
ul.section li li a {background:#ddd; border-bottom:1px solid #eee;}
ul.section li li a:hover {background:#ccc;}
ul.section li li a:active {color:#000; background:#fff;}
ul.section ul li {text-transform:none;}
ul.section ul.current li a {background:#eee; border-bottom:1px solid #fff;}
ul.section ul.current li a:hover {background:#ddd;}
ul.section ul.current li a:active {background:#fff;}
ul.section li a.current {color:#fff; background:#666;}
ul.section li a.current:hover {background:#555;}
ul.section li a.current:active {background:#444;}
ul.section li a.active {background:#fff; cursor:default;}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {color:#fff; background:#666; cursor:default;}

/*========================================================================*/
/*	TABLE global table design
/*	@usage table
/*========================================================================*/
table {width:100%; border:1px solid #bbb; margin-bottom:10px;}
col.colC {width:8em;}
th,td {padding:.2em 1em; text-align:left;}
thead th {border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em;}
thead th.table-head {font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555;}
tbody th,
tbody td {border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#fff;}
tbody tr.odd th,
tbody tr.odd td {background:#fff;}
tfoot th,
tfoot td {border-top:2px solid #666; background:#eee;}
tfoot tr.total th,
tfoot tr.total td {border-top:6px double #666;}
tfoot tr.total th {text-transform:uppercase;}
th.currency,
td.currency {text-align:right;}

/*========================================================================*/
/*	ENTRY | entry page for an article or blog post
/*	@usage div.box.article.entry	@extends article 
/*========================================================================*/
.entry {border-bottom: none;}


/*========================================================================*/
/*	COMMENT
/*	@usage li.comment
/*========================================================================*/
.comment {padding:10px;margin:0; margin-bottom:10px;}

.odd {background: #efefef;}
.even {background: #e3e3e3;}

.comment-meta {}
.comment-meta .avatar {float: left; padding-right: 10px; padding-bottom: 10px;}
.comment-meta span.name {display: block;}
.comment-meta span.date {display: inline;}
.comment-meta span.perma {display: inline;}

.admin {background: #E3F1F6;}

/*========================================================================*/
/*	COMMENTS | wrapper for ol.comment and comments submit form
/*	@usage div#comments.box
/*========================================================================*/
#comments {background: none;}

/*========================================================================*/
/*	META
/*	@usage ul.meta	@extends .article | .entry
/*========================================================================*/
.meta {display: block; border-top:1px dotted #999; border-bottom:1px solid #666;}
.meta li {float:left; display: block; list-style:none; margin:0; padding:0 10px;}
.meta li { color:#666; }

.entry .meta li {float: none; border: none; padding:0;}


/* site information
----------------------------------------------- */
#site_info .box {color:#ccc; background:#666; margin-bottom:10px;}
#site_info a {color:#fff;}
#site_info a:hover {color:#000;}
	

/*========================================================================*/
/*	FLICKR-FEED
/*	@usage ul.gallery.flickr-feed	@extends ul.gallery
/*========================================================================*/
.flickr-feed li a img {border: 1px solid #ccc; padding: 4px; margin-right: 4px; margin-bottom: 4px; width: 50px; height: 50px;}
.flickr-feed li a:hover img {background: #fff;}


/*========================================================================*/
/*	BLOCK-LIST | a very blocky, very clickable list
/*	@usage div.box.block-list
/*========================================================================*/
.block-list {padding: 0; margin: 0 0 10px 0;}
.block-list li {list-style: none; padding: 0; margin: 0;}
.block-list li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;}
.block-list li a:hover {background-color: #CCC;}
* html ul.block-list li a {height: 1%;}/*ie6 hack*/

/*========================================================================*/
/*	HYPERLINKS LIST | create a nice list of hyperlink
/*	@usage ul.hyperlinks
/*========================================================================*/
.hyperlinks li {list-style: none; margin: 0;}
.hyperlinks li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted;padding: 0 5px; }
.hyperlinks li a span {font-weight: normal;}
.hyperlinks li a:hover {background: #CCC;}

ul.hyperlinks li a {_height: 1%;}/*ie6 hack*/

.hyperlinks .title {width: 70%; display: block; float: left;}
.hyperlinks .date {float: right; padding-right: 0px;}


/*========================================================================*/
/*	COMMENT-FEED | basic styling for a comments feed
/*	@usage ul.comment-feed
/*========================================================================*/
.comment-feed li {list-style:none; margin:0; padding:0;}
.comment-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;}
.comment-feed li a {}
.comment-feed li a {display: inline;}

/*========================================================================*/
/*	DOWNLOADS | styling of files specifically
/*	@usage ul.block-list.downloads
/*========================================================================*/
.downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;}

.downloads .box {padding: 5px 0;}
.downloads .box h2 {margin-left: 0;}

.downloads a {padding: 10px 20px; text-decoration: none;}
.downloads a {line-height: 16px; background-position: 6px 14px !important;}

.downloads a:hover {text-decoration: none; background-color: #EEE !important;}
.downloads span {font-weight: normal; }

/*-- ICONS ----------------------*/
span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_acrobat.png) center left no-repeat;}
span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_word.png) center left no-repeat;}
span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_powerpoint.png) center left no-repeat;}
span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/ipod_sound.png) center left no-repeat;}



/*========================================================================*/
/*	TWITTER-FEED | basic styling for a twitter feed
/*	@usage ul.twitter-feed
/*========================================================================*/
.twitter-feed li {list-style:none;margin:0 0 10px 0;padding:0;}
.twitter-feed li {display: block; padding: 4px;}
.twitter-feed li a {}
.twitter-feed li a {display: inline;}

/*========================================================================*/
/*	GLOBAL NOTIFICATION MESSAGE | absolute positioned notification
/*	@usage div.notification
/*========================================================================*/
.notification {display: none;}

.notification {z-index:99; font-size: 14px; margin: 10px 0;}

.noScript {padding: 0 10px; position: relative; position: relative; display: block;}
.hasScript {position: absolute; top:0; padding: 0 0px; width: 960px; margin: 0 auto; cursor: pointer;}


.notification div {padding: 10px; margin:0 auto; text-align: center;}
.notification p {padding: 0; margin: 0;}

.notification .success	{background: white; color: #2B992C; border: 1px solid #2B992C; }
.notifictation .success a {border-color: #2B992C; color: #2B992C;}

.notification .warning	{background: white; color: #C75151; border: 1px solid #C75151;}
.notification .note		{background: #FFF8C4; color: #5C5644; border: 1px solid #A79534;}
.notification .note h2 	{font-size: 16px; padding: 0; margin: 0;}

.notification .closethis {border: 1px solid; width: 14px; height: 14px; display: block; line-height: 14px; text-align: center; position: absolute; top: 10px; right: 10px;}

/*========================================================================*/
/*	SYSTEM NOTIFICATION TEMPLATES
/*	@usage div.notification
/*========================================================================*/
.error {background: white; color: #9F252C; border: 1px solid #9F252C; padding: 20px;}
.error p {}


/*========================================================================*/
/*	PAGINATION
/*	@usage div.pagination ul.pages
/*========================================================================*/
div.pagination			{ text-align:center; margin:10px 0; font-size:14px;}
div.pagination strong 	{ color:#fff; background:#204b7c; padding:5px;}
div.pagination a		{ color:#204b7c; text-decoration:none; padding:0 5px;}
div.pagination span 	{display: block;}
div.pagination .pages 	{list-style: none;}
div.pagination .pages li {display: block; float: left; padding: 0 10px 0 0 ; margin: 0;}
div.pagination .pages .prev-link { float:left;}
div.pagination .pages .next-link { float:right;}

div#pagination			{ text-align:center; margin-top:20px; font-size:14px;}
div#pagination  a 		{ float:left; color:#204b7c; text-decoration:none; padding:5px;}
div#pagination .current a { color:#fff; padding:5px; background:#204B7C;}

/*Different paginations based on ee modules*/
.eeflickr-pagination a, .eeflickr-pagination b {display: inline-block; padding: 0px 5px; border: 1px solid #777; margin: 0 2px;}
.eeflickr-pagination b {padding: 1px 6px; border: 0;}

/*========================================================================*/
/*	TABS BOX | Basic styling of tabs for jQuery UI
/*	@usage
/*========================================================================*/
.tabs-box .tabs {display: block; border-bottom: 1px solid; text-align: right; margin-bottom: 0px;}
.tabs-box .tabs,
.tabs-box li a {color: #777; border-color: #777 !important; padding: 3px 5px 1px; /*border colour bug?*/}
.tabs-box .tabs li a {display: block; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; }
.tabs-box .tabs li.ui-tabs-selected a {margin-bottom: -1px; background: white;}
.tabs-box .ui-tabs-panel {padding: 0 0 0 0;}

.tabs-box .ui-tabs-panel {background: white;}
.tabs-box .ui-tabs-nav li {margin:0 0.2em 0 0;}
	
/*========================================================================*/
/*	SEARCH-BOX
/*	@usage div.search-box
/*========================================================================*/
.search-box input.submit {background:#efefef; height: 22px; position:relative; top: 1px;}
.search-box input.text-input {height: 15px;}


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

/*							       TEMPLATES
						:: page specific CSS styling ::
					   :: think before you class-ify ::
						
/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

.entries .promo_box { float:left; background:#e1e7f4; border:1px #6a87c6 solid; margin-right:30px; }
.entries .promo_box h3 { background:#6a88c6; color:#fff; width:160px; padding:5px; margin-top:5px;}

.listschools	{ list-style:none; margin-left:-20px; }
.listschools  a	{ color:#525459; padding-right:5px;}
.listschools li	{ padding:0 3px 4px 3px;}

.right_link {display:block; width:85px; float:right; text-decoration:none; margin-top:5px;}

/*========================================================================*/
/* HOME PAGE
/*========================================================================*/
.home_slideshow { position:relative; background:#6987c5; height:355px; width:700px; z-index:1; overflow:hidden;}
.promoSlide		{ position:relative;}
.caption		{ position:absolute; width:168px; top:0px; right:-178px; padding:5px; z-index:20; font-size:16px;}
.caption h3		{color:#fff; text-transform:uppercase;}
.caption a 		{ color:#fff; text-transform:uppercase; text-decoration:none; float:right;}
#pager			{width:42px; height:355px; position:absolute; top:0; right:179px; z-index:99;
					background-color: #000000;
				  background-color: rgba(0, 0, 0, 0.7);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
				            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2000000',EndColorStr='#b2000000'); /* IE6,IE7 */
				        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2000000',EndColorStr='#b2000000')"; /* IE8 */
}

#pager a 		{ font-size:19px; font-weight:normal; display:block; margin-top:15px; padding:5px 5px; color:#fff; text-decoration:none; text-align:center;}
#pager a:hover, #pager a.activeSlide	{ background:#6987c5;}

.line 			{ background:#204B7C; height:1px; line-height:1px; font-size:1px; margin-top:10px;}

/*========================================================================*/
/* STATIC/INDEX
/*========================================================================*/

.entries	{ background:url("/default/theme/images/line.jpg") top repeat-x; margin-top:20px;}
.entries h1 { font-size:20px; width:100%; color:#fff; text-transform:uppercase; font-weight:normal;}
.entries h1 span { background:#204B7C; min-width:220px; display:inline-block; margin:0 0 15px 20px; padding:5px 10px;}
.entries h2 { color:#204b7b; font-size:18px; margin:5px 0 5px 0;}
.entries h3 { color:#204b7b; font-size:16px; margin:5px 0 5px 0;}
.entries h3  a { color:#204b7b; text-decoration:none; font-size:14px; margin:5px 0 5px 0;}
.entries img{ margin:0px 0px 0px 5px;}
.entries .line { background:#204B7C; height:1px; line-height:1px; font-size:1px; width:400px; margin-top:10px; }
/*.entries h1 + p:first-letter	{ font-size:40px; background:#e69f2c; color:#fff; padding:5px; margin:3px 3px 0 0; float:left;}
.entries h3 + p:first-letter    { font-size:40px; background:#e69f2c; color:#fff; padding:5px; margin:3px 3px 0 0; float:left;}*/
 ul, li { color:#525459;}

.entries .feature_image { float:left; margin:3px 7px 5px 0px;}
/*========================================================================*/
/* NEWS/INDEX
/*========================================================================*/

.articles {padding:10px;} 
.articles .line { background:#204B7C; height:1px; line-height:1px; font-size:1px; width:400px; margin-top:10px; }
.articles h2 {margin-left:120px; font-size:16px; color:#2b528c; margin-top:0;}
.articles h2 a {color:#2b528c; text-decoration:none;}

.articles p {margin-left:120px;}
.articles h3 {font-size:14px; font-weight:none; margin:0px 0px 10px 0px;}
.articles img {float:left; padding:0 10px 0 0;}
.articles .feature_image { margin:0 15px 10px 0; padding:0; float:left;}




/*========================================================================*/
/* GALLERY/INDEX
/*========================================================================*/

.gallery	{ background:url("/default/theme/images/yline.jpg") top repeat-x; margin-top:20px;}
.gallery h1 { font-size:20px; width:100%; color:#fff; text-transform:uppercase; font-weight:normal;}
.gallery h1 span { background:#E2AF0E; min-width:220px; display:inline-block; margin:0 0 15px 20px; padding:5px 10px;}
.gallery h2 { color:#CD9E09; font-size:16px; margin:5px 0 5px 0;}

/*========================================================================*/
/* WIDGETS
/*========================================================================*/

.social	h3   { padding:5px; text-align:center; color:#7d7f83; font-weight:normal;}
.social ul	{list-style:none; margin-left:80px;}
.social li 	{float:left; margin:0;}

.widget		 { background:url("/default/theme/images/yline.jpg") top repeat-x; margin:20px 0;}
.widget h2 	 { background:#e2af0e; padding:5px 10px; font-size:18px; width:150px; display:inline-block; color:#fff; margin:0 0 15px 20px; text-transform:uppercase; font-weight:normal;}
.widget h2 a { color:#fff; text-decoration:none;}
.widget h2 a:hover { color:#fff; text-decoration:none;}
.widget h3 	 { color:#204b7b; font-size:12px; text-transform:uppercase; margin:0 0 5px 0;}
.widget img  { margin-bottom:10px;}

/*========================================================================*/
/*	INCLUDES FOLDER
/*========================================================================*/
#header { position:relative; height:164px; width:960px; background: url("/default/theme/images/home_header.jpg"); }

#footer		 { background:#fff url("/default/theme/images/footer.jpg") top repeat-x; color:#fff; height:35px; width:100%; margin-top:20px; text-align:center; font-size:13px; line-height:1.5;}
#footer p 	 { color:#fff; padding-top:12px; margin:0px;}
#footer a	 { color:#fff; text-decoration:none; }
#footer a:hover { color:#738ec9;}

#nav {position:relative; border-bottom:#e2af0e 5px solid; width:960px; height:53px; margin-bottom:10px; }
.here { text-decoration:underline; color:#fff;}
#primary-search { position: absolute; top: 1px; right: 2px; background-color:#204b7c; padding:5px;}

/*========================================================================*/
/*	GALLERY | div for single entry gallery pages
/*	@usage div.gallery-entry
/*========================================================================*/
.gallery-entry { margin:0 auto; padding:0; width:500px; text-align:center;}
.gallery-entry img { border: 10px solid #E2AF0E; margin:0 auto;}
.gallery-entry .caption {margin-top: 10px;}

/*========================================================================*/
/*	GALLERY / ALBUM
/*========================================================================*/
#gallery .pagination {text-align: center; margin-top:20px;}

/*========================================================================*/
/*	GALLERY THUMBNAV
/*	@usage ul#gallery-nav.thumbnails
/*========================================================================*/
#gallery-nav {width: 218px; display: block; margin: 0 auto; float: left;}
#gallery-nav li {width: 63px; height: 63px; background: none; padding:2px; margin:0 2px 2px 0; border:1px solid #ccc;}

#album-nav { display: block; margin:20px;}
#album-nav li {width: 80px; height: 80px; background: none; padding:2px; margin:0px 7px 7px 0px; border:1px solid #ccc;}
#album-nav li.current {border:1px solid #E2AF0E;}
#album-nav li:hover {border:1px solid #E2AF0E;}

.thumbnails-u li a:hover {border:1px solid #E2AF0E;}

/*========================================================================*/
/*	THUMBNAILS {GALLERY deprecated... because}
/*	@usage ul.thumbnails
/*========================================================================*/
.thumbnails li {margin:0; padding:0; list-style:none; float:left;}
.thumbnails li a {display: block;}
.thumbnails li a img {}
.thumbnails li {background: transparent url(/theme/images/loaders/loader_1_white16.gif) center center no-repeat;}
.thumbnails li a:hover img {background: #fff;}
.thumbnails li.current img {background: #FFFDAA;}

.thumbnails-u li {margin:0; padding:0; list-style:none; float:left;}
.thumbnails-u li {position: relative; width: 120px; height: 120px; display: block;}
.thumbnails-u li a {display:block; text-decoration:none; height: 112px; text-align:center; width: 112px; border: 1px solid #ccc; font-size: 0;}
.thumbnails-u li img { padding:5px;}

/*=====================================*/
.fb_holder {width:215px; overflow:hidden;}
.fb_holder iframe {  margin-left:-50px;}

.subscribe h3 	 { color:#204B7B; margin:15px 0 5px 0;}
.subscribe label { float:left; margin-top:2px;}
.subscribe .input { float:left; margin-left:5px;}
.subscribe .submit { margin:10px 0;}

.filter { padding:0px; margin:0px;}
.filter ul { list-style:none;}
.filter li { float:left; margin-left:5px}