/* General */

/*Reset Common Tags*/

a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    background-color: #D2D3D5;
    font-family:Arial;
    font-size:10px;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

img
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
}

h1
{
    font-size:14px;
    margin:6px 0px 2px 0px;
}

h2
{
    font-size:12px;
}

.style3
{
    font-size:14px;
    font-weight:bold;
    text-align:center;
    margin-bottom:5px;
}

.hidden-content
{
    display:none;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:837px;
    margin:0 auto;
    height:auto;
}

#layout
{
    width:827px;
    clear:both;
    padding:15px 5px 0px 5px;
}

		/*---------------------header---------------------*/
		
#header
{
    width:837px;
}

#header-date
{
    float:left;
    width:817px;
    height:20px;
    line-height:20px;
    background:#333;
    color:#fff;
    padding:0px 10px 0px 10px;
}

#header-date a
{
    color:#fff;
}

#header-left
{
    float:left;
    width:237px;
}

#header-right
{
    float:right;
    width:580px;
    text-align:right;
}

.divider-header
{
    color:#999;
    margin:0px 5px 0px 5px;
}

        /*---------------------content--------------------*/
        
#content-leftcol
{
    float:left;
    width:548px;
}

#content-leftcol-left
{
    float:left;
    width:269px;
}

#content-leftcol-right
{
    float:right;
    width:269px;
}

#content-rightcol
{
    float:right;
    width:269px;
}

#leftcol-box
{
    float:left;
    width:548px;
    margin-bottom:12px;
}

.white-box
{
    width:124px;
    display:block;
    padding:5px;
    background:#fff;
}

.grey-box
{
    width:124px;
    display:block;
    padding:5px;
    background:#ccc;
}

.text-12
{
    font-size:12px;
}

        /*--------------------sections--------------------*/
        
.section
{
    float:left;
    width:269px;
    padding-bottom:10px;
}

.section a
{
    color:#000;
}

.image-left
{
    float:left;
    width:135px;
}

.text-right
{
    float:right;
    width:134px;
}

.text-left
{
    float:left;
    width:134px;
}

.image-right
{
    float:right;
    width:135px;
}

.videos-left
{
    float:left;
    width:128px;
    border-right:1px solid #000;
    color:#fff;
    background:#1b92bc;
    padding:10px 3px 10px 3px;
    text-align:center;
}

.videos-left a
{
    color:#fff;
}

.videos-right
{
    float:right;
    width:128px;
    color:#fff;
    background:#1b92bc;
    padding:10px 3px 10px 3px;
    text-align:center;
}

.videos-right a
{
    color:#fff;
}

.maps-nav
{
    float:left;
    width:269px;
    text-align:center;
    color:#fff;
    background:#04689c;
}

.maps-nav a
{
    color:#fff;
}

.box-left
{
    float:left;
    width:269px;
}

.box-right-students
{
    float:right;
    width:239px;
    height:180px;
    padding:10px 20px 10px 20px;
    background:#de0077;
    color:#fff;
    font-size:12px;
}

.box-right-developers
{
    float:right;
    width:239px;
    height:180px;
    padding:10px 20px 10px 20px;
    background:#892213;
    color:#fff;
    font-size:12px;
}

.box-right-culture
{
    float:right;
    width:239px;
    height:180px;
    padding:10px 20px 10px 20px;
    background:#545f7d;
    color:#fff;
    font-size:12px;
}

.box-right-students a
{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.box-right-developers a
{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.box-right-culture a
{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.subbox-wrapper
{
    clear:both;
}

.subbox1
{
    float:left;
    width:171px;
    background:#e2017b;
    padding:5px 6px 5px 6px;
}

.subbox1 a
{
    display:block;
    color:#fff;
    text-decoration:none;
}

.subbox2
{
    float:left;
    width:170px;
    background:#892213;
    padding:5px 6px 5px 6px;
}

.subbox2 a
{
    display:block;
    color:#fff;
    text-decoration:none;
}

.subbox3
{
    float:left;
    width:171px;
    background:#545f7d;
    padding:5px 6px 5px 6px;
}

.subbox3 a
{
    display:block;
    color:#fff;
    text-decoration:none;
}

.newsletters
{
    width:269px;
    height:100px;
    background:URL(images/newsletters-portal.jpg) no-repeat;
    color:#fff;
}

.newsletters a
{
    color:#fff;
}

.professional-services
{
    width:269px;
    height:100px;
    background:URL(images/professionalservices-portal.jpg) no-repeat;
    color:#000;
}

.professional-services a
{
    color:#000;
}

ul.list
{
    margin:0px;
    padding:10px 100px 10px 25px;
}

ul.list li
{
    line-height:20px;
}

#nav_video a
{
    background-image:URL(images/portal_23.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_video.active a
{
    background-image:URL(images/portal_down_23.gif);
}

.nav_video-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_theplace a
{
    background-image:URL(images/portal_35.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_theplace.active a
{
    background-image:URL(images/portal_down_35.gif);
}

.nav_theplace-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_sunnisidepartnership a
{
    background-image:URL(images/portal_46.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_sunnisidepartnership.active a
{
    background-image:URL(images/portal_down_46.gif);
}

.nav_sunnisidepartnership-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_culture a
{
    background-image:URL(images/portal_26.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_culture.active a
{
    background-image:URL(images/portal_down_26.gif);
}

.nav_culture-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_developers a
{
    background-image:URL(images/portal_38.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_developers.active a
{
    background-image:URL(images/portal_down_38.gif);
}

.nav_developers-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_newbusiness a
{
    background-image:URL(images/portal_51.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_newbusiness.active a
{
    background-image:URL(images/portal_down_51.gif);
}

.nav_newbusiness-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_students a
{
    background-image:URL(images/portal_04.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_students.active a
{
    background-image:URL(images/portal_down_04.gif);
}

.nav_students-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_goingout a
{
    background-image:URL(images/portal_08.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_goingout.active a
{
    background-image:URL(images/portal_down_08.gif);
}

.nav_goingout-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_maps a
{
    background-image:URL(images/portal_11.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_maps.active a
{
    background-image:URL(images/portal_down_11.gif);
}

.nav_maps-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_newsletters a
{
    background-image:URL(images/portal_15.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_newsletters.active a
{
    background-image:URL(images/portal_down_15.gif);
}

.nav_newsletters-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_exploresunniside a
{
    background-image:URL(images/portal_20.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_exploresunniside.active a
{
    background-image:URL(images/portal_down_20.gif);
}

.nav_exploresunniside-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_professionalservices a
{
    background-image:URL(images/portal_29.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_professionalservices.active a
{
    background-image:URL(images/portal_down_29.gif);
}

.nav_professionalservices-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_contact a
{
    background-image:URL(images/portal_40.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_contact.active a
{
    background-image:URL(images/portal_down_40.gif);
}

.nav_contact-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_presslogin a
{
    background-image:URL(images/portal_49.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_presslogin.active a
{
    background-image:URL(images/portal_down_49.gif);
}

.nav_presslogin-text
{
    float:left;
    width:230px;
    height:40px;
}

#nav_businessforum a
{
    background-image:URL(images/portal_53.gif);
    float:right;
    width:39px;
    height:40px;
    display:block;
    cursor:pointer;
}

#nav_businessforum.active a
{
    background-image:URL(images/portal_down_53.gif);
}

.nav_businessforum-text
{
    float:left;
    width:230px;
    height:40px;
}

.hidden-content
{
    clear:both;
}

        /*---------------------footer---------------------*/
        
#footer
{
    clear:both;
    float:left;
    width:837px;
    border-top:3px solid #999;
    text-align:center;
    color:#000;
    padding:10px 0px 20px 0px;
}

.footer-links
{
    margin-top:7px;
}

.footer-links a
{
    margin:0px;
    padding:0px;
}

#footer a
{
    color:#000;
}