@import url('reset.css');

body
{ text-align:center; font-family:Trebuchet MS; background:#003366 url('../_design/body-bg.jpg') repeat-y 50% 0%; }

#container
{ text-align:left; margin:0 auto; width:970px; overflow:hidden; background:white; }


/*----------------------------
	Branding
------------------------------*/
#branding
{ /*padding-bottom:222px; background:transparent url('../images/design/edunedin-banner.jpg') no-repeat bottom left*/ }

#branding a
{ text-indent:-9999px; overflow:hidden; display:block; width:346px; height:70px; margin:20px 0 20px 40px; background:transparent url('../images/design/edunedin-logo.jpg') no-repeat top left; }

#branding ul
{ position:relative; height:222px; }

#branding li
{ position:absolute; top:0; left:0; }


/*----------------------------
	Mainmenu
------------------------------*/
#main-nav
{ clear:both; float:left; width:100%; background:#336699; }

#main-nav ul
{ float:left; }

#main-nav li
{ float:left;}

#main-nav li a
{ float:left; display:block; height:77px; color:#fff; text-decoration:none; text-indent:-9999px; overflow:hidden; }

#main-nav #main-nav-home a
{ width:89px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat 0px 0px; }

#main-nav #main-nav-home a:hover, #page-home #main-nav #main-nav-home a
{ background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat 0px -77px; }

#main-nav #main-nav-studying a
{ width:163px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -86px 0px; }

#main-nav #main-nav-studying a:hover, .sub-studying #main-nav #main-nav-studying a
{ width:163px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -86px -77px; }

#main-nav #main-nav-education a
{ width:222px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -252px 0px; }

#main-nav #main-nav-education a:hover, .sub-education-providers #main-nav #main-nav-education a
{ width:222px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -252px -77px; }

#main-nav #main-nav-accommodation a
{ width:180px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -474px 0px; }

#main-nav #main-nav-accommodation a:hover, #page-accommodation #main-nav #main-nav-accommodation a
{ width:180px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -474px -77px; }

#main-nav #main-nav-student a
{ width:157px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -654px 0px; }

#main-nav #main-nav-student a:hover, #page-student #main-nav #main-nav-student a
{ width:157px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -654px -77px; }

#main-nav #main-nav-after a
{ width:159px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -810px 0px; }

#main-nav #main-nav-after a:hover, #page-after #main-nav #main-nav-after a
{ width:159px; background:transparent url('../images/design/menu/edunedin-menu.jpg') no-repeat -810px -77px; }

#main-nav li a span.menu-title
{ font-size:110%; text-transform:uppercase; display:block; }

#main-nav li a span.link-seperator
{ display:none; }

#main-nav li a span.link-description
{ font-size:70%; color:#ccc; display:none; }


/*----------------------------
	Submenu
------------------------------*/

#aside1-content-container .sub-nav li
{ border-bottom:2px solid #ccc; }

#aside1-content-container .sub-nav a
{ display:block; padding:20px 10px 20px 50px; color:#333; font-family:Georgia, Times New Roman, Serif; text-decoration:none; }


/* selected submenu highlight */
#page-study-dunedin #studying-sub-menu-about,
#page-study-options #studying-sub-menu-options,
#page-study-nz #studying-sub-menu-education,
#page-study-immigration #studying-sub-menu-immigration,
#page-study-get-here #studying-sub-menu-get-here,
#page-education-providers-secondary #providers-sub-menu-secondary,
#page-education-providers-tertiary #providers-sub-menu-tertiary,
#page-education-providers-english #providers-sub-menu-english
{ background:transparent url('../_design/tick.jpg') no-repeat 4% 50%; }

/* education providers and study menu */
#studying-menu, #education-providers-menu
{ padding-top:79px; background:white url('../_design/aside1-art-class.jpg') no-repeat top left; }

#studying-menu ul, #education-providers-menu ul
{ padding-bottom:266px; background:white url('../_design/aside1-kayakers.jpg') no-repeat bottom left; }

#education-providers-menu ul
{ padding-bottom:266px; background:white url('../_design/aside1-track.jpg') no-repeat bottom left; }

.sub-studying #aside2-content-container
{ /*padding-top:336px; background:white url('../_design/aside2-mosaic1.jpg') no-repeat top left;*/ }



/*----------------------------
	Content
------------------------------*/
#content-container
{ clear:both; line-height:110%; margin-top:1px; float:left; width:100%; background:transparent url('../images/design/edunedin-content-bg.jpg') repeat-y top left; }

#aside1-content-container
{ float:left; width:235px; }

#aside1-content-container #student-city
{ text-indent:-9999px; overflow:hidden; width:235px; height:446px; background:transparent url('../images/design/edunedin-citypromo-01.jpg') no-repeat top left; }

#main-content-container
{ float:left; width:455px; background:#f4f1ef; color:#333; }

#main-content-container.one-column
{ width:100%; }

#main-content
{ padding:40px 40px 20px 40px; font-size:75%; }

#main-content h1
{ font-size:240%; padding:0 0 20px 0; line-height:1.2em; }

#main-content h2
{ font-size:160%; padding:20px 0 0px 0; }

#main-content h3
{ font-size:140%; padding:15px 0 0px 0; }

#main-content p
{ padding:8px 0; }

#main-content ul
{ }

#main-content ul.normal li
{ padding:3px 0 3px 20px; list-style-type:none; background:transparent url('../_design/bullet.gif') no-repeat 0px 2px; }


/* photo gallery */
.photo-gallery
{ float:left; padding:10px 0px 20px; }

.photo-gallery ul
{ float:left; }

.photo-gallery li
{ float:left; padding:2px; }

#aside2-content-container
{ float:left; width:280px; }

#aside2-content-container .clsButtonList
{ margin-top:10px; }


/* aside images */
#page-student #aside1-content-container
{ height:617px; background:transparent url('../_design/aside1-surfer.jpg') no-repeat top left; }

#page-student #aside2-content-container
{ height:592px; background:transparent url('../_design/aside2-around-dunedin.jpg') no-repeat top left; }

.sub-education-providers #aside2-content-container
{ height:592px; background:transparent url('../_design/aside2-providers.jpg') no-repeat top left; }

#page-accommodation #aside2-content-container
{ height:592px; background:transparent url('../_design/aside2-accommodation.jpg') no-repeat top left; }

#page-after #aside2-content-container
{ height:592px; background:transparent url('../_design/aside2-graduate.jpg') no-repeat top left; }


/*----------------------------
	Education providers listing
------------------------------*/
.education-providers
{ margin:30px 0; width:375px; }

.education-providers li.education-provider
{ margin:20px 0; clear:both; float:left; width:100%; }

.education-providers img
{ width:80px; display:block; float:left; }

.education-providers dl
{ width:275px; float:right; }


.education-providers dt
{ font-size:120%; color:#000033; font-weight:normal; }

.education-providers dd ul.address
{ margin:5px 0; }

.education-providers dd ul.contact-details label
{ font-weight:bold; display:block; float:left; width:60px; }

/*----------------------------
	Quotes
------------------------------*/

blockquote#haidar-buduhaim
{ text-indent:-9999px; overflow:hidden; height:614px; background:transparent url('../_design/quote-haidar.jpg') no-repeat top left; }

blockquote#software-developer
{ text-indent:-9999px; overflow:hidden; height:613px; background:transparent url('../_design/aside1-testimonial-software-developer.jpg') no-repeat top left; }

blockquote#christian-rosecu
{ text-indent:-9999px; overflow:hidden; height:256px; background:transparent url('../_design/aside2-testimonial-christian-rosecu.jpg') no-repeat top left; }

/*----------------------------
	Global Styles
------------------------------*/
ul.links li
{ padding:3px 0; }


/*----------------------------
	Footer
------------------------------*/
#footer-container
{ clear:both; background:#25619e; margin-top:1px; float:left; width:100%; color:#fff; font-size:80%; }

#footer-content
{ padding:30px 40px; float:left; }

#footer-content a
{ color:#fff; text-decoration:underline; }

#footer-content a:hover
{ text-decoration:none; }

#footer-content .section
{ width:250px; float:left; }

#footer-content .section h3
{ font-size:110%; padding:0 0 20px 0; text-transform:uppercase; }

#footer-content #stamps
{ padding-top:70px; }

#footer-content #links
{ float:right; }


/*----------------------------
	Structure
------------------------------*/
.clear
{ clear:both; width:0; height:0; }