/******************************************************************************
Filename:  main.css
Project:   Rollins College
Purpose:   CSS:  Contains global styles for academic public site 
Date			Developer	Description
07/14/2008		ln			Version 1.0
******************************************************************************/

/**** GLOBAL STYLES ****/
body{background-color:#f8f3df; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:70%; font-family: Verdana, Geneva, sans-serif;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0px;}
img{border:none;}
.list{color:#666666; margin:0px 0px 3px 0px; padding:0; line-height:15px;}
.heading{color:#0c2646; font-weight:normal; margin:0; padding:0;}
.heading12{color:#0c2646; font-weight:normal; margin:0px 0px 10px 0px; padding:0; font-size:105%;}
.heading12nobr{color:#0c2646; font-weight:normal; margin:0px 0px 0px 0px; padding:0; font-size:105%;}
.grayheading{color:#666666; font-weight:normal; font-size:105%; margin:0px 0px 6px 0px; padding:0;}


/****Taken out by LMW 10/09
p{color:#666666; margin:0px 0px 6px 0px; padding:0; line-height:15px;}

a{text-decoration:none; color:#0c2646;}
a:hover{text-decoration:underline; color:#0c2646;}
****/


/*******Global added by LMW******/
p{color:#333333; margin:0px 0px 6px 0px; padding:0; line-height:15px;}

a{text-decoration:underline; color:#0c2646;}
a:hover{text-decoration:none; color:#0c2646;}


li{color:#333333; margin:0px 0px 6px 0px; padding:0; line-height:15px;}


h1{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 170%; line-height:1.4em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}
h2{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 110%; line-height:1.2em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}
h3{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 110%; line-height:1.2em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}
h4{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 110%; line-height:1.2em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}
h5{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 100%; line-height:1.2em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}
h6{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 110%; line-height:1.2em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}
h7{color:#0c2646; font-weight:bold; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 110%; line-height:1.2em; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;}





/**** LAYOUT STYLES ****/
#pageWrapper{width:100%;}
#pageContainer{width:945px; margin: 0 auto 0 auto;}



#headerWrapper{background: transparent url('../images/headerbg.jpg') top left no-repeat; margin:34px 0px 0px 0px; width:945px; height:100px;}


#logoContainer{width:500px; height:100px; float:left;}
#headerWrapper .right{width:410px; height:100px;}
#utilityNav{float:right; width:400px; font-size:115%; text-align:right; height:18px; padding:16px 12px 0px 0px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}
#utilityNavContainer{float:right;}
#utilityNav #utilityNavContainer a{text-decoration:none; color:#0c2646; display:block; float:left; padding: 0px 0px 0px 10px;}
#utilityNav #utilityNavContainer a:hover{text-decoration:underline; color:#0c2646; display:block; float:left; padding: 0px 0px 0px 10px;}
#searchWrapper{float:right; width:220px; margin: 0px 2px 0px 0px;}
html > body #searchWrapper{float:right; width:220px; margin:0; padding:30px 9px 0px 0px;}
#searchContainer{float:right;}
.searchField{background:transparent; border:none; height:15px; padding: 5px 2px 0px 2px; width:126px;}
.searchButton{width:63px; height:20px; background:transparent;}

#topnavWrapper{width:945px; height:40px; margin-top:1px; font-size:105%; background: transparent url('../images/topnavbg.gif') top left no-repeat;}
body#sub #topnavWrapper{width:945px; height:40px; margin-top:1px; font-size:105%; background: transparent url('../images/topnavbg.gif') top left no-repeat;}
body#subdetail #topnavWrapper{width:945px; height:40px; margin-top:1px; font-size:105%; background: 

transparent url('../images/topnavbg_sub.gif') top left no-repeat;}

#topnavContainer{padding:0px 0px 0px 16px;}


#topnavContainer ul{margin:0; padding:0;}
#topnavContainer ul li{margin:0; padding:0; float:left;}

#contentWrapper{width:945px; background: transparent url('../images/hpcontentbg.gif') top left no-repeat; height:300px;}
html > body #contentWrapper{height:auto; min-height:300px;}
body#sub #contentWrapper{width:946px; background: transparent url('../images/subcontentbg.gif') top left no-repeat;}
body#subdetail #contentWrapper{width:946px; background: transparent url('../images/subcontentbg.gif') top left no-repeat;}
#contentContainer{padding:0px 0px 0px 16px; height:300px;}
html > body #contentContainer{height:auto; min-height:300px;}
body#sub #contentContainer{background: transparent url('../images/subcontentdotbg.gif') top left repeat-y;}
body#subdetail #contentContainer{background: transparent url('../images/subcontentdotbg.gif') top left repeat-y;}

/**** TAKEN OUT BY LMW ****/
#footer{width:945px; text-align:center; padding:35px 0px 10px 0px; color:#0e1e2d!important; font-size:97%;}
#footer p{margin:4px 0px 0px 0px; color:#0e1e2d;}
#footer img{margin:0px 0px 5px 0px;}
/****ADDED BY LMW 4/24/09****/
#footer a{color:#0e1e2d; text-decoration:none; padding: 0px 5px 0px 5px;}
#footer a:hover{color:#0e1e2d; text-decoration:underline; padding: 0px 5px 0px 5px;}
/****OUT****/



/**** HOMEPAGE STYLES ****/
#contentContainer #leftcol{float:left; width:558px;}
#contentContainer #leftcol #cta{width:558px; height:96px; background-color:#0c2646;}
#contentContainer #leftcol #cta #btns{width:170px; float:left; height:80px; margin:16px 0px 0px 15px; font-size:115%; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}
html > body #contentContainer #leftcol #cta #btns{margin:16px 0px 0px 31px;}
#contentContainer #leftcol #cta a.btn{text-decoration:none; color:#002144; width:139px; height:21px; margin:7px 0px 0px 0px; display:block; background: #e7eaed url('../images/arrow.gif') top right no-repeat; padding:3px 0px 0px 16px;}
#contentContainer #leftcol #cta a:hover.btn{text-decoration:none; color:#002144; width:139px; height:21px; margin:7px 0px 0px 0px; display:block; background: #c2c4c8 url('../images/arrow.gif') top right no-repeat; padding:3px 0px 0px 16px;}
#contentContainer #leftcol #cta #ctaText{float:left; font-size:98%; width:280px; height:62px; overflow:hidden; color:#ffffff; padding:18px 30px 16px 0px;}
#contentContainer #leftcol #cta #ctaText p{margin:0; padding:0; color:#ffffff;}

#contentContainer #leftcol #updatesContainer{clear:left; width:508px; padding:20px 0px 0px 0px;}
#contentContainer #leftcol #updatesContainer #news{width:240px; float:left; margin:0px 5px 0px 0px;}
#contentContainer #leftcol #updatesContainer #events{width:240px; float:right; margin:0px 0px 0px 5px;}

#contentContainer #rightcol{float:left; width:371px;}
#contentContainer #rightcol #whitebg{background-color:#ffffff; width:354px; padding:16px 0px 0px 17px;}
#contentContainer #rightcol #transbg{background-color:transparent; width:354px; padding:16px 0px 0px 17px;}
#contentContainer #rightcol .area{float:left; padding:0px 15px 0px 0px;}
#contentContainer #rightcol .area .heading{margin:6px 0px 0px 0px;}
#contentContainer #rightcol #whitebg .area .heading{margin:6px 0px 6px 0px;}
#contentContainer #rightcol .padding{padding:16px 0px 0px 17px;}
#contentContainer #rightcol .padding .area{float:left; padding:0px 15px 5px 0px; width:160px;}

.line337{background: transparent url('../images/dottedLine.gif') top left repeat-x; width:337px; height:1px; margin:7px 0px 0px 17px;}

/**** SUBPAGE STYLES ****/
body#sub{}
body#subdetail{}
#breadcrumbWrapper{width:929px; background:#f8f3df url('../images/subcontentdotbg.gif') top right repeat-y; height:27px; border-top:1px solid #d6c097;}
#breadcrumbContainer{padding:5px 0px 0px 22px; color:#666666;}

/*****Added by LMW 10/09 *****/
#breadcrumbWrapper a{text-decoration:none;}
#breadcrumbWrapper a:hover{text-decoration:underline;}

#leftcolWrapper{float:left; width:190px; height:300px;}
#leftcolContainer{}
html > body #leftcolWrapper{height:auto; min-height:300px;}
.line190{background: #ffffff url('../images/dottedLine.gif') top left repeat-x; width:190px; height:1px;}
#leftnavWrapper{background-color:#ffffff; border-bottom:6px solid #dfddcf;}
#leftnavContainer{font-size:98%;}
.leftNav1Off a{color:#666666; display:block; padding:13px 10px 15px 20px; background-color:transparent;}
.leftNav1Off a:hover{color:#666666; display:block; padding:13px 10px 15px 20px; background-color:#e8eef4;}
.leftNav1On a{color:#0c2646; display:block; padding:13px 10px 6px 35px; background:transparent url('../images/leftnavarrow.gif') 20px 18px no-repeat;}
.leftNav1On a:hover{color:#0c2646; display:block; padding:13px 10px 6px 35px; background:transparent url('../images/leftnavarrow.gif') 20px 18px no-repeat;}
.leftNav2Off a{color:#666666; display:block; padding:0px 10px 10px 40px; background-color:transparent;}
.leftNav2Off a:hover{color:#666666; display:block; padding:0px 10px 10px 40px; background-color:transparent;}
.leftcolCallout{padding:10px 25px 0px 0px;}
.line169{background: transparent url('../images/dottedLine.gif') top left repeat-x; width:169px; height:1px; margin:0px 0px 0px 20px;}

#leftnavWrapper a{text-decoration:none;}
#leftnavWrapper a:hover{text-decoration:none;}

#centercolWrapper{float:left; width:558px; height:300px;}
#centercolContainer{}
html > body #centercolWrapper{height:auto; min-height:300px;}
#sectiontitleWrapper{width:558px; height:30px; background-color:#0c2646;}
body#subdetail #sectiontitleWrapper{background-color:#384a5d;}
#sectiontitleContainer{padding:5px 0px 0px 15px; overflow:hidden;}
#sectiontitleContainer h1, #sectiontitleContainer h2, #sectiontitleContainer h3, #sectiontitleContainer h4, #sectiontitleContainer h5, #sectiontitleContainer h6, #sectiontitleContainer h7{color:#ffffff; font-size:130%; font-weight:normal; margin:0; padding:0;}
#bodycontent{padding:20px 20px 20px 20px;}
#bodycontent p.heading{margin:0px 0px 0px 0px;}
#bodycontent p{margin:0px 0px 12px 0px;}




#rightcolWrapper{float:left; width:180px; margin:-27px 0px 0px 1px; background: transparent url('../images/rightcolbg.gif') top left no-repeat; height:300px;}
#rightcolContainer{padding:10px 0px 10px 15px;}
#rightcolContainer p{width:160px;}

/***** BEGIN:  Right Nav  added by lmw *****/
#rightcolWrapper #rightColContainer #rightNavContainer #rightNav #rightNav1 .rightNav .rightNav1  a{display:block; padding:7px 14px 7px 14px; font-size:0.75em; font-weight:bold; color:#F8F3DF;}
#rightcolWrapper #rightColContainer #rightNavContainer #rightNav #rightNav1 .rightNav .rightNav1    a:hover{color:#0c2646; background:#FFFFFF; text-decoration:none;}

#rightcolWrapper #rightColContainer #rightNavContainer #rightNav #rightNav1 .rightNav .rightNav1 #sub-rtcolumn p{color:#333333; margin:0px 0px 6px 0px; padding:0; line-height:15px; font-weight:normal;}


html > body #rightcolWrapper{height:auto; min-height:300px;}
.line166{background: transparent url('../images/dottedLine.gif') top left repeat-x; width:166px; height:1px; margin:10px 0px 10px 0px;}
.rightcolcallout{padding:3px 0px 5px 0px;}











/***** added by lmw *****/
#footer img{padding-bottom:5px;align:center;}
 #footer img{padding-bottom:5px; align:center;}/* IE7 */
#footer {position:relative; top:0px; clear:both;}
#footer {margin: 0 auto 0 auto; background-color:#f8f3df; padding: 50px 0px 10px 0px; text-align:center; font-size:90%; color:#0e1e2d; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}
#footer a{color:#0e1e2d; text-decoration:none; padding: 0px 5px 0px 5px;}
#footer a:hover{color:#0e1e2d; text-decoration:underline; padding: 0px 5px 0px 5px;}

