/* General layout */

*{
margin:0;
padding:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:100.01%;
/*color:#000;*/
background:#968d7c;
}
#wrapper{
/*background:#FFFFFF;*/
width:770px;
margin:0 auto;
border:1px solid black;
background-image: url(../img/sidebarBG.gif);
background-position: top left;
background-repeat: repeat-y;
}
#banner{
background:#22656b url(../img/podium.gif) no-repeat 20px 12px;
border-bottom:1px solid #000;
height:120px;
}
#banner_link a{
float:left;
margin:4px 0 0 4px;
width:130px;
height:110px;
text-decoration:none;
}
#banner_link a em{
visibility:hidden;
}
#combo{
background:#22656b url(../img/platform_combo.gif) no-repeat 10px 8px;
border-bottom:1px solid #000;
height:120px;
}
#combo_link a{
float:left;
margin:4px 0 0 4px;
width:270px;
height:110px;
text-decoration:none;
}
#combo_link a h1{
visibility:hidden;
}
#about{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/about.gif) no-repeat 50px 50px;
}
#career{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/career.gif) no-repeat 80px 50px;
}
#leadership{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/leadership.gif) no-repeat 40px 50px;
}
#ethics{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/ethics.gif) no-repeat 90px 50px;
}
#trends{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/trends.gif) no-repeat 60px 50px;
}
#test{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/ethics.gif) no-repeat 90px 50px;
}
#tips{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/tips.gif) no-repeat left 50px;
}
#toolbox{
width:320px;
height:120px;float:left;
background:#22656b url(../img/toolbox.gif) no-repeat 60px 50px;
}
#industry{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/industry2.gif) no-repeat 20px 50px;
}
#archives{
width:320px;
height:120px;
float:left;
background:#22656b url(../img/archives.gif) no-repeat 60px 50px;
}

#content #feature #featureRight .featureBox {
width: 135px;
height:20px;
border: #26324a 1px solid;
background-color: #22656b;
margin:2px;
text-align:left;
clear:both;
margin-bottom:6px;
}
#content #feature #featureRight .featureBox a{
color:#FFFFFF;
font-size:100%;
text-align:center;
vertical-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
letter-spacing:.05cm;
font-weight:bold;
margin-left:2px;
}

#content #feature #featureRight .featureBoxLong {
width: 135px;
height:36px;
border: #26324a 1px solid;
background-color: #22656b;
margin:2px;
text-align:left;
clear:both;
margin-bottom:6px;
padding-left:2px;
}
#content #feature #featureRight .featureBoxLong a{
color:#FFFFFF;
font-size:100%;
text-align:center;
vertical-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
letter-spacing:.05cm;
font-weight:bold;
}



#blank{
width:320px;
height:120px;
float:left;
}

#out_loud{
background:transparent url(../img/out_loud.gif) no-repeat 2px 10px;
float:right;
height:70px; /*was 80*/
width:310px;  
vertical-align:top;
/*border:#00FFFF thin solid;*/
}
#volumeIssueSpring2008{
background:transparent url(../img/volumeSpring2010.gif) no-repeat bottom right;
height:70px;
width:300px;
vertical-align:middle;
/*border:#CC0000 thin solid;*/
}
#tocSpacer {
background:#22656b repeat;
width:50px;
height:120px;
float:left;
}

#search{
margin:2px 2px 0 0; /*10px 15px 0 0*/
float:right;
}

#subscribeBox { /*added 10/22/08*/

}

#subscribeBox input{
font-size:65%;
color:#666666;
padding:2px; /*changed from 2, on 9/26*/
}

#content #feature #featureRight #subscribeBoxMain input{
margin-top:5px;
font-size:80%;
color:#666666;
padding:2px; /*changed from 2, on 9/26*/
border:#666666 solid 1px;
}

#blogBox{
padding:0px 0 0 0;
margin-top:10px;
margin-bottom:10px;
width: 135px; /*180px*/
}
#blogTopBox{
padding:0px 0 0 0;
width: 135px; /*180px*/
height:15px;
border: #22656b 1px solid;
background-color: #22656b;
}

#blogBottomBox{
width: 135px; /*180px*/
height:15px;
border: #22656b 1px solid;
background-color: #26324a;
}

#blogMiddleBox{
width: 135px; /*180px*/
border-left: #22656b 1px solid;
border-right: #22656b 1px solid;
border-bottom: #22656b 1px solid;
background-color: #ffffff;

}

#blogEntry{
padding:4px;
}


#socialMediaFeature{
width:100%;
margin-top:-2px;
}

#twitter_update_list {
font-size:70%;
}

#search input{
font-size:60%;
font-weight:bold;
color:#666666;
padding:2px; /*changed from 2, on 9/26*/
}
#menu{
background-color:#26324a;
}
#content{
width:770px;
float:left;
padding:0px 0px 0px 0px;
overflow:hidden; /*makes IE behave, keeps content from slipping below sidebar*/
background-color:#FFFFFF;
}
#contentSubPage{
width:525px;
float:left;
padding:30px 20px 20px 20px;
overflow:hidden; /*makes IE behave, keeps content from slipping below sidebar*/
background-color:#FFFFFF;
border-left:#333333 1px solid;

}
#contentDebug{
width: 100%;
float:left;
padding:30px 20px 20px 20px;
}

#content #feature {
width:100%;
border-bottom:#968d7c 1px solid;
height: 270px;  /*300px 280px; *//*260px*/
}

#content #feature #featureLeft {
margin:0;
padding:0px;
width:520px;
height:260px; /*260px */
float:left;
border-right:#968d7c 1px solid;

}
#content #feature #featureLeftText {
margin:0;
padding:0px;
height:260px;
float:left;
border:#33CCCC 1px solid;
}

#content #feature #featureRight {
margin:0;
padding:0;
height:260px; /*220px*/
float:left;
font-weight:bold;
width:238px;
margin-left:2px;
}
#content #feature #featureRight #blogFeature {
/*margin-right:35px;*/
}

#content #feature #featureRight .blogText{
font-size:85%;
font-variant:small-caps;
text-align:center;
color:#fff;
letter-spacing:.03cm;
font-weight:300;
font-family:Georgia, "Times New Roman", Times, serif;
}

#content #feature #featureRight .blogEntryText div{
font-size: 68%;
color:#333333;
font-weight:600;
}

#content #feature #featureRight .blogEntryText a{
font-size: 92%;
color:#333333;
font-weight:300;
text-decoration:underline;
letter-spacing:.01cm;
}

#content #feature #featureRight .blogEntryText a:hover{
font-size: 92%;
color:#333333;
font-weight:300;
text-decoration:underline;
letter-spacing:.01cm;

}

#content #feature #featureRight .blogText a{
color:#fff;	
text-align:center;

}
#content #feature #featureRight .blogText a:hover{
color:#fff;
text-decoration:underline;
text-align:center;
}

#content #feature #featureRight a{
color:#fff;
text-decoration:none;

}
#content #feature #featureRight a:hover{
color:#fff;
text-decoration:underline;
}

#content #feature #featureRight #socialMediaFeature a{
color:#333333;
text-decoration:none;
}

#content #feature #featureRight #socialMediaFeature a:hover{
color:#333333;
text-decoration:underline;
}

#content .tocBox {
width: 240px;
height:950px;
float:left;
padding: 4px 4px 4px 4px;
margin: 2px 2px 2px 2px;
border-right:#968d7c 1px solid;
border-bottom:#968d7c 1px solid;
}

#content .tocBox .catName {
background-color:#26324a;
color:#FFFFFF;
}

#content, #contentSubPage p{
padding:4px;	/*changed from 8px on 12/12/07  to fix spacing problems*/
font-size:80%;  /*changed from 100% on 11/28/07 */
}
#content, #contentSubPage ul, #content ol{ 
padding:10px 10px 10px 40px;
}
#content, #contentSubPage li{
padding:0 0 8px 0;
font-size:80%;  /*added to fix acknowledgments page 12/10/07 */
}
#content, #contentSubPage span a, #content, #contentSubPage p a, #content, #contentSubPage li a{
/*color:#fff;*/
text-decoration:underline;
padding:2px;
}
#content, #contentSubPage span a:hover, #content, #contentSubPage p a:hover, #content, #contentSubPage li a:hover{
/*color:#fff;*/
background:#22656b;
text-decoration:none;
}

#sidebar{
padding:30px 10px 0 10px;
width:184px; 
float:left;
}
#sidebar p{
padding:2px 10px 4px 10px;
line-height:16px;
font-size:80%;
}
#sidebar ul{
padding:15px 0 10px 10px;
}
#sidebar li{
color:#fff;
font-size:80%;
list-style-type:none;
padding:0 0 10px 0;
}
#sidebar a{
color:#fff;
text-decoration:none;
}
#sidebar a:hover{
color:#fff;
text-decoration:underline;
}

#sidebar .blogText{
font-size:72%;
font-variant:small-caps;
text-align:center;
color:#fff;
}

#sidebar .blogEntryText div{
font-size: 68%;
color:#333333;
font-weight:600;
}

#sidebar .blogEntryText a{
font-size: 68%;
color:#333333;
font-weight:600;
text-decoration:underline;
}

#sidebar .blogEntryText a:hover{
font-size: 68%;
color:#333333;
font-weight:600;
text-decoration:underline;
}

#sidebar .blogText a{
color:#fff;	
text-align:center;
}
#sidebar .blogText a:hover{
color:#fff;
text-decoration:underline;
text-align:center;
}

#endnav{
clear:left;
font-size:75%;
padding:6px 0;
text-align:center;
border-top-width: 1px;
border-top-color: black;
border-top-style:solid;
/*padding-top: 100px;		
padding-bottom: 10px;
padding-left:  0px;
padding-right: 0px;*/
}
#endnav a{
color:#fff;
text-decoration:none;
padding:0 5px;
}

#endnav a:hover{
color:#fff;
text-decoration:underline;
}
#footer{
clear:left;
background-color:#26324a;
text-align:center;
}
#credits{
width:770px;
margin:0 auto;  /*added to match wrapper */
text-align:center;

}
#creditsLeft{
float:left;
width:190px;
text-align:right;
/*margin:10px 10px 6px 0;*/
}
#creditsRight{
color:#333;
text-align:left;
/*margin:10px 10px 6px 0;*/
font-size:80%;
}

/* Banner and font styles */

h2{
font-size:80%;
font-weight:normal;
/*color:#fff;*/
padding:14px 0 10px 0;
text-align:right;
}
h3{
padding:14px 10px 0;
font-size:75%;  /*changed from 140% on 11/27/07*/
font-weight:bold;
color:#22656b; /*changed from #263424a on 11/27/07*/
}
h3 a{
color:#22656b;  /*changed from #263424a on 11/27/07*/
text-decoration:none;
}
h3 a:hover{
text-decoration:underline;
}
#sidebar h3{
text-align:center;
}
#content, #contentSubPage h4{
padding:10px 0 0 0;
/*color:#fff;*/
font-size:100%;
font-weight:normal
}

/*#content #contentSubPage h3{
padding:14px 10px 0;
font-size:100%;  /*changed from 140% on 11/27/07*/
/*font-weight:bold;
color:#22656b; /*changed from #263424a on 11/27/07
}*/

#content .tocBox h3{
padding:14px 10px 0;
font-size:70%;  /*changed from 140% on 11/27/07*/
color:#FFFFFF; /*changed from #263424a on 11/27/07*/
}

#contentSubPage h3{
padding:14px 10px 0;
font-size:100%;  /*changed from 140% on 11/27/07*/
font-weight:bold;
color:#22656b; /*changed from #263424a on 11/27/07*/
}

/* Images */

#questionpic{
background: #968D7C url(../img/question.gif) no-repeat left top;
width:100px;
height:100px;
float:left;
margin:0 10px 0 0;
}

/* Forms */

fieldset{
border:1px solid #26324a;
margin:20px 0 100px 0;
}
legend{
border:1px solid #26324a;
margin:0 0 0 20px;
padding:4px;
font-size:80%;
color:#333;
}
#content, #contentSubPage fieldset h3{
font-size:100%;
font-weight:normal;
text-align:center;
padding:10px 4px 8px 4px;
color:#26324a;
}
#content, #contentSubPage fieldset p{
font-size:100%;
padding:0 0 6px 100px;
}
#content, #contentSubPage fieldset p strong{
padding:0 0 0 6px;
}
#quizButtons{
padding:8px 0 10px 30px;
}
#content, #contentSubPageinput{
padding:6px;
font-size:100%;
font-weight:bold;
}

/* Classes */
.tocTitle {
	font-size: 80%;
	font-style: normal;
	color: #999999;
	letter-spacing: normal;
	text-align:left;
	word-spacing: normal;
}
.tocTitle li {
list-style:none;
margin-bottom:5px;
color: #22656b;
}
.tocTitle a{
color:#000;  /*changed from #263424a on 11/27/07*/
text-decoration:none;
font-weight:bold;
color: #22656b;

}
.tocTitle a:hover{
text-decoration:underline;
color: #22656b;

}


.author{
font-size:80%;
}
.authorpic{
background:#26324a;
border:1px solid #999;
float:left;
margin:0 8px 0 0;
padding:4px;
}
.bio{
float:left;
display:inline;
width:150px;
padding: 3px 25px 3px 25px;

/*clear:both;*/
}
.bioImage{
display:inline;
border:#968d7c 1px solid;
/*clear:both;*/
}

.bioImageFull{
display:inline;
padding-left: 10px;
/*clear:both;*/
}

.bioCaption {
	font-size: 80%;
	font-style: normal;
	line-height: 0.4cm;
	font-weight: lighter;
	color: #666666;
	letter-spacing: normal;
	text-align:left;
	vertical-align: text-top;
	word-spacing: normal;
}

.block{
display:block;
clear:left;
}
.center{
text-align:center;
}
.clear{
clear:both;
}
.clearleft{
clear:left;
}
#content, #contentSubPage .comment{
font-size:80%;
padding:0 0 30px 0;
letter-spacing:2px;
}
#content, #contentSubPage .comment a{
text-decoration:underline;
color:#22656b;
}
#content, #contentSubPage .comment a:hover{
color:#22656b;
background:#fff;
text-decoration:none;
}
#content .snack{
font-size:80%;
text-align:left;
}

#contentSubPage .snack{
font-size:80%;
padding-left: 10px;
color: #968d7c;

}
.correct{
color:#060;
}
.floatright{
float:right;
margin:10px 0 6px 10px; 
border:#968d7c 1px solid;

}
.floatleft{
float:left;
margin:10px 10px 6px 0;
border:#968d7c 1px solid;

}
.imgcenter{
display:block;
margin:0 auto;
border:#968d7c 1px solid;
}
.incorrect{
color:#900;
}
.quiz{
float:right;
margin:10px 60px 6px 10px;
}
/*added 1/3/08 for scrolling quotes*/
.showQuote{
color:#fff;
}
.hideQuote{
color:#fff;
display:none;
}
/*end added 1/3/08 for scrolling quotes*/
.sig{
margin:10px 0 10px 0;
border:0;
}
.small{
font-size:80%;
}
.spacer{
clear:both;
margin:30px 0 0 0;
border-top:1px solid #26324a;
}
.stylebook{
color:#333;
}
.title{
padding:10px 0 0px 0;		/*changed from 10px 0 10px 0  on 12/12/2007*/
margin-bottom:0px;
}
.vatech{
margin:20px 0 0 30px;
}
.video{
display:block;
margin:10px auto;
width:450px;
}
.videoBioParagraph{
display:block;
font-size: 75%;
margin-top:10px;
color:#333333;
}
.videoTitle{
font-size:100%;
text-align:center;
margin:10px auto;

}
#wrapper #sidebar .storyIdeasQuestion{
font-size:85%;
color:#22656b;
font-weight:bold;
padding-top:0px;
padding-bottom: 0px;
}
#wrapper #sidebar .storyIdeas{
font-size:70%;
padding-top:0px;
}
#wrapper #sidebar .nextIssue{
font-size:70%;
text-align:center;
}
/* Footer text */

#footer p{
/*color:#fff;*/
color:#666666;
font-size:80%;
padding:10px;
}

/* Credits text */

#credits p{
color:#333;
padding:20px 0 60px 0;
}
#credits span h1 {
font-weight:normal;
font-size:100%;
}
#credits span {
font-size:80%;
display:block;
}
.row0{
float:right;
clear:right;
width:250px;
}
.row1{
float:left;
width:250px;
clear:left;
}
.row2{
float:left;
width:250px;
clear:left;
}

.hrDivider {
border-top: 1px solid #968d7c;
width: 100%;
height: 1px;
padding:0px;
margin:0px;
}

/*for pastPRSSA Advice article, Spring 2008
you'd think this could just go with the file, but the editor used by the students totally messes it up*/
table#prssa {
    background-color:#FFFFFF;
    border: solid #26324a 3px;
    width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
}

table#prssa td {
    padding: 3px;
    border: solid #26324a 1px;	
}

.prssaInfo {
    color: #000000;
    text-align: right;
}


.prssaPhoto {
    font-weight: bold;
    text-align: left;
    width: 150px;

}
/*end PRSSA table formatting*/

/*formatting the 3 column layout*/
#container {
  padding-left: 245px;   /* LC width */
  padding-right: 255px;  /* RC width */
   overflow: hidden;
}
#container .column {
  position: relative;
  float: left;
  padding-bottom:40px;
  margin-bottom: -40px;  /* X */

}

#container .catName {
background-color:#26324a;
color:#FFFFFF;
padding:0px;
margin:0px;
}

#container .catName a{
color:#FFFFFF;
text-decoration:none;
}


#center {
  width: 100%;
  border-left:#968d7c 1px solid;
  border-right:#968d7c 1px solid;
  padding-left:1px;
  height:1000px; /*usually 800 at end of semester, 1200 for overlap, 625 for second release */
}
#left {
  width: 240px;  /* LC width */
  margin-left: -100%;
  right: 245px;        /* LC width GREEN*/
  /*border-right:#968d7c 1px solid;
  padding-right:2px;*/
}
#right {
  width: 245px;  /* RC width */
  margin-right: -255px;  /* RC width PINK*/
  /*border-left:#968d7c 1px solid;
  padding-left:1px;*/


}
/*** IE Fix ***/
* html #left {
  left: 255px;           /* RC fullwidth */
}