/*
 Project: USC Alumni
 Created on: 10/2/09
 Author: Tim Wright
------------------------------------*/

/*
 * Reset browser defaults
-----------------------------*/
body,div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
blockquote,th,td                   { margin:0;padding:0;}
body                               { line-height:1;color:#121212;background:#fff;}
h1,h2,h3,h4,h5,h6,p                { font-size:100%;font-weight:400;}
ol,ul                              { list-style:none;}
caption,cite,code,th               { font-style:normal;font-weight:400;}
fieldset,img                       { border:0;}
caption,th                         { text-align:left;}
:focus                             { outline:1px dotted #eee;}
table                              { border-collapse:collapse;border-spacing:0;}
hr                                 { border:0;border-top:1px solid #555;margin:0;height:1px;}
label,
button,
input[type="submit"],
input[type="image"]               { cursor:pointer;}

/*
 * General Elements
-----------------------------*/
html                               { text-align:center;background:#c4c4c2 url(../images/bg_new.jpg) repeat-x 0 0; }
body                               { width:1000px;-moz-box-shadow:0 0 25px #333;-webkit-box-shadow:0 0 25px #333;margin:auto;text-align:left;
                                     font: 12px/1.3 Helvetica, Arial, Sans-serif; }
#page-wrap                         { width:960px;margin:0 auto;padding-bottom:40px;position:relative; }
h1                                 { font-size:30px; }
h2                                 { font-weight:700;font-size:16px;background:#8c979d;color:#ffe482;padding:4px 10px 2px; }
h3                                 { font:20px/1.3 Georgia, Times, Serif;padding:10px 0 5px;clear:both; }
#profiles h3                       { clear:none; }
h4                                 { font-size:17px;padding:0 0 5px; }
h5                                 { font-size:13px;font-weight:700;color:#333;margin-top:15px;}
h6                                 { font-size:12px;font-style:italic; }
p                                  { margin:0 0 15px;line-height:1.8; }
p,
ul,
ol                                 { font-size:12px; }
ul,
ol                                 { margin:5px 0 15px 30px; }
ul                                 { list-style:disc; }
ol                                 { list-style:decimal; }
li                                 { line-height:1.8; }

sup                                { font-size:50%; }
legend                             { font-size:16px;padding:0; }
table                              { margin-bottom:15px; }
th                                 { font-weight:700;text-align:center;padding:3px; }
td                                 { padding:3px; }
caption                            { font-weight:700; }
textarea                           { width:80%;height:100px;font:12px Arial, Sans-Serif;padding:5px; }

#content-main form                 { margin:0 0 30px; }
#content-main input[type="text"]   { border:1px solid #ccc;font-size:14px;padding:5px;color:#333;width:66%; }
#content-main input[type="text"]:focus{ border-color:#333; }
#content-main select               { font-size:12px; }
#content-main fieldset             { background:#fbfbfb;border:1px solid #ccc;padding:10px 15px;margin:0 0 20px; }
#content-main legend               { padding:0 5px;margin:0 0 0 -10px; }
#content-main input[type="submit"] { display:block;font-size:16px;background:#eee;border:1px solid #ccc;padding:5px 10px;text-transform:capitalize;
                                     -moz-border-radius:5px;-webkit-border-radius:5px; }
#content-main input[type="submit"]:hover{ background:#ddd;color:#333;border-color:#666; }

/*
 Archors
*/
a                                  { overflow:hidden;color:#900;text-decoration:none; }
a:hover,
a:focus                            { color:#777; }

/*
 * Utility Classes
-----------------------------*/
.right                             { float:right; }
.left                              { float:left; }

.clear                             { clear:both; }
.accessibility                     { position:absolute;top:-9999px;left:-9999px; }
.accessibility:focus               { position:static; }
.rss                               { display:block;background:url(../images/icon_rss.jpg) no-repeat 0 0;text-indent:-9999px;height:16px;width:16px; }
.capitalize                        { text-transform:capitalize; }
#content-main img.left             { padding:1px;border:1px solid #ccc;margin:0 10px 0 0; }
#content-main img.right            { padding:1px;border:1px solid #ccc;margin:0 0 0 10px; }
#content-main img.block            { padding:1px;/*border:1px solid #ccc;*/margin:0 0 10px; }
.travel_photo                      { float:left;margin:0 20px 15px 0; }
.travel_photo a img                { padding:5px;background:#ccc;border:1px solid #999; }
.travel_photo a:hover img          { background:#fc0;border:1px solid #fc0; }
.req                               { font-size:80%;color:#f00; }

.trip                              { clear:both;padding-bottom:25px;border-bottom:4px solid #eee;float:left;width:680px; }
.trip img.left                     { clear:right; }
.trip h3                           { clear:both; }
.tripdetails                       { float:left;width:400px; }
#authors .tripdetails              { width:580px; }
.tripdetails p                     { line-height:1.3;margin:0 0 10px; }

.travelbg #content-main            { background:#fff; }

/*
 * Layout IDs
-----------------------------*/

/*
 Branding
*/
#branding                          { background:#900 url(../images/bg_branding.jpg) repeat-x 0 bottom;border-bottom:2px solid #fff; padding-top: 25px; }
#branding h1                       { clear:left;padding:5px 0 0; }
#branding h1 a                     { display:block;background:url(../images/logo.jpg) no-repeat 0 0;height:94px;width:274px;text-indent:-9999px; }
#branding p                        { position:absolute;right:0;top:88px;margin:0;font:18px/1.3 Georgia, "Times New Roman", Serif;color:#fff;
                                     font-style:italic;text-indent:-9999px;background:url(../images/tagline.jpg) no-repeat 0 0;height:36px;width:216px; }
#branding img                      { margin:0 20px 0 0;border:0;padding:0; }

/*
 Navigation
*/
#nav                               { position:relative;border-top:1px solid #ccc;background:#e5e5e5 url(../images/bg_nav.gif) no-repeat center 0; }
#nav-main ul                       { margin:0;list-style:none; }
#nav-main li                       { float:left;font-size:13px;padding:3px 2px 2px;line-height:36px; }
#nav-main a                        { text-shadow:0 1px 0 #fff;display:block;float:left;text-transform:uppercase;line-height:36px;padding:0 38px; }
#nav li strong,
#nav li b                           { font-weight:400; }
#nav-main li.about a               { padding: 0 48px; }
#nav-main li.groups a              { padding: 0 32px; }
#nav-main a:hover,
#nav-main a:focus,
#nav-main a.open                   { background:#f9f9f9;-moz-border-radius:5px;-webkit-border-radius:5px;color:#555; }

#nav .clear                        { height:10px;background:#ccc url(../images/bg_nav_clear.jpg) repeat-y right 0;border-top:1px solid #fff; }

#nav-super                         { clear:both;position:absolute;background:url(../images/bg_nav_666.png) 0 0;top:40px;width:75%;z-index:99;
                                     border-bottom:10px solid #444;display:none; }
#nav-super h2                      { position:absolute;top:-9999px;left:-9999px; }
#nav-super a                       { color:#fff;display:block;padding:5px 10px 5px;line-height:1.3; }
#nav-super a:hover,
#nav-super a:focus                 { background:#777; }
#nav-super a:hover a,
#nav-super a:focus a               { color:#fc0; }
#nav-super div                     { float:left; }
#nav-super div:hover               { background:url(../images/bg_nav_ccc.png) 0 0; }
#nav-super div:hover a             { color:#900;}
#nav-super div:hover a:hover       { color:#fc0; }
#nav-super .nav-groups             { width:177px }
#nav-super .nav-benefits           { width:145px; }
#nav-super .nav-events             { width:132px; }
#nav-super .nav-news               { width:118px; }
#nav-super .nav-about              { width:146px; }
#nav-super ul                      { margin:0;list-style:none; }
#nav-super .highlight              { background:url(../images/bg_nav_ccc.png) 0 0; }
#nav-super .highlight a            { color:#990000;}


/* Active nav */
#groups #nav li.groups a,
#benefits #nav li.benefits a,
#events #nav li.events a,
#news #nav li.news a,
#about #nav li.about a             { opacity:.7;background:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333; }

/* 
 Search
*/
#search                            { position:absolute;top:0;right:0;width:232px;height:34px;padding:4px;border-left:1px solid #fff; }
#search form                       { background:#efefef;padding: 0 5px;border:1px solid #f6f6f6;height:32px; }
#search #searchbox                 { border:0;background:none;font-size:13px;color:#666;display:block;float:left;margin-top:6px; }
#search button                     { display:block;float:right;background:url(../images/btn_search.jpg) no-repeat center center;border:0;
                                     text-indent:-9999px;width:17px;height:29px; }
#search label                      { position:absolute;top:-9999px;left:-9999px; }

/*
 Content
*/
#content                           { border-top:10px solid #fff; }
#media                             { margin-bottom:10px; }
#media ul                          { margin:0;list-style:none; }
#slideshow                         { position:relative;border:1px solid #ccc;border-top:0;padding:1px;height:219px; }
#slideshow #images                 { float:left; }
#slideshow #images div             { position:relative;font-size:14px;height:219px; }
#slideshow #images div a.link      { display:block;position:absolute;color:#ffcd00;height:24px;padding:12px 0 0 10px;top:183px;left:0;
                                     background-color:#000;filter:alpha(opacity=80);opacity:0.80;background-position:97% center;z-index:10;
                                     background-image:url(../images/btn_media.png);background-repeat:no-repeat;width:458px; }
#slideshow #tabs                   { border:0;float:right;font-size:14px;width:238px;background:#eee;height:219px; }
#slideshow #tabs li                { line-height:1.2; }
#slideshow #tabs li a              { display:block;background:#eee;border-bottom:1px solid #fff;padding:11px 10px; }
#slideshow #tabs li.ui-tabs-selected a    { background:#f3e59e url(../images/bg_slideshow_active.jpg) repeat-x 0 0; }
.ui-tabs .ui-tabs-panel            { display:block;border:0;background:none; }
.ui-tabs .ui-tabs-hide             { display:none !important; }

/* Main content */
#content-main                      { min-height:700px;width:710px;float:left;background:url(../images/bg_sidebar_inner.png) repeat-y right 0; }
#home #content-main                { min-height:0;background:none; }
#announcements                     { width:240px;float:left;border-right:10px solid #fff;background:#e5e5e5; }
#home #announcements               { width:235px;background:#d6d6d6; }
#announcements h2 a.rss            { float:right;margin:2px 0 0; }
#announcements a                   { font-weight:600; }
#announcements ol                  { margin:0;list-style:none; }
#announcements li                  { padding:8px 10px 8px 10px; }
#home #announcements li            { border-bottom:1px solid #fff; }
#announcements p                   { margin:0;line-height:1.3; }
#announcements p.date              { color:#555; }
#announcements p.locale            { color:#777;font-size:11px; }
#home #announcements p.locale      { color:#777;font-weight:400; }
#announcements p.summary           { margin:0;}

#connected                         { width:460px;float:left;border:1px solid #ccc;padding:1px;margin:0 0 10px; }
#connected ul                      { font-size:13px;padding:10px;margin:0;list-style:none; }
#connected li                      { width:45%;float:left;background:url(../images/bullet_arrow.jpg) no-repeat 0 center;padding:0 0 0 12px; }

/*
 Home page profile slider
*/
#slider                            { width:460px;float:left;border:1px solid #ccc;padding:1px;margin:0 0 10px;background:#f0f0f0;
                                     position:relative; }
.scroll                            { overflow:hidden;width:460px;position:relative; }

.scrollContainer                   { position:relative; }
.scrollContainer div.panel         { padding:10px;width:88px;clear:none;overflow:hidden; }
.inside                            { margin:0;list-style:none;width:264px;background:#fff; }
.inside img                        { display:block;border:1px solid #fff;border-bottom:0;float:left;width:88px; }
.inside h3                         { display:none;font:12px/24px Helvetica, Arial, Sans-Serif;background:#c6cbcf;margin:0;padding:0 0 0 5px;clear:both;
                                     border:1px solid #fff;border-top:0; }
.inside p                          { display:none;float:right;width:53%;line-height:1.3;font-size:9px;color:#777;padding:7px; }

#content-main img.scrollButtons    { padding:0;position:absolute;top:90px;-moz-box-shadow:2px 2px 4px #666;-webkit-box-shadow:2px 2px 4px #666;
                                     z-index:99;cursor:pointer;border:0; }
.scrollButtons.left                { left:-10px; }
.scrollButtons.right               { right:-10px; }

.hide                              { display: none; }

.currentSlide                      { width:268px;margin-right:-6px !important; }
.currentSlide .inside              { border:1px solid #555; }
#slider .currentSlide h3           { display:block;padding-top:4px; }
.currentSlide p                    { display:block;margin:0; }

#breadcrumb p                      { font-size:14px;background:#8c979d;padding:2px 10px 0;color:#eee;margin:0; }
#breadcrumb a                      { color:#ffe482; }
#breadcrumb a:hover,
#breadcrumb a:focus                { color:#fff; }
#page,
#entry                             { padding:0;width:70%;float:left; }
#page-wide                         { padding:0;background:#fff;margin-bottom:-15px; }
#page h2,
#page-wide h2,
#entry h2                          { font-weight:400;background:none;color:#900;font:32px/1.2 Georgia, Times, Serif;padding:10px 10px;margin:0; }
#page h3,#page-wide h3,
#entry h2,#page p,#page-wide p,
#entry p,#page h4, #page h5,
#entry h4, #entry h5    			{padding-left:10px;}
#page img#feature,
#page-wide img#feature,
#entry img#feature                 { display:block;margin:0 0 0 -10px; }

#page-sidebar,
#entry-sidebar                     { width:170px;float:right; }
#page-sidebar h3,
#entry-sidebar h3                  { font:16px Arial, Sans-Serif;color:#666;padding:10px; }
#page-sidebar ul,
#entry-sidebar ul                  { margin:0 10px 20px;list-style:none; }
#page-sidebar li,
#entry-sidebar li                  { line-height:1.3;padding:0 0 15px; }
#page-sidebar img,
#entry-sidebar img                 { border-top:5px solid #666;border-bottom:5px solid #666;display:block;width:auto;margin:auto; }
#page-sidebar li.selected a,
#entry-sidebar li.selected a       { color:#666; }

#page-sidebar form                 { padding:10px;text-align:center; }
#page-sidebar form p               { text-align:left;padding:0; }
#page-sidebar input[type="submit"]{margin:auto;}
#page-sidebar input[type="text"]{margin:auto;width:95%;}

#page-sidebar p                    { padding:0 15px;line-height:1.3; }

#page a.left img,
#page a.right img                  { padding:1px;border:8px solid #eee; }

#page a.left:hover img,
#page a.right:hover img            { border-color:#ccc; }

/* Events */
#events #page ol                   { margin:15px 0 0; }
#events #page ol li                { border-bottom:1px dashed #ccc;padding:0 0 10px; }
#events #page ol p                 { margin:0;line-height:1.3; }
#events #page ol p.date            { font-weight:700; }

/* Sub content */
#content-sub                       { width:240px;float:right;background:#e5e5e5;}
#home #content-sub                 { background:none; }

#home #content h2 a,
#content-sub h2 a                  { color:#ffe482;font-weight:400; }
#content-sub h2 a:hover,
#home #content h2 a:hover          { color:#eee; }

#signin                            { background:#f3e59e url(../images/bg_signin.jpg) repeat-x 0 0;border-bottom:10px solid #fff; }
#home #signin                      { margin:0 0 10px;border:0;height:250px;overflow:hidden; }
#signin h2                         { background:url(../images/fightonline.jpg) no-repeat 0 center;height:45px;text-indent:-9999px; }
#signin p                          { clear:both;font-size:10px;line-height:1.4;padding:10px 20px;font-weight:700;margin:0; }
#signin ul                         { margin:0;list-style:none; }
#signin li                         { background:#f9e4ab;margin:0 0 5px;padding:5px 0; }
#signin form                       { padding: 0 20px; }
#signin input#user,
#signin input#password,
#signin label                      { border:0;display:block; }
#signin input#user,
#signin input#password             { font-size:14px;color:#666;padding:3px;background:#f9e4ab; }
#signin label                      { color:#666;font-size:14px;margin-bottom:-25px;margin-left:5px; }
#signin input#btn                  { display:block;float:right;margin:0; }
#signin p.login-tools              { font-size:10px; padding:18px 0 10px 20px;clear:both; }


#links                             { background:#f0f0f0;border-bottom:10px solid #fff; }
#home #links                       { border:1px solid #ccc;padding:1px;margin:0; }
#links ul                          { margin:10px;list-style:none;font-size:14px;padding:0 0 10px; }
#links p                           { margin:0;color:#666; }
#social                            { padding:10px 10px 10px; }
#social .right                     { padding-left: 18px;float:left; }
#social_home                       { padding:50px 10px 10px;}

#search-results #content-main p    { line-height:1.4; border-bottom:5px solid #eee;padding-bottom:15px;margin-bottom:5px; }
#search-results #content-main h3   { font-size:16px; }

/*
 Site info
*/
#site-info                         { clear:both;position:relative;border-top:10px solid #fff;background:#f5f5f5;margin-bottom:-20px; }
#home #site-info                   { background:#e5e5e5; }
#site-info p                       { color:#666;clear:both;border-top:1px solid #fff;margin:1px 0 0;line-height:35px;padding:0; text-align: center; }
#site-info #ad_creditunion         { position:absolute;top:3px;right:0; }

#site-info #spn                    { min-height:106px;width:75%; float: left; }
#site-info #spn .ad-left img 			 { display: block; width: 235px; float: left; }
#site-info #spn ul                 { list-style:none;margin:0 0 0 235px; }
#site-info #spn li                 { float:left;margin:0 0 10px;padding:0;width:25% }
#site-info #spn img                  { display:block;margin:auto;width:auto; }

#site-info #nav-footer             { margin:0 0 1px;clear:both;background:#f5f5f5;height:50px; }
#site-info #nav-footer p           { margin:0;padding:0 0 0 10px;line-height:50px; }
#home #site-info #nav-footer       { border-top:10px solid #fff; }

#site-info ul#adr li               { line-height:1.3; }
#site-info ul#adr li.st            { clear:both; }
#site-info                         {  }