/* 
css: Common Styles CUSA Directory
author: Peter Lo
*/

/* CSS reset
-----------------------------------------------------------*/
p,form,div,span,iframe,object,a,strong,em,img,h1,h2,h3,h4,h5,h6,table,caption,tbody,tfoot,thead,form,input,ul,li {margin:0;padding:0;}

img {border:none;}

p {margin-bottom:10px;}

/* General
-----------------------------------------------------------*/
body { margin:0 auto; text-align:center; }

a.headerlogolink { text-indent:-99999px; overflow:hidden; width:130px; height:75px; display:block; position:absolute; top:0; left:0; }

.clear {clear:both;}

.textleft {text-align:left}

.textcenter {text-align:center;}

.textright {text-align:right;}

.operationBusy {
    cursor: wait;
}



/* Core - Minimum selectors to render CUSA layout
-----------------------------------------------------------*/
#container { margin: 0 auto; width: 100%; text-align:center; background:url(../images/bkgrnd976x1.gif) repeat-y top center;  }

#maincontainer { width:950px; margin: 0 auto; text-align: left; }

#breadcrumb {}

#header { background:url(../../common/images/headers/cusasiteheader.gif) no-repeat top right;	height:75px; margin:0; position:relative;}

#leftnav {float:left; background-color:#ecf3fb; width:148px; border-left:1px solid #c9e0f0; border-right:1px solid #c9e0f0; margin-top:5px; margin-right:5px; clear:both; /*total width 150px*/}

/* Default 2 columns */
#maincontent {width:795px;float:left; margin-top:5px; }

/* 1 column full width of template */
#maincontainer.full #leftnav {display:none;}

/* 3 column with sidebar */
#maincontainer.threecol #maincontent {width:560px;}

/* 3 column no sidebar */
#maincontainer.nosidebar #maincontent {width:560px;}

#maincontainer.nosidebar #sidebar {display:none;}

#tabscontainer {width:395px; left:280px; top:30px; position:absolute;  }

#footercusa {width:962px; border-top:5px solid #000; clear:both; text-align:center; padding-top:5px; margin: 0 auto; clear:both;}


/* Top navigation tabs
-----------------------------*/
ul#tabs { 	margin: 0; padding: 0;	list-style-type: none;}

#topTab li {float: left; background: url(../images/tabs.gif) 0 0 no-repeat;	margin-right:2px; text-align:center; line-height:21px; }

#topTab a { color: #333; text-decoration: none;	font-weight:bold; height: 21px; width:77px; display:block;	float:left; }

#topTab a:hover { color: #fff; 	background:url(../images/tabs.gif) 0 -21px no-repeat; }

#topLinks { width:100px; margin-left:835px; line-height:14px; }

/* left navigation
-----------------------------*/
ul.firstlevel {list-style:none; padding:0; margin:0;}

ul.secondlevel{list-style:none; padding:0; margin:0; }

ul.firstlevel li {list-style:none; padding:0; margin:0;}

ul.secondlevel li {list-style:none; border-bottom:1px dotted #bdc2c9;padding:0; margin:0; }

.firstlevel span {display:block; background:url(../images/firstlvl-bg.gif) no-repeat 0 0; padding:0; margin:0; padding-left:3px;/*bg img has height of 21px to play nice with the line-height of 21px*/ }

.firstlevel span.whatshot {display:block; background:url(../images/whatshot-bg.gif) no-repeat 0 0;color:#fff; font-weight:bold;padding-left:3px; }

.firstlevel span.Info {display:block; background:url(../images/firstlvl-bg.gif) no-repeat 0 0;color:#fff; font-weight:bold;}

#leftnav {line-height:21px; /*line-heigh at 21px for total leading of 10px */ }


/* leftnav links
------------------------------*/
#leftnav a {display:block; padding-left:3px;text-decoration:none; width:145px; /* width equals: leftnav width minus padding */}

.firstlevel span {color:#fff; font-weight:bold; }

/* Set leftnav each state below
------------------------------*/
#leftnav  ul.firstlevel a:link ,#leftnav  ul.firstlevel a:active, #leftnav ul.firstlevel a:visited, #leftnav ul.firstlevel a:hover {color:#fff; text-decoration:none; }

#leftnav ul.secondlevel a:link, #leftnav ul.secondlevel a:active, #leftnav ul.secondlevel a:visited { color:#000033;text-decoration:none; }

#leftnav ul.secondlevel a:hover {text-decoration:underline; color:#ff7e00; } 


/* Sidebar
------------------------------*/
#sidebar {width:229px; float:right; margin:5px 0 0 0; display:inline;}

.sidebarouter {width:227px; background:#fff url(../images/sidebarbg.gif) repeat-x 0 0; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

#sidebar .innerwrapper {padding:0px 5px;}

.sidebartop {width:229px; height:10px; background:url(../images/sidebartop.gif) no-repeat 0 0; font-size:0;}

.sidebaroutershort {width:227px;  background:#fff url(../images/sidebarbgshort.gif) repeat-x 0 0; border-left:1px solid #e8e8e8;  border-right:1px solid #e8e8e8;}

.sidebarbottom{width:229px; height:10px; background:url(../images/sidebarbottom.gif) no-repeat 0 0; font-size:0;}

#sidebar ul {margin-left:10px; padding-left:10px; padding-bottom:10px;}

#sidebar li {}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {color:#892d3c;}



/* Typography 
------------------------------*/
body {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

h1 { font-size:22px; margin: 0px 0px 10px 0; color:#273869;}

h2 {font-size:18px; margin: 0px 0px 10px 0;}

h3 {font-size:16px; margin: 0px 0px 10px 0;}

h4 {font-size:14px; margin: 0px 0px 10px 0;}

#footercusa {font-size: 10px; line-height: 14px; color:#1e3b8f;}

#footercusa .outlinks {color:#999;}	

.red {color:#892d3c;}

.bluegreen {color:#0e5c88;}

/* Links
------------------------------*/
a:link, a:active, a:visited {color:#3366cc; text-decoration:underline;}

a:hover {color:#ff7e00;text-decoration:underline;}

#footercusa a:hover {color:#999; }

#footercusa .outlinks a:link, #footercusa .outlinks a:active, #footercusa .outlinks a:visited {color:#999; text-decoration:none;}

#footercusa .outlinks a:hover{ text-decoration:underline;}

#footercusa .pageDebugInfo {color:#efefef;font-size:10px;}

/* Images
------------------------------*/
#logo { float: left; }

/* End Core 
-----------------------------------------------------------*/




/* Page Specific Selectors (move up to Core if selector becomes common
-----------------------------------------------------------*/

/* Advertise Your School Page
------------------------------*/
.errormsgwrapper span {display:block; background-color:#ffffcc;}

.astericks {color:#e40022;}

.advertiseform {padding:0px 30px;}

.lineup {float:left; width:158px;}

.lineup2 {float:left; width:200px;}

.lineup3 {float:left; width:80px;}

form div {margin-bottom:8px;}

/* Compare Mortgage Rates Page
------------------------------*/
#loandiv {width:757px; margin:0 auto;font-size:12px;}

.loanbody {width:757px; background:#fff url(../images/loancenter/main-bg2.gif) repeat-y 0 0; margin:0; padding:0;}

.loanquest_lft {width:369px; margin-right:5px; text-align:right; float:left; margin-bottom:20px; line-height:16px;}

.loanquest_rgt {width:369px; margin-left:5px; float:left; margin-bottom:20px;}

h1.loancta {width:757px; height:57px; background:url(../images/loancenter/top2.gif) no-repeat 0 0; text-indent:-9000px; overflow:hidden; margin:0; padding:0; }

/* Partners Page
------------------------------*/
.partnercolumn {width:250px; float:left; margin-left:15px; }

.partnercolumn div {width:250px; height:70px; border-bottom: 1px solid #ccc; margin-bottom:5px; padding:3px 0px; text-align:center; }

/* About Us
------------------------------*/
ul.aboutUs {padding:12px 0 12px 23px;}
div.pdf {float:left; margin-right:15px;}
div.magazine {}

/* Press Room
------------------------------*/
ul.presslist {padding:5px 0 12px 14px;}
ul.presslist li {padding:0 0 12px 0;}
#sidebar ul.mediaSidebar {margin-left: 3px;}
ul.mediaSidebar li {padding:0 0 5px 0;}

/* OCP page
------------------------------*/
.tyimage {float:left; width:340px;}

.tymessage {float:left; width:350px; text-align:center;}

.tylogo {padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #ccc;}

.tycontent { background:#f4f9fe url(../images/ocp/thanksxrepeat.gif) repeat-x 0 0; margin: 0px 5px; padding:5px;}

.tycontentleft { width:355px; height:120px;  float:left; margin-left:10px; margin-right:10px; border-right:1px solid #e5e9ef; display:inline; }

.tycontentright { width:550px; float:left; }

.tybrowse { background:url(../images/ocp/thanksyrepeat.gif) repeat-y 0 0; }

.tycontentleft ul {width:165px; float:left; margin-right:10px;}

.tycontentright ul {width:265px; float:left; }

.tycontent ul, .tycontent li {list-style:none; font-size:12px; padding:2px 0;}


/* Article Pages
------------------------------*/
#degreefinder { width:783px; overflow:auto; background-color: #fc8e44; padding: 0px 0px 6px 10px; border: 1px solid #666; color: #fff; margin-bottom:10px; }

.articlecontent {font-size:12px;}

* html div#degreeFinder { height: 1%;}

#degreefinder a:link, #degreefinder a:visited, #degreefinder a:active {color: #fff; font-weight: bold; text-decoration: none; }

#degreefinder a:hover { color: #fef502; text-decoration: underline; }

.degreelist ul {margin-left:15px;}

.degreebtn {float:left;  margin: 8px; padding-right: 10px; }

.degreelist {margin-top: 10px;}

.degreefloat {float: left; width: 150px;}

.articleol li {margin-bottom:15px;}

#searchwidget {height:220px;width: 300px;float: right;margin: 10px 15px 10px 10px; border: 1px solid #666;background-image: url(../images/articles/watermark.gif); text-align:center;}

#searchwidget select { width:200px; padding:0px 2px; font-size:10px;}

#searchwidget .submitbutton { display:block; margin:10px auto 0px auto; }

.searchform {margin-top: 150px;}