﻿/*.noprint, .top { display:none; visibility:hidden; }*/
.noprint { display:none; visibility:hidden; }
.printonly { display:block; visibility:visible; }

.div-hidden {display:none; visibility:hidden; }
.div-visible {display: block; visibility: visible;}
a { color: #333333;}
body 
{
    background-color: #ffffff;
    font-family: arial, helvetica, verdana, Sans-Serif ;
    font-size: smaller;
    color: #3E3E3E;
}
#wrapper 
{
    width: 100%;
    float: left;
    clear:both;
    text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	background: url("/images/css/backgrounds/background_cols.gif") repeat;
}
#header {margin: 0 0 0px 0;background: #ffffff;}
#header-content{display:none; visibility:hidden;}
#header-print {float: left; clear: both; border-bottom: #cccccc 1pt solid; text-align:center; width:100%;}
#header-handheld {display:none; visibility:hidden;}
#header-status {display:none; visibility:hidden;}
#header-menu{display:none; visibility:hidden;}
#header-submenu{float: left;clear:both; width:100%; background-color: #ffffff; border-bottom: #cccccc 1pt solid; padding-top: 5px; margin-bottom:10px;}

/* remove links etc. */
#breadcrumb-left
{
    float:left;
   
    width: 100%;
    color: #666666;
    padding-left: 10px;
    
}
#breadcrumb-left a:link, #breadcrumb-left a:visited, #breadcrumb-left a:hover, #breadcrumb-left a:active
{
   
    display:inline;
    color: #666666;
    text-decoration: none;
}

.breadcrumb-link
{
    font-size: 11px;
}
.breadcrumb-text
{
    font-size: 11px;
}


#breadcrumb-right{display:none; visibility:hidden;}

#side-a {float: left;width: 230px;}
#side-b {float: right;width: 230px;}

/* Content Styles */


#content,#content-news, #content-730, #content-program, #content-account {  float:left; clear: both;width: 100%; }
#content h3 {margin-bottom: 5px; margin-top: 20px; color: #333333;}
#content h4 {margin-bottom: 2px; margin-top: 10px; color: #666666; border-bottom: solid 1px #999999; }
#content h5 {margin-bottom: 2px;}



/* Footer styles */
#footer { float:left; width: 100%; clear: both; border-top: solid 1pt #cccccc; vertical-align:top;}
#footer-content {width: 100%;  margin-top: 10px; text-align: right; font-size: smaller}
#footer-padding {display: none; visibility: hidden;}


#footer-left
{
    color: #000;
    font-size: smaller;
    clear:left;
    float:left;
    vertical-align:top;
}

#footer-right
{
    color: #000;
    font-size: smaller;
    clear:right;
    float:left;
    padding-left: 240px;
}




/* Column layouts */
#container { float: left; clear: both; padding: 0px; padding-top: 0px; }

/* 3 columns news */
#layout-3col-news-left {display:none; visibility:hidden;}
#layout-3col-news-center { float: left;width: 100%;}
#layout-3col-news-right {display:none; visibility:hidden;}

/* 3 columns program */
#layout-3col-program-left {display:none; visibility:hidden; }
#layout-3col-program-center { float: left;width: 100%}
#layout-3col-program-right {display:none; visibility:hidden;  }

/* 3 columns default */
#layout-3col-left {display:none; visibility:hidden; } /* Column is hidden for print */
#layout-3col-center {float:left; clear: both;  padding-top: 0px;}
#layout-3col-right {display:none; visibility:hidden; }/* Column is hidden for print */

/* 2 columns (Global default) */
#layout-2col-left { clear:both; width: 100%; padding-top: 20px;}
#layout-2col-right { clear: both; width: 100%; padding-top: 20px;}

/* 2 columns (USAC default) */
#layout-2col-left-home {clear: both; width: 100%; padding-top: 20px;}
#layout-2col-right-home {clear:both; width: 100%; padding-top: 20px;}

/* 2 columns (default 50/50) */
.layout-2col-default-left{width: 49%; float: left;clear: left;}
.layout-2col-default-right{width: 49%; float: left; clear: right; margin-left: 2%;}

/* 1 column */
.layout-1col-default {width: 100%; float: left; clear: both; display: block;}

/* 1 columns (USAC default) */
#layout-1col-home {margin-top: 0px;float: left; clear:left; width: 100%;}

/* Table styles */
.print-table{font-size: medium;}
.tbl-border-right{border-right: gray 1px solid;border-bottom: gainsboro 1px solid;}
.tbl-border-bottom{border-bottom: gainsboro 1px solid;}
.tbl-border-both{border-bottom: gray 1px solid;border-top: gray 1px solid;}

.list-class-dtls-name {display:inline-block;width:20%; border-bottom: solid 1px #eeeeee;}
.list-class-dtls-value {display:inline-block; width: 75%; border-bottom: solid 1px #eeeeee;}
.div-left { display: block; width: 45%; float:left; clear:left; padding: 10px; margin-top: 20px; margin-bottom: 20px; border: dashed 1px orange; background-color: #eeeeee;}
.div-right { display: block; width: 45%; float:right; clear: right; padding: 10px; margin-top: 20px; margin-bottom: 20px; border: dashed 1px orange; background-color: #eeeeee;}

.div-search-left { display: block; width: 45%; float:left; clear:left; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: dashed 1px orange; background-color: #eeeeee;}
.div-search-right { display: block; width: 45%; float:right; clear: right; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: dashed 1px orange; background-color: #eeeeee;}

.div-global-left { display: block; width: 45%; float:left; clear:left; padding: 10px; margin-top: 10px; margin-bottom: 10px; }
.div-global-right { display: block; width: 45%; float:right; clear: right; padding: 10px; margin-top: 10px; margin-bottom: 10px; }
    
.div-label { display: -moz-inline-block; display:inline-block; width:35%; border-bottom: solid 1px #eeeeee; float:left; clear: left;}
.div-value { display: -moz-inline-block; display:inline-block; width: 60%; border-bottom: solid 1px #eeeeee; float: right; clear: right;}

.div-prog-enrollment-left { display:inline-block;width:35%; border-bottom: solid 1px #eeeeee;}
.div-prog-enrollment-right { display:inline-block; width: 60%; border-bottom: solid 1px #eeeeee; text-align: right;}


/* Boxes */

.box { background: #99cccc;
}
.box a {color: #ffffff;}
.boxtop { }
.boxtop div { font-size: 0;height: 10px; }
.boxbottom {border-bottom: solid 1px #cccccc; }
.boxbottom div { font-size: 0;height: 10px; }
.boxcontent {padding: 0px 10px 0px 10px;}
.boxcontent120{padding: 0px 10px 0px 10px;height: 120px;}
.boxcontent100{padding: 0px 10px 0px 10px;height: 100px;}


/* Images and captions */
.image-frame { padding: 5px; background-color: #eeeeee; border: solid 1px #cccccc; clear: both; }
.image-caption{ margin-bottom: 10px; clear: both; color: #999999; font-size:smaller; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }

.image-450-left {float:left; width: 450px; padding: 5px; background-color: #eeeeee; border: solid 1px #cccccc; clear: left; }
.caption-450-left {float:left; width: 450px; margin-bottom: 10px; margin-left: 10px; clear: left; color: #999999; font-size:smaller; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;  }

/* Lists */
.ol-default {margin-top:5px;}
.ol-default li {margin-bottom: 5px;}
.ul-default { list-style-type:square; margin-top:5px;}
.ul-default li {margin-bottom: 5px;}


/* Quote */

.quote,.quoteBoxedRight,.quoteDefault H2 
{
    font-size: 130%;
   	font-family: Arial; 
    color: #669966;
    text-align: left; 	
    font-weight: bold;
    font-style: italic; 
    line-height: 26px;
}
#quote-print-only
{
    float: left;
    width: 200px;
    clear: right;
    margin-left: 10px;
}
/* Table formatting */
.row-border-top td { border-top: solid 1px #cccccc; vertical-align: top;}
.row-border-top-alt td { border-top: solid 1px #cccccc; vertical-align: top;}
.row-header {vertical-align: bottom;} 

/* Print columns */
.print-row {page-break-inside: avoid; margin-top: 15px; width: 710px; display: block; }
.print-row h4 {font-size: small;}
.print-row p {margin-top: 0px;}


/* Home Sections */
#home-left {float:left; width: 150px;  margin-left: 0px; margin-top:0px; vertical-align:top; clear:left;}
#home-left p {margin-right: 0px; margin-left:0px;  font-size: 12pt; line-height: 18pt;}
#home-right {float:left; width:512px;  padding-left: 10px; margin-top:5px; clear: right;}
#home-sections { float:left;  color: #000000; margin-top: 10px; width:100%; }
#home-sections h1 { font-size:12pt; text-align:center;  margin-top: 2px; margin-bottom: 2px; display:block; font-weight:bold;}
#home-sections a { color: #000000; text-decoration: none;} 
#home-sections p { margin-bottom:0px; }
#home-sections .section-defaults {width:205px;  margin-left: 0px; margin-right: 20px; float: left; padding:0px;  }
#home-section1 { clear: left;}
#home-section2 { clear: none;}
#home-section3 { clear: right;}
#home-section4 { clear: left;}


/* Program country and city container */
#location-section
{
    float: left;
    clear: both;
    width: 100%;
}
#location-content
{
    float: left;
    width: 450px;
    padding-right: 10px;
    margin-bottom:20px;
}

/* float:left; width:320px;  margin-right:10px;*/
#location-content h1
{
    margin-top:20px;
    margin-bottom: 0px;
    border-bottom: solid 1px green;
}
/* margin-bottom: 0px;border-bottom: solid 1px green;*/
#location-sidebox
{
    
    float: left;
    width: 204px;
}
#location-sidebox h3, #location-sidebox h4
{
    padding: 0px;
    margin: 0px;
    font-size: small;
    color: #333333;
    border-bottom: solid 1px #669966;
}

#location-sidebox ul
{
    margin-top: 0px;
    padding-top: 4px;
}
.location-sidebox-item
{
    padding: 10px;
    width: 182px;
    margin-top: 10px;
    float: left;
    clear: both;
    border: solid 1px #cccccc;
    background-color: #eeeeee;
}
.location-sidebox-map
{
    width: 204px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}


/* Table Styles */
.table-payment, .table-calendar, .table-fees, .table-usac {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 400px;
	}

.table-payment th, .table-calendar th, .table-fees th, .table-usac th {
	padding: 0 0.5em;
	text-align: left;
	padding-top: 20px;
	}

.table-payment tr.top td, .table-calendar tr.top td, .table-fees tr.top td, .table-usac tr.top td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #CCC;
	}

.table-payment td, .table-calendar td, .table-fees td, .table-usac td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	vertical-align:top;
	}

.table-payment td:first-child, .table-calendar td:first-child {
	width: 110px;
	}

.table-payment td+td, .table-calendar td+td, .table-fees td+td, .table-usac td+td {
	border-left: 1px solid #CCC;
	text-align: left;
	}
	
/* Table overrides */
.table-payment th {padding-top: 20px;}
.table-usac td {vertical-align: text-top;}
.table-usac td:first-child,.table-fees td:first-child { width: 180px;}
.table-fees {width: 380px;}
.table-fees td:first-child {
	width: 300px;
	}

#newslist {}
#newslist p {margin-bottom:2px; padding-bottom:2px;}
.news-story {float:left; width:100%;}
.news-seperator {float:left;clear:both; height:10px; width:100%;}

/* Program section */
#program-section
{
    float: left;
    clear: both;
    width: 100%;
    margin-top: 0px;
}
#program-tabs
{
    display:none; visibility:hidden;
}
#program-body
{
    float: left;
    clear: both;
    width: 100%;
    margin-top: 0px;
}
#program-content
{
    float: left;
    width: 100%;
    clear: left;
    margin-top: 0px;
}
#program-sidebox
{
    width: 220px;
    vertical-align: top;
    float: right;
    clear: none;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 10px;
    background-color: #ffffff;
}
#program-sidebox .item
{
    padding: 0px;
    margin-top: 10px;
    background-color: #eeeeee;
}
#program-sidebox ul
{
    list-style-type: square;
    list-style-position: outside;
    margin-left: 10px;
    padding-left: 10px;
    font-size:smaller;
}
#program-sidebox p
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size:smaller;
}
#program-sidebox a
{
    font-size:smaller;
}
#program-sidebox h3
{
    margin-top: 0px;
    margin-bottom: 2px;
    padding-top: 0px;
    font-size: small;
    color: #333333;
    border-bottom: solid 1px #669966;
}
#program-imagecontainer
{
    margin-top: 20px;
    margin-right: 100px;
    background-color: Green;
}

/* Quote */
.quoteContainer
{
    width: 100%;
    padding-top: 10px;
    border-top: solid 1px orange;
    float: left;
    clear: both;
    margin-top:10px;
}
.quoteLeft
{
    display:none; visibility:hidden;
}
.quoteBody
{
    float:left;
    clear:both;
    text-align: center;
    font-size: larger;
    font-family: Times New Roman,Times, Serif; color:#666666;font-weight:bold;
}
.quoteRight
{
    display:none; visibility:hidden;
}
.quoteText
{
}
.quoteOrigin
{
    margin-top:10px;
    float:left;
    clear:both;
    font-size: x-small;
    text-align: right;
    border-bottom: solid 1px orange;
    margin-bottom:10px;
}
.quoteOrigin a:active, .quoteOrigin a:visited, .quoteOrigin a:link, .quoteOrigin a:hover
{
    text-decoration: none;
}
.information-item {display:block;margin-bottom:20px;overflow:visible;}
.information-all {overflow:visible;}
#content div {overflow:visible;}

#program-search
{
    width: 100%;
    padding: 10px 10px 10px 0px;
}
.search-container
{
    float: none;
    /*padding: 10px;
    border: dotted 1px #3DBECC;*/
    background-image: url('../images/css/backgrounds/bg-search.jpg' );
    background-repeat: no-repeat;
    background-position: right top;
}
.search-item
{
    float: left;
    clear: both;
}
.search-label
{
    float: left;
    clear: left;
    width: 100px;
    height: 20px;
    padding-top: 5px;
}
.search-option
{
    float: left;
    clear: right;
    height: 20px;
}
.search-reset
{
    float: left;
    clear: both;
}
.search-results
{
    float: none;
    clear: both;
}
.search-clear
{
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.search-results h3
{
    display: block;
    border-bottom: solid 1px #FB7A31;
    margin: 20px 0px 2px 0px;
    font-size:small;
}
.search-results h4
{
    display: block;
    border-bottom: solid 1px #3DBECC;
    margin: 20px 0px 2px 0px;
}
.search-results div
{
	border-bottom: solid 1px #eee;
    padding: 0px;
    margin-top: 6px;
    padding-bottom: 2px;
}

.search-result
{
}


.help
{
    border: solid 1px #eeeeee;
    color: #333333;
    padding-left: 2px;
    padding-right: 2px;
    font-size: smaller;
    vertical-align: super;
    text-align: right;
    float: right;
}








/* Application styles */
#application-menu {float: left; clear:left;width: 210px;padding:100px 0px 20px 20px;}
#application-content {float:left; clear:right; width:690px; padding: 40px 20px 20px 20px; }
#application-content h4 {border-bottom: 1px solid #FB7A31; padding-bottom:0px;}
.application-2col-left {float:left;clear:left; width:335px;}
.application-2col-right {float:left;clear:right; width:335px; margin-left:20px;}
.application-1col {float:left;clear:both; width:690px;}

.application-table-contact
{
    font: inherit Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 335px;
    line-height: normal;

}

.application-table-contact th
{
    padding: 0 0.5em;
    text-align: left;
    padding: 20px 0px 0px 0px;
}

.application-table-contact tr.top td
{
    border-top: 1px solid #FB7A31;
    padding-top:10px;
}

.application-table-contact tr.section td
{
    border-top: 1px solid #eeeeee;
    padding-top: 10px;
    
}
.application-table-contact tr.endsection td
{
    padding-bottom: 10px;
    
}

.application-table-contact td
{
    font-size: inherit;
    padding:0px 0px 0px 0px;
    vertical-align: top;
}

.application-table-contact td:first-child
{
    width: 114px;
}
 

.application-table-contact td + td
{

    text-align: left;
}

.application-table-contact td input, .application-table-contact td select {width: 200px;} 
.application-contact-infobox { margin:10px 0px 20px 0px;  padding: 10px; line-height:normal;}

.application-table-contact td.application-nostyle input {width: 10px; }
.application-table-contact td.application-nostyle select {width: 315px;}
.application-table-contact td.application-fullwidth input {width: 315px;}

.table-1col td:first-child
{
    width: 335px;
}
.table-full 
{
    width: 690px;


}

.application-table-academic td:first-child
{
    width: 140px;

}
.application-table-academic td input, .application-table-academic td select {width: 180px;}

.paging {margin-top:20px; padding:5px; border-top: solid 1px #FB7A31; text-align:right;}

#layout-application
{
    float: left;
    width: 960px;
    margin: 10px 0px 0px 0px;
    padding-top: 40px;
    background: url('../images/css/backgrounds/application.jpg') no-repeat top left;
    
    
}
