@import "reset.css";
@import "typography.css";

/*	
LEGEND:
	BODY/GENERAL
	BRANDING
    HEADER
	PRIMARY CONTENT
	SECONDARY CONTENT
	NAVIGATION
		PRIMARY
		SECONDARY
		SUPLIMENTAL
        SITEMAP
		ADMIN
	FOOTER
	------------------------------------------------------ */
	
/*	=BODY/GENERAL
	------------------------------------------------------ */

body 
{
    background : #373737 url(../images/metal.jpg) repeat-x 0 0;
}


div#page {
	 position : relative;
	 background : transparent url(../images/page.png) no-repeat bottom left;
	 width : 1021px;
	 padding : 0 0 25px 0;
	 min-height: 405px; height: auto !important; height: 405px; /* IE6 MIN-HEIGHT TRICK (VALID CSS) */
}

/* Set width of content regions */
#branding, #header, #home #content, #footer {
	width : 1000px;
}

#home blockquote
{
    position : absolute;
    right : 0;
    top : 23px;
    width : 354px;
}
#home blockquote span
{
    margin : 24px;
}
blockquote {
    background : transparent url(../images/open-quote.png) no-repeat left top;
    text-align : center;
    
}

blockquote span {
    background : transparent url(../images/close-quote.png) no-repeat right bottom;
    display: block; 
    min-height: 40px; height: auto !important; height: 40px; /* IE6 MIN-HEIGHT TRICK (VALID CSS) */
}
blockquote.pullquote
{
    padding : 10px;
    float : left;
    background-position : -10px top;
}
blockquote.pullquote span
{
    padding : 15px 20px 8px;
}
blockquote.right
{
    float : right;
}

.row
{
    clear : both;
} 

/*	=BRANDING
	------------------------------------------------------ */
#branding
{
   background : transparent url(../images/branding.jpg) no-repeat 0 0; 
   border-bottom : solid 1px #686868;
}	
#branding a
{
    position : absolute;
    top : 0px;
    right : 21px;
}
#branding a,
#branding a span
{
    display : block;
    font-size: 0.0001em;
    width: 328px;
	text-decoration:none;
}

#branding,
#branding a,
#branding a span
{ 
    height: 86px;
}
#home #branding,
#home #branding a,
#home #branding a span
{ 
    height: 123px;
}
#home #branding a,
#home #branding a span
{
    width: 425px;
}
#branding a span
{
    position: absolute;
    top: -1px;
    left: 0;
    background: transparent url(../images/piccolo-international-university-logo.png) no-repeat 0 12px;
}
#home #branding a span
{
    background: transparent url(../images/piccolo-international-university-logo-large.png) no-repeat 0 16px;
}

#socialmedia {position:absolute;left:91px;top:5px;z-index:1000;}
#socialmedia li {float:left;margin-right:20px;}


#home #socialmedia {position:absolute;top:12px;left:25px;}
#home #socialmedia li {float:none;margin:0px 0px 6px 0px;}


/*  =HEADER
    ------------------------------------------------------ */
#header
{
    border : solid 1px #c1c1c1;
    border-left : 0px;
    border-right : 0px;
    position : relative;
    background-color : #6a6a6a;
}

#header .action
{
    position : absolute;
    top : -13px;
    right : 0px;
}

#header .action a,
#header .action a span
{
   display : block;
   font-size: 0.1em;
}

#header .action a span
{
    position: absolute;
    top: 0;
    left: 0;
}

#header .action,
#header .action a,
#header .action a span
{
    cursor : pointer;
}
#request_info,
#enroll_now
{    
    z-index : 2;
}
#request_info a,
#request_info a span
{
   height: 53px;
   width: 136px; 
}

#request_info a span
{
    background: transparent url(../images/request-more-information.png) no-repeat 0 0;
}

#enroll_now a,
#enroll_now a span
{
   height: 73px;
   width: 135px; 
}

#enroll_now a span
{
    background: transparent url(../images/enroll-now.png) no-repeat 0 0;
}

#header #slides
{
    z-index : 1;
}

/*	=PRIMARY CONTENT
	------------------------------------------------------ */
#content
{	
    position : relative;
    margin : 0 0 0 268px;
    width : 732px;
    min-height: 400px; height: auto !important; height: 400px; /* IE6 MIN-HEIGHT TRICK (VALID CSS) */
}
#home #content
{
    padding-top : 25px;
    margin : 0;
    width : 1000px;    
    min-height: 100px; 
}
#home #content ul
{
    width : 550px;
    margin : 0 75px;
}
#home #content ul,
#home #content ul li
{
    float : left;
}
#home #content ul li
{
    margin-left : 32px;
    width : 203px;
    padding-left : 15px;
    background : transparent url(../images/bullet.gif) no-repeat left center;
}


#content .managed ul,
#content .managed ul li,
#content .managed ol,
#content .managed ol li
{
     margin : .7em 1.5em; 
     list-style-type : disc;
}
#content .managed ol,
#content .managed ol li
{
    list-style-type : decimal;
}

#content h1.alternate
{
    margin : 0px 25px 20px;
}

#content h1 span
{
    border-bottom : dotted 1px #dddddd;
    display : inline-block;
}

#content h2,
#content fieldset legend
{
    background : transparent url(../images/title_right.png) no-repeat top right;
    padding-right:8px;
    max-width : 500px;
}
#content h2 a,
#content fieldset legend a
{
    display : block;
    background : transparent url(../images/title_left.png) no-repeat top left;
    min-width : 300px;
}
#content h3
{
    margin-top : 1.25em;
}

#content table 
{
    width : auto;
    border-right : solid 1px #A7A7A7;
    border-left : solid 1px #555555;
    margin : .7em 1.5em .7em 0;
}
#content table td,
#content table th
{
    padding : .7em 1.25em .7em;
    border-bottom : solid 1px #A7A7A7;
    border-top : solid 1px #555555;
    border-collapse : collapse;
    margin : 0;
}
#content th,
#content thead,
#content td.table_headings
{
    
}
#content table.transfer_credits,
#content table.transfer_credits td,
#content table.transfer_credits th
{
    padding : 0;
    border : 0;
}

#content p 
{
   margin : .7em 1.5em .7em 0; 
}

#content .program_type 
{
    float : left;
    width : 325px;
    margin : 0 40px 0 0;
}

#content ul.actions
{    
    border-bottom : solid 1px #A7A7A7;
    border-top : solid 1px #555555;
    float : left;
    margin : 10px 10px 10px 0;
}
#content ul.actions li 
{    
    float : left;
    border-bottom : solid 1px #555555;
    border-top : solid 1px #A7A7A7;
    padding : 2px 0 4px;
}
#content ul.actions li a.learn_more
{
    padding-right : 10px;
}
#content ul.actions li a.enroll_now
{   
    padding-left : 10px;
    border-left : dotted 1px #A7A7A7;
}

div.leadership
{
    padding : 10px 200px 10px 0;
    margin-right : 40px;
}
div#laura_palmer_noone
{
    background : transparent url(../images/leadership_laura-palmer-noone.png) no-repeat center right;
}



div#linda_rawles
{
    background : transparent url(../images/leadership_linda-rawles.png) no-repeat center right;
}

div#gloria_zemla
{
    background : transparent url(../images/leadership_gloria-zemla.png) no-repeat center right;
}

div#beverly_downey
{
    background : transparent url(../images/leadership_beverly-downey.png) no-repeat center right;
}

div#jack_holloway
{
    background : transparent url(../images/leadership_jack-holloway.png) no-repeat center right;
}


strong.text2 {font-weight:bold;color:#97d3ee;}
div#steve_cooper
{
    background : transparent url(../images/leadership_steve-cooper.png) no-repeat right 58px;
}

div#harris_sibunruang
{
    background : transparent url(../images/leadership_harris-sibunruang.png) no-repeat right 58px;
}

div#ryan_busch
{
    background : transparent url(../images/leadership_ryan-busch.png) no-repeat right 58px;
}

div#sara_ridgway
{
    background : transparent url(../images/leadership_sara-ridgway.png) no-repeat right 58px;
}

div#stephanie_lopez
{
    background : transparent url(../images/leadership_stephanie-lopez.png) no-repeat right 58px;
}

div#mike_mcgowan
{
    background : transparent url(../images/leadership_mike-mcgowan.png) no-repeat right 58px;
}

ul#faculty_list 
{
    margin : .7em 1.5em .7em 0;
}
ul#faculty_list li 
{    
    border-bottom : solid 1px #555555;
    margin-top : 5px;    
}
ul#faculty_list li ul
{
    padding : 5px 10px 10px;
    border-bottom : solid 1px #A7A7A7;
}

ul#faculty_list li ul li
{
    border : 0;
    margin : 2px 1.5em;
}


/*	=SECONDARY CONTENT
	------------------------------------------------------ */
#extras
{
    left:50px;
    position:absolute;
    top:353px;
    width:203px;
}
#home #extras 
{
    position : relative;
    left : auto;
    top : auto;
    width : auto;
}

#home #extras #quote,
#enrollment #extras #quote
{
    display : none;
}
#extras #quote,
#extras #quote .quote_top
{
    width:203px;
}
#extras #quote .quote_bottom
{
    background : transparent url(../images/quote-bottom.png) no-repeat bottom left; 
}
#extras #quote .quote_top
{
    display:block;
    background : transparent url(../images/quote-top.png) no-repeat top left;
    height : 11px;   
}

#extras #quote blockquote
{
    background-position : -15px top;
}
#extras #quote blockquote,
#extras #quote cite
{   
    padding : 0 5px 5px 15px;
}
#extras #quote cite
{    
    margin-top : 15px;
    display : block;
}


#whats_new a,
#home #extras #video a
{
    position : relative;
    overflow : hidden;
}

#whats_new a span,
#home #extras #video a span
{
    position: absolute;
    top: 0;
    left : 0;
}

#whats_new #special_construction_management span
{
  
    background : transparent url(../images/specialize-in-construction-management.png) no-repeat left top;
    width : 319px;
    height  : 207px;  
}

#whats_new #special_marketing_degrees span
{
 
    background : transparent url(../images/digital-marketing-degrees.png) no-repeat left top;      
    width : 319px;
    height  : 207px;   
}

#whats_new #edufire span
{
 
    background : transparent url(../images/cost_graph.jpg) no-repeat left top;      
    width : 319px;
    height  : 207px;
}

#home #extras #whats_new,
#home #extras #video
{
    margin : 30px 0 30px 0;
}

#home #extras #whats_new
{
    clear : both;
    margin-left : 12px;
}
#home #extras #whats_new,
#home #extras #whats_new .rounded,
#home #extras #video,
#home #extras #video .rounded
{
    float : left;
}
#home #extras .rounded,
#whats_new .rounded span
{
    width : 319px;
    height : 207px;
}

#home #extras #whats_new .rounded,
#home #extras #whats_new .rounded span,
#home #extras #video .rounded,
#home #extras #video .rounded span
{
    cursor : pointer!important;
}
#home #extras #whats_new .rounded
{
    margin-right : 8px;
}
#home #extras #video .rounded span
{
    background : transparent url(../images/video.png) no-repeat left top;      
    width : 319px;
    height  : 207px; 
}
#extras .quote
{
    background : #4C4C4C url(../images/quote.jpg) no-repeat top left;    
}
#extras .quote cite
{    
    padding : 0 5px 5px 8px;
    display : block;
}
#extras .quote blockquote 
{
    margin-top : 114px;
    background-position : -20px top;
    padding : 0 5px 5px 8px;
}

#extras .action
{
    margin : 20px 0;
}
#extras .action .request_information
{
    position : relative;
    overflow : hidden;
}
#extras .action .request_information,
#extras .action .request_information span
{    
    cursor : pointer!important;
    width : 203px;
    height : 53px;
}

#extras .action .request_information span
{
    background : transparent url(../images/extras-request-information.png) no-repeat left top;    
    position: absolute;
    top: 0;
    left : 0;
}

/*  =GENERAL CONTENT
    ------------------------------------------------------ */



/*	=PRIMARY NAVIGATION
	------------------------------------------------------ */
#primaryNavigation
{
	position : absolute;
    top : 0;
    left : 50px;
    background : transparent url(../images/nav.png) no-repeat bottom left;
    width : 202px; 
    z-index : 2;
}
#home #eduFireLogo {
	position:absolute;
	top:3px;
	left: 10px;
	background : transparent url(../images/eduFire.png) no-repeat bottom left;
	height:62px;
	width:183px;
	z-index:3;
}
#primaryNavigation ul#navigation {
    width : 195px;
    margin : 25px 3px 15px 4px;
}

#home #primaryNavigation ul#navigation 
{
    margin-top : 65px;
}
#primaryNavigation ul li
{
	border-bottom : dotted 1px #555;
}
#primaryNavigation ul li a
{
    padding-right : 4px;
}
#primaryNavigation ul li ul
{
    display : none;
}
#primaryNavigation ul li.selected ul,
#primaryNavigation ul li.child-selected ul 
{
    display : block;
}
#primaryNavigation ul li.last,
#primaryNavigation ul li ul li
{
    border-bottom : 0;
}

#primaryNavigation ul li a:hover,
#primaryNavigation ul li.current, 
#primaryNavigation ul li.selected, 
#primaryNavigation ul li.child-selected
{
    display : block;
	background : transparent url(../images/selected-nav-bg.gif) repeat-x top left;
}
#primaryNavigation ul li.current ul li,
#primaryNavigation ul li.selected ul li
{
    background : none;
}


/*	=SUPPLIMENTAL NAVIGATION
	------------------------------------------------------ */
#supplimentalNavigation
{
    position : absolute;
    bottom : 0;
    left : 50px;
    background : transparent url(../images/supplimental-nav.png) no-repeat top left;
    width : 131px;
     z-index : 2;
}

#supplimentalNavigation ul {
    width : 122px;
    margin : 10px 3px 0 4px;
position:relative;top:-6px;
}

#supplimentalNavigation ul li
{
height:20px;
}

#supplimentalNavigation ul li a
{
    padding-right : 5px;
    display : block;
height:20px;
}

#supplimentalNavigation ul li a.standout
{
    color:#97D3EE;
}

#supplimentalNavigation ul li#studentLogin
{
    margin-top : 10px;
    margin-bottom : 2px;
}


/*	=SITEMAP NAVIGATION
	------------------------------------------------------ */
#sitemap ul  
{
    margin : 20px 0;
}
#sitemap ul li ul 
{
    margin : 10px 20px;
}

#sitemap a 
{
    
}

/*	=ADMIN NAVIGATION
	------------------------------------------------------ */
#adminNavigation {
	
}

#adminNavigation ul {
}

#adminNavigation ul li
{
}

#adminNavigation ul li a
{
}

/*	=FOOTER
	------------------------------------------------------ */
#footer
{
    background : transparent url(../images/hr.gif) repeat-x 0 0;
	width : 950px;
	margin : 75px 25px 12px;
	padding-top : 12px;
	text-align : center;
	clear : both;
} 
#home #footer 
{
    margin-top : 40px;
}

#footer ul {

}
#footer ul li {

}
#footer ul li a {

}

#footer #hCard .country-name,
#footer #hCard .tel .type
{
    display : none;
}

/*  =FORMS
	------------------------------------------------------ */

fieldset { margin-bottom: 10px; }
	
fieldset legend {
}
/*\*//*/ fieldset legend { display: inline-block; } /* IE Mac legend fix */
fieldset h3 
{
    background : transparent url(../images/hr.gif) repeat-x bottom left;    
}
fieldset label {
	display: inline-block;
} 
fieldset input 
{
    background-color : #575757;
    border-color : #9f9f9f;
    border-width : 1px;
    width : 220px;
}
	
fieldset li {
	padding: 2px 0;
}
fieldset li.break
{
    margin-bottom : 20px;
}

	
fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
	
fieldset fieldset legend {
	padding: 0 0 5px;
}
	
fieldset fieldset label {
	display: block;
	width: auto;
}

fieldset label { width: 180px; padding-right : 5px; } /* Width of labels */


fieldset span label
{
    width : auto;
}

fieldset .choice input,
fieldset .choice_list input
{
    width : auto;
    background-color : transparent;
}

fieldset .choice span label 
{
    margin : 0;
    display : inline;
}
fieldset .choice_list span 
{
    display : block;
    margin-left : 188px;
}
fieldset#program_selections h3
{
    margin-left : 0!important;
}
fieldset#program_selections .choice_list span
{
   /* margin : 0 20px 10px;*/
}
fieldset .choice_list label
{
    float : left;
}
fieldset .choice_list span label
{
    display : inline;
    float : none;
    margin-left : 0;
}
fieldset ul.acknowledgements li
{
    padding : 5px;
}
fieldset ul.acknowledgements li label
{
    width : auto;
    text-align : justify;
}
fieldset ul.acknowledgements li.esign label
{
    width : auto !important;
}
div.wizard 
{
    position : relative;    
}

div.wizard div.sidebar 
{ 
    position : absolute;
    top : 0;
    right : 0;
    width : 200px;
}
div.wizard div.sidebar a
{
    display : block;
}
div.wizard fieldset.step 
{
   width : 470px;
}
div.wizard div.nav a 
{
    border-bottom:1px solid #A7A7A7;
    border-top:1px solid #555555;
    display : inline-block;    
}
div.wizard div.nav a.info
{
    background : none!important;
    padding-left : 0!important;
}

div.wizard div.nav a span
{    
    background:transparent url(../images/arrow.png) no-repeat scroll right 5px !important;
    border-bottom:1px solid #555555;
    border-top:1px solid #A7A7A7;
    display:block;
    padding:2px 18px 2px 5px;
}

div.wizard div.nav a.previous
{
    margin-right : 10px;
}
div.wizard div.nav a.previous span
{
    padding:2px 5px 2px 18px;
    background:transparent url(../images/arrow-back.png) no-repeat scroll left 5px !important;
}

div.validation_summary 
{
    border-top:1px solid #555555;
    border-bottom:1px solid #A7A7A7;
}
div.validation_summary ul
{
    border-bottom:1px solid #555555;
    border-top:1px solid #A7A7A7;
    padding : 10px;
}

div.validation_summary ul li
{
    padding : 5px 10px;
    background : transparent url(../images/bullet.gif) no-repeat scroll left center;
}
label.info 
{
     background : transparent url(../images/tool-tip.png) no-repeat scroll right center;
     padding-right : 15px;
     margin-right : 5px;
     width : 165px;
}
a.info 
{
     background : transparent url(../images/tool-tip.png) no-repeat scroll left center;
     padding-left : 18px;
     margin-left : 5px;     
}
.info_noshow 
{
    display : none;
}
#tooltip {
	position: absolute;
	z-index: 3000;	
	border: none;
	width: 205px;
	height: 100px;
	opacity: 0.8;
	background: transparent url(../images/tool-tip-shadow.png) no-repeat left top;
	padding: 20px 0;
}
#tooltip h3 {
	padding : 0 5px;
}
#tooltip div { width: 185px; }
#tooltip .body
{    
	background: transparent url(../images/tool-tip-shadow-body.png) no-repeat left bottom;
	padding: 5px 15px 10px 5px;
}
#tooltip.right {
	background: transparent url(../images/tool-tip-shadow-reverse.png) no-repeat;
}
/*	=GOOGLE MAPS
	------------------------------------------------------ */
#map_canvas
{
    height : 500px;
    border : 3px solid #A7A7A7;
    border-right:3px solid #555555;
    border-bottom:3px solid #555555;
}
#map_canvas,
#map_directions
{
    width : 700px;
    margin : 20px 0;
}