/*
Theme Name: CUofGA
*/

/* +++++++++++++++++++++
++++++++++++++++++++++++
++++ MAIN STRUCTURE ++++
++++++++++++++++++++++++
+++++++++++++++++++++ */

body { margin: 0px; padding: 0px; background: #b4d5bd url(images/background.jpg) no-repeat center top; font-family: Arial, Helvetica, sans-serif; color: #666666; }
#wrapper { margin: 0px auto; padding: 0px; width: 960px; position: relative; }
#header { margin: 0px; padding: 0px; height: 245px; width: 960px; position: relative; background: url(images/header.jpg) no-repeat; }
#navigation { margin: 0px; padding: 0px; height: 27px; width: 960px; position: relative; z-index:200; }
#container { margin: 0px; padding: 0px; height: 460px; width: 960px; }
#container-interior { margin: 0px; padding: 0px; width: 960px;}
#leftcolumn { margin: 0px; padding: 0px; width: 321px; float: left; background: url(images/content-left.jpg); height: 460px;   }
#content { float: right; width: 639px; background: url(images/content-fill.jpg) repeat-y; }
#content-footer { width: 639px; background: url(images/content-footer.jpg) no-repeat; height: 10px; }
#content-inside { background: url(images/content-right.jpg) no-repeat; width: 639px; }
#content-inside-interior { min-height:430px; background: url(images/content-right.jpg) no-repeat; width: 609px; margin: 0px; padding: 20px 15px 0px; }
a#homelink { display: block; margin: 50px 0px 0px; padding: 0px; float: left; height: 100px; width: 300px; }

#footer { width: 910px; margin: 0px 0px 10px; padding: 0px 5px 0px 45px; clear: both; color: #FFFFFF; font-size: 12px; overflow: auto; }
#footer-top { margin: 0px; padding: 10px 0px 10px; border-bottom: 1px solid #FFFFFF; }
#footer-bottom {}
#ncua { float: left; width: 430px; padding: 7px 0px 0px; }
#equalhousing { float: left; border-left: 1px solid #FFFFFF; padding: 7px 0px 7px 20px; }
#servicectrs { float: left; border-left: 1px solid #FFFFFF; padding: 7px 0px 7px 20px; width: 220px; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #76b389; }
span.spacer { padding: 0px 25px; }
div.footerimage { vertical-align: middle; display: inline-block; padding: 0px 10px 0px 0px; height: 30px; float: left; }
div.footertext { vertical-align: middle; padding: 0px 15px 0px 0px; }


/* +++++++++++++++++++++
++++++++++++++++++++++++
++++++++ GLOBAL ++++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */
img { border: none; }
a { outline:none; color: #666666; }
a:hover { color: #000000; }
p { line-height: 1.2em; }
img.alignleft { margin: 5px 15px 5px 0px; float: left; }
.simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; font-size: 12px; width: 140px; position: absolute; z-index: 100; }


/* +++++++++++++++++++++
++++++++++++++++++++++++
+++ CONTENT STYLES +++++
++++++++++++++++++++++++
+++++++++++++++++++++ */

#content-inside-interior { font-size: 14px; line-height: 1.6em; }
#content-inside-interior p { line-height: 1.6em; }
#content-inside-interior strong { font-weight: bold; color: #000000; }
#content-inside-interior h2 { background: #e3ebe6; margin: 0px; padding: 15px; color: #007f47; font: normal 25px Georgia, "Times New Roman", Times, serif; }
#content-inside-interior h3 { font-weight: normal; text-transform: uppercase; color: #004b8d; margin-bottom: -5px; margin-top: 0px; padding: 15px 0px 0px; }
#content-inside-interior h4 { font-weight: bold; color: #004b8d; margin-bottom: -5px; margin-top: 0px; padding: 5px 0px 5px 20px; background: #f1f5f2 url(images/orange-arrow.gif) no-repeat 5px center; }
#content-inside-interior address { font-size: 10px; }
#content-inside-interior blockquote {}
#content-inside-interior ul { border-bottom: 1px solid #b4d5bd; margin: 10px 0px 20px; padding: 0px; background: #f1f5f2; }
#content-inside-interior li { border-top: 1px solid #b4d5bd; margin: 0px 0px 0px 0em; padding: 2px 0px 2px 1.5em; list-style: url(images/orange-arrow.gif) inside; text-indent: -1.2em; }
div.entry-content { margin: 0px; padding: 0px 25px 30px 15px; }
div.breadcrumb { font-size: 11px; color: #000000; }
.peach { padding-top: 10px; padding-bottom: 10px; }

#content-inside-interior a { color: #007f47; }
#content-inside-interior a:hover { color: #000000; }



/* +++++++++++++++++++++
++++++++++++++++++++++++
++++++ NAVIGATION ++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */

ul#nav { margin: 0px; padding: 0px; list-style: none; position: relative; z-index:200; }
ul#nav li { list-style: none;  }

li.menu { background: #b4d5bd; background-position:0 0; background-repeat:no-repeat; display: block; margin: 0px; padding: 0px; float: left; height: 27px; position: relative; cursor: pointer; text-indent: -9999px; }

li.accounts { background: url(images/nav-accounts.jpg); width: 183px; }
li.loans { background: url(images/nav-loans.jpg); width: 133px; }
li.services { background: url(images/nav-services.jpg); width: 150px; }
li.resources { background: url(images/nav-resources.jpg); width: 169px; }
li.students { background: url(images/nav-students.jpg); width: 156px; }
li.aboutus { background: url(images/nav-aboutus.jpg); width: 169px; }

a.toplevel { display: block; height: 27px; }
ul#nav li:hover { background-position: 0px -27px; margin-top: 0px; }


ul#nav li div.drop { display: none; }
ul#nav li.hovering div.drop {  display:block; height:auto; position:absolute; text-indent:0 !important; top:27px; z-index:100; width: 
950px; left: 0px; margin: 0px 5px; padding: 0px; }


ul#nav li div.drop-loans { display: none; }
ul#nav li.hovering div.drop-loans { display:block; height:auto; position:absolute; text-indent:0 !important; top:27px; z-index:100; width: 950px; left: -183px; margin: 0px 5px; padding: 0px; }

ul#nav li div.drop-services { display: none; }
ul#nav li.hovering div.drop-services { display:block; height:auto; position:absolute; text-indent:0 !important; top:27px; z-index:100; width: 950px; left: -316px; margin: 0px 5px; padding: 0px; }

ul#nav li div.drop-resources { display: none; }
ul#nav li.hovering div.drop-resources { display:block; height:auto; position:absolute; text-indent:0 !important; top:27px; z-index:100; width: 950px; left: -466px; margin: 0px 5px; padding: 0px; }

ul#nav li div.drop-students { display: none; }
ul#nav li.hovering div.drop-students { display:block; height:auto; position:absolute; text-indent:0 !important; top:27px; z-index:100; width: 950px; left: -635px; margin: 0px 5px; padding: 0px; }

ul#nav li div.drop-aboutus { display: none; }
ul#nav li.hovering div.drop-aboutus { display:block; height:auto; position:absolute; text-indent:0 !important; top:27px; z-index:100; width: 950px; left: -791px; margin: 0px 5px; padding: 0px; }


div.shadow { height: 20px; width: 950px; }
div.navcontent { margin: 0px; padding: 15px; background-color:#004b8d; font-size: 12px; }
div#dropdown-callout { float: right; width: 300px; }
div.navcontent ul { margin: 0px; padding: 0px; list-style: none; }
div.navcontent li { margin: 0px; padding: 0px; list-style: none; }

ul.main-navlist { width: 615px; }
ul.main-navlist ul li { margin: 0px; padding: 2px 0px; }
ul.main-navlist li.pagenav { float: left; margin: 0px 5px 0px 0px; padding: 5px; width: 138px; background: #195d98; }
div.navcontent li.linkcat { float: left; margin: 0px 5px 0px 0px; padding: 5px; width: 138px; background: #195d98; }
div.navcontent li.linkcat ul li { margin: 0px; padding: 2px 0px; }


ul.main-navlist li.business-nav { margin-left: 153px; }

div.navcontent h3 { font-weight: normal; text-transform: uppercase; color: #f89e59; margin: 0px; padding: 0px; }
div.navcontent h4 { display: none; margin: 0px; padding: 0px; }
div.navcontent a { color: #99b7d1; text-decoration: none; }
div.navcontent a:hover { color: #000000; }

#toplinks { position: absolute; z-index: 400; left: 0px; top: 5px; color: #004b8d; font-size: 12px; }
#toplinks a { color: #004b8d; }
#toplinks a:hover { color: #000000; }

div.navcontent h3.padding-h3 { padding: 10px 0px 0px; }



/* +++++++++++++++++++++
++++++++++++++++++++++++
++++++++ SEARCH ++++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */

#searchform { margin: 10px 0px 0px; padding: 0px; height: 30px; width: 300px; }

#searchform input {  }

.button { float: right; border-style: none; outline:none; }

#inputbox { height: 30px; width: 265px; }

.text { background: transparent; height: 20px; width: 160px; border: 0; border-style: none; font-size: 12px; color: #666666; margin-top: 5px; margin-left: 10px; line-height: 14px; float: left; }

.searchbg { background: url(images/textbox.jpg) no-repeat; display: block; height: 30px; width: 233px; float: left; }

.searchbg2
{
background:url(images/texthbox.jpg) no-repeat;
display: block; height: 30px; width: 300px; 
border: 0;
}


input:focus
{
  outline: none;
}







/* +++++++++++++++++++++
++++++++++++++++++++++++
+++++++ BANNERS ++++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */

#banner { margin: 0px 5px 0px 322px; padding: 0px; height: 245px; width: 633px; position: relative;  z-index:100; }
#wedge { position: absolute; left: 0px; top: 0px; z-index: 10; }
#s4 { height: 245px; width: 633px; overflow: hidden; }
#s4 ul { height: 245px; width: 633px; margin: 0px; padding: 0px; list-style: none; }
#s4 li { height: 245px; width: 633px; margin: 0px; padding: 0px; list-style: none; }
#picnav { position: absolute; left: 40px; bottom: 0px; z-index: 10; margin: 0px; padding: 0px 0px 12px; }
#picnav a { border: 2px solid #b4d5bd; margin: 0px 5px; padding: 0px; height: 20px; width: 20px; display: block; float: left; font-size: 12px; color: #FFFFFF; text-decoration: none; text-align: center; background: #FFFFFF; }
#picnav a.activeSlide { border: 2px solid #f89e59; }
#picnav a:focus { outline: none; }




/* +++++++++++++++++++++
++++++++++++++++++++++++
+++++ HOME COLUMNS +++++
++++++++++++++++++++++++
+++++++++++++++++++++ */


#h-centercolumn { margin: 0px; padding: 20px 15px 5px; width: 286px; float: left; }
#h-rightcolumn { margin: 20px 0px 0px; padding: 0px 20px 0px 15px; width: 287px; float: left; border-left: 1px solid #57a674; height: 430px; }





/* +++++++++++++++++++++
++++++++++++++++++++++++
+++++ NEWS SCROLL ++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */ 

#newsbox { height: 370px;   }
#survey { margin: 0px; padding: 0px 0px 0px 60px; }
#follow { margin: 0px 0px 20px; padding: 53px 0px 0px 142px; }
#newsitems { margin: 0px; padding: 0px 20px 0px 44px; height: 200px; font-size: 12px;}
#newsbutton { margin: 0px; padding: 0px 0px 0px 165px; }
#vsrp_Holder { height: 195px; z-index:0; }
div.vsrp_div { padding: 10px 0px; border-bottom: 1px solid #FFFFFF; }



/* +++++++++++++++++++++
++++++++++++++++++++++++
++++++ HOME RATES ++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */ 

#ratesbox { background: #e3ebe6; padding: 15px; }
#greenbox { margin: 0px; padding: 10px; background: #54a572; }
#greenbox p { color: #FFFFFF; text-align: center; margin: 0px; padding: 0px; }

#greenbox h2 { color: #FFFFFF; font: bold 60px Georgia, "Times New Roman", Times, serif; text-align: center; margin: 0px; padding: 0px; }
#otherrates {}
p.rate-row { font-size: 13px; margin: 0px; padding: 6px 15px;  }
p.rate-row-h { font-size: 13px; margin: 0px; padding: 6px 15px; background: #f0f5f2; }
span.rate-num { float: right; }
div.title { margin: 0px; padding: 15px 0px 7px 15px; }
#centertab { background: url(images/tab-large.jpg) no-repeat right top; margin: 0px; padding: 5px 15px 0px; height: 30px; font-size: 14px; }

span.tab-button { float: right; }



/* +++++++++++++++++++++
++++++++++++++++++++++++
++++++ LOGIN AREA ++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */ 

#loginbox { background: #e3ebe6; padding: 15px; }
#loginbut { background: url(images/loginbut.jpg) no-repeat right top; margin: 0px; padding: 5px 15px 0px; height: 30px; font-size: 14px; color: #54a572; }
span.login-button { float: right; }
.boximage { background: url(images/textbox.jpg) no-repeat; height: 30px; width: 233px; }
input.textbox { padding: 0px; margin: 5px 5px 0px; border: 0; background: none; font-size: 15px; }
p.label { font-size: 10px; color: #000000; margin: 0px; padding: 8px 0px 1px; }
p.forgot { font-size: 12px; color: #000000; margin: 0px; padding: 8px 0px 1px; }



/* +++++++++++++++++++++
++++++++++++++++++++++++
++++++ VIDEO AREA ++++++
++++++++++++++++++++++++
+++++++++++++++++++++ */ 

#video { background: #e3ebe6; padding: 10px 15px; margin: 10px 0px 6px; }