/********************TAG DEFINITIONS*********************/
body{
font-size:100%;
margin:0;padding:0;
background: #ccc;
font-family: Arial, Helvetica, sans-serif;
}
hr{display:none;}

a:link, a:visited{
color:Blue;
text-decoration:none;
}
a:hover, a:active{color: #990000;}
/*****************Basic Classes**************************/
.skipnav{display:none;}
.hide{display:none;}
.clearer{clear: both; line-height: 0; height: 0;}
/*****************SITE LAYOUT****************************/

#topBanner 
{
	width: 725px;
	height: 112px;
	/* background: url("/images/pubs.jpg"); */
	/*background: url("/images/PublicationBanner725x114.jpg");*/
	float: right;
}



#searchWrap
{
    display: none !important;
}

#container
{
	padding-right: 0px;
	MIN-WIDTH: 960px;
	padding-left: 0px;
	background: url("https://ssl.acesag.auburn.edu/main/images/tanbkgrndshdw.png");
	background-color: #F4F0DF;
	background-position: center center;
	background-repeat: repeat-y;
	margin: 0px;
	overflow: hidden;
	width: 100%;
	padding-top: 0px;
	position: relative;
	z-index: 2;
	
}

#footerWrap 
{
	z-index: 3;	
}

#contentWrap 
{
	width: 960px;
	margin: auto;
	overflow: hidden;
	background: white;
	padding-bottom: 40px;
}

#lblDescription 
{
	font-style: normal !important;
}

#testDIV
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #336633;
}

.CheckoutProcess
{
	background-color: #003399;
}



#sidebar_a{
float: left;
width: 190px;
margin: 0;
/*font-size:.7em;*/
display:block;

}
#sidebar_b
{
float: right;
width: 190px;
margin: 0px;
padding: 0px;
/*font-size:.7em;*/
display:block;

}
#content{
font-size:.75em;
margin:0 190px 20px 190px;
padding-bottom:36px;
line-height: 1.3em;
position: relative;
}

#leftbar_phone
{
    display:none;   
}    
    
#content
{
    height:0 !important;   
}

 #rightbar_phone
    {
       margin-top:-55px  !important;
    }    
    
@media all and (min-width:960px) 
{
    #leftbar_phone
    {
       display:none !important;   
    }
    
    #rightbar_phone
    {
       margin-top:-370px  !important;
    }    
    
    #content
    {
       height:0 !important;   
    }
    
    
}

@media all and (min-width:725px) and (max-width:960px) 
{
    #topBanner
    {
       width:100%;
       height:100%;   
      /* margin-top:40px; */
    }
    
     #topBanner img
    {
       width:100%;
       height:100%;   
    }
    
    #container
    {
        min-width:0px;
    }
    
    #contentWrap {
        width: 720px;
    }
    
    #sidebar_a 
    {
        width:22%;
    }       
     
    #leftbar
    {
       display:block;   
    }
      
    #leftbar_phone
    {
       display:none;   
    }
    
    #rightbar_phone
    {
       margin-top:0px  !important;   
    }
    
    #sidebar_b
    {
       margin-left:25% !important;
       float:left !important;    
       width:70% !important;            
    }
    
    #sidebar_b .left
    {        
        width:100% !important;    
    }
   
    #content
    {
        width:72%;
        margin:20px;
        float:left;
        box-shadow: 0 0 0 0 #fff !important;
        height:auto !important;       
    }    
    
    #Top1_txtKeyword
    {
        width:80px !important;   
    }    
    
}

@media all and (max-width:725px)
{
    
     #topBanner
    {
       width:100%;
       height:100%;   
     /*  margin-top:40px; */
    }
    
     #topBanner img
    {
       width:100%;
       height:100%;   
    } 
        
     #container
    {
        min-width:0px;
    }
    
    #contentWrap {
        width: 100%;
    }
    
    #content
    {
        margin:10px !important;
        float:left !important;
        margin-bottom:0 !important;
        padding-bottom:0 !important;
        height: auto !important;
    }
    
    #content .casing
    {
        margin-bottom:0 !important;
    }
    
    #leftbar, #rightbar
    {
       display:none;   
    }
      
    #leftbar_phone, #rightbar_phone
    {
       display:block;   
    }
      
    #rightbar_phone
    {
       margin-top:0px  !important;   
    }
    
    #sidebar_a, #sidebar_b
    {
       margin-left:3% !important;
       float:left !important;    
       width:90% !important;            
    }
    
    #sidebar_a .left
    {        
        width:100% !important;    
    }
   
    #sidebar_b .left
    {        
        width:100% !important;    
    }
    
    #sidebar_a .left
    {
        background: none repeat scroll 0 0 #eae5ce !important;    
    }
    
     #Top1_txtKeyword
    {
        width:40px !important;   
    }
    
    #Top1_searchPanel a
    {
         display:none;    
    }
    
    #mainnav
    {
         height: auto !important;
    }
    
    .casing img 
    {
         width:80%;
       /* min-width:70px; */
        max-width:150px;
        float:none !important;
        margin-bottom:10px !important;
    }      
   
  
    #publicationVersions img 
    {
        width:20%; 
        min-width:10px;
        max-width:50px;  
        float:left !important;
    }
}


#FullWidthContent
{
font-size:.75em;
margin:0 80px 15px 80px;
padding:0;
line-height: 1.3em;
position: relative;
}

#footer{
clear: both;
font-size: .6em;
width: 95%;
margin:0 auto;
color:#333;
}
/************************BANNER STYLE*******************/
#banner{
height:100px;
/*background:url(../images/banner_back.jpg) repeat-x;*/
/*background: white url(../images/bannerback.png) repeat-x;*/
background-color: #1e78c1;
border-bottom: 5px solid #cccc99;
}
#banner h1{
margin:0;padding:0;
font-size:.001em;
}
#banner h1 a{
background: url(../images/AlabamaLogo.png) bottom no-repeat;
height:100px; width:250px;
display:block;
margin:0;padding:0;
float:left;
}
#banner h1 a span{display:none;}
#banner h2{
font-size: 1.2em;
margin: 5px 5px 0 0;	padding: 0;
float: right;
color: white;
font-weight: bolder;
}


/*Main Navigation Styles
----------------------------------------------------------------------*/
#mainnav
{
    /*border-top: 2px solid white;*/
    
	height: 26px;
    float: left;
    background: #D3CDB7;
    width: 100%;
    position: relative;
    font-size: 100%;
    z-index: 3;
    margin-bottom: 6px;
}

#mainnav .topLink 
{
	height: 26px;
	float: left;
	display: block;
	vertical-align: middle;
	line-height: 26px;
	margin-right: 5px;
	padding: 0px 6px;
	color: #5B3916;
	font-size: .85em;
}

#mainnav .topLink:hover 
{	
	background-color: #EAE5CE;
	
}

#mainnav a, #mainnav a:hover
{
	color: #5B3916;
	/* Round Corners */
	-moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}



#mainnav input 
{
	margin-top: 2px;
}

.topLink:hover 
{
	text-decoration: none;
}

#mainnav .topLink img 
{
	height: 22px;
	margin-bottom: 2px;
	vertical-align: middle;
}


body.home #mainnav
{
    border-bottom: 8px solid #cc9;
    background: #EBEBDA url(../images/nav-back.png) top repeat-x;
}

#mainnav ul
{
    display: inline;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
    border-left: 1px solid #D3D3A9;
}

#mainnav li
{
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #D3D3A9;
}

#mainnav li a
{
	font-size: .8em;
	padding-right: 1.5em;
	display: block;
	padding-left: 1.5em;
	padding-bottom: 0.4em;
	color: #5B3916;
	padding-top: 0.4em;
	text-align: center;
	text-decoration: none;
		/* Round Corners */
	-moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;

}

#mainnav li a:hover
{
    background: #EAE5CE;
}

#mainnav li.isu a
{
    width: 35px;
    height: 15px;
    background: url(images/common/isunav.gif) center no-repeat;
}
#mainnav li.isu a:hover
{
    background: #D3D3A9 url(images/common/isunav.gif) center no-repeat;
}
#mainnav li.isu a b
{
    display: none;
}

#mainnav li.ce
{
    width: 10em;
    /*font-size: 75%;*/
    padding: 0;
    color: white;
    background: #78AFA2 url(/images/common/green-header-back.png) repeat-x;
}
#mainnav li.ce a
{
    color: white;
    padding: .3em 1.5em;
}

#mainnav li.cs
{
    width: 10em;
    /*font-size: 75%;*/
    padding: 0;
    color: white;
    background: #6C94B6 url(images/common/lightblue-header-back.png) repeat-x;
}
#mainnav li.cs a
{
    color: white;
    padding: .3em 1.5em;
}

#mainnav li.ce a:hover, #mainnav li.cs a:hover
{
    color: #5C5C2E;
}

#Top1_searchPanel 
{
    display: inline;
}

/*Search Box Styles
----------------------------------------------------------------------*/
#searchbox
{
    background: #EEEEE0;
    padding: .5em .2em;
}
#searchbox .formbox
{
    font-size: 1em;
    margin: 0 0 3px 0;
}


/************************NAVIGATION STYLE*******************/
#navigation
{
	font-size: 0.75em;
	background: white;
	float: left;
	margin: 0px;
	width: 100%;
	line-height: normal;
}
#navigation ul{
margin:0;
padding:0;
list-style:none;
float:right;
}
#navigation li{
display:inline;
background:transparent;
margin:0;
padding:0;
float:left;
}
#navigation a{
float:left;
display:block;
background: url(../images/tabs.gif) no-repeat right top;
width:140px;
height:16px;
margin:0 -24px 0 0;
position:relative;
text-align:center;
text-decoration:none;
font-weight:bold;
color:white;
}
#navigation a:hover{
background-position:0 -22px;
color:black;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#navigation a{float:none;}
/* End IE5-Mac hack */
#navigation .current a{
background-position:0 -44px;
color:black;
}
#navigation .current a:hover{color:black;
background-position:0 -44px;}




/************************LEFT NAVIGATION STYLE*******************/
.left
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0.7em;
	/*float: left;*/
	padding-bottom: 0px;
	margin: 10px 5px 10px 5px;
	width: 160px;
	padding-top: 0px;
	position: relative;
}


body.home .left
{
    margin: 10px 0 20px 0px;
    padding: 0 0 0 10px;
}

.left h3
{
    margin: 0;
    padding: .3em 0 .3em 1em;
    font-size: 1em;
    border: 1px solid #cc9;
    background: #D3CDB7;
    /* Round Corners */
	-moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

#Left1_pnlSignIn .left 
{
	border: none !important;
}

#Left1_pnlSignIn .left span 
{
	background: #EAE5CE;
	display: block;
	color: #5B3916;
}


.left h3.StaffMenu{
	padding:.3em 0 .3em 1em;
	color:white;
	border:1px solid #003366;
	background: #3B6289 url(../images/blue-header-back.png) repeat-x;
}

.left ul.StaffMenu{
background:#C2D4ED;
    margin: 0 0 10px 0;
    padding: 5px 5px 10px 5px;
}


.left ul
{
    background: #EAE5CE;
    margin: 0 0 10px 0;
    padding: 5px 5px 10px 5px;
}
.left ul li
{
    list-style: none;
    margin: 0;
    padding: 3px;
}
.left ul li a
{
    color: black;
    text-decoration: none;
}
.left ul li a:hover
{
    /*text-decoration: underline;*/
    /*font-weight: bold;*/
}

.active
{
    background-color: #ff8585;
}




/*******************SIDEBOX RULES*****************/
#sidebar_a h3, #sidebar_b h3
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bolder;
	font-size: 1.1em;
	padding-bottom: 3px;
	margin: 0px;
	color: #5B3916;
	padding-top: 3px;
	text-align: center;
}
#sidebar_a ul{margin: 0;padding: 0;}
#sidebar_a li
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 2px;
	list-style-type: none;
}
#sidebar_a a{
color:#5B3916;
display:block;
padding: 2px 10px;
width:140px;
font-weight: bold;
}

#sidebar_a a:hover{
background: #D3CDB7;

}
#sidebar_a p, #sidebar_b p{margin: 5px; padding:5px;}
#sidebar_b address{
font-style: normal;
padding:10px;
}

#sidebar_b h4{
font-size: 1.1em;
margin: 0 0 5px;
padding:0;
color: #003366;
}

.sidebox{
border-top:5px solid #cc0000;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
width:150px;
margin: 0 auto 20px;}

.sidebox_CountyOrder{
border-top:5px solid #003366;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
width:160px;
margin: 0 auto 20px;}

.sidebox_4HOrder{
border-top:5px solid #006633;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
width:160px;
margin: 0 auto 20px;}


.sidebox_AddToCart{
/*border-top:5px solid #cc0000;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
background-color: #cccc99;*/
width:150px;
margin: 0 auto 20px;
float: right;}




#CheckoutContent
{
	border-top:5px solid #cc0000;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:5px solid #cc0000;
width:auto;
margin: 0 auto 20px;
}


.sidebox form{margin: 5px;padding: 5px;}
.sidebox input{
}
.brand{
text-align:center;
padding: 10px 0 0 0;
}
.brand img{
float:none;
margin:0;padding:0;
}
#sidebar_a .brand a,#sidebar_a  .brand a:hover{
background:transparent;
border:0;
color:white;
}
/*CONSOLE STYLES*/
#editConsole{
background:#fff;
width:150px;
border: 1px solid #ccc;
}

/*#editConsole a{
width:136px;w/idth:150px;/width:136px;
border-width: 1px 5px 1px 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
padding: 0.2em 0.2em 0.2em 0.5em;
color: #333;
background:#DCDCDC;
display:block;
}

#editConsole a:hover{
background:#D3D3D3;
border-color: #aaab9c #c00 #fff #ccc;
}

#editmenuTitleBar{
text-align:center;
font-size: 1.2em;
font-weight:bold;
background:#cc0000;
color:white;
border-width: 1px 5px 1px 1px;
border-style:solid;
border-color:#f00 #900 #a00 #f00
}*/


.warn{
color:red;
font-style: italic;
}
#editConsole hr{
display:block;
}
#editConsole p{
margin:0 0 10px 0;padding:0;
}
/*******************CONTENT STYLES****************/
#content h3{
font-size: 1.25em;
border-bottom: 1px solid #c5b79d;
margin: 10px 0;
color: #5B3916;
}

#FullWidthContent h3{
font-size: 1.25em;
border-bottom: 1px solid #c5b79d;
margin: 10px 0;
color: #003366;
}



#content h4{
font-size: 1.1em;
margin: 0 0 5px;
padding:0;
color: #003366;
}

#content img{
float: left;
/*padding: 0 15px 15px 0;
margin: 0 10px 5px 0;*/
border:0;
}

#content img.odd{
float: right;
/*padding: 0 0 15px 15px;
margin: 0 0 5px 10px;*/
border:0;
}

#content ul{
margin: 0 0 0 20px;
}
#content li{
margin:0 0 3px 10px;
padding:0 0 0 0;
}
#content ul.directions li:first-line{font-weight:bold;}

#content .casing{
display: block;
float:left;
width:100%;
margin:0 0 15px 0;
}

#FullWidthContent .casing{
display: block;
float:left;
width:100%;
margin:0 0 15px 0;
}

#content .casing col1{
width: 125px;
float:left;
}
#content .casing col2{
width:50%;
float:left;
}

#content .casing RightAlign{
float:right;
}

#content .credits{
font-size: .9em;
font-style: italic;
color: #666;
}
#content address{
font-style: normal;
padding:10px;
}
#content .galleryphoto{
float:left;
display:block;
margin:0 0px 5px 5px;
}
#content .galleryphoto img{
float: none;
margin:0;padding:0;
}
dl#subfolders{

}
dl#subfolders dt{
font-weight:bold;
border-top:5px solid #c00;
margin:0 0 .5em 0;
}
dl#subfolders dd{
display:inline;
margin:0;
padding:0;
}
dl#subfolders dd a{
border:1px solid #999;
margin:0;
width:auto;
padding: .2em 1em;
text-decoration:none;
color:#333;
}
dl#subfolders dd a:hover{
background:#f5f5f5;
}

#gridTopics{

}
	
/********************FOOTER STYLES*****************/
/*#footer a:link, #footer a:visited{color:#003366;}
#footer a:hover, #footer a:active{color:#cc0000;}*/

#address{
clear: both; 
background: white; 
color: #000000; 
font-size: .7em; 
width: 95%;
margin: 0 auto 0 auto;
}
#address a{background: transparent; color: #0066FF;}
#address li{float: left; margin: 0; padding: 0; text-align: center; width: 24%; list-style:none;}
#address ul{margin: 0; padding: 0; width: 100%; background:white;text-align:center;}






/*********************EDITOR STYLES*****************/
/*#content fieldset{
display: block;
width: 400px;
margin: 0 .5em .5em 0;
padding: 1em;
}
#content legend{
font-weight:bold;
}
#content input{
display: block;
width: 350px;
}
#content textarea{
display:block;
width:350px;
height: 7em;
font-family: Arial, Helvetica, sans-serif;
}
#content label{
display: block;
margin-bottom: 1em;
}
#content select{	display: block; width:400px;}
#content fieldset.radio{
width: 400px;
margin: 0 .5em .5em 0;
padding: 1em;
}
#content fieldset.radio input{
float: left;
width: auto;
}
#content fieldset.radio select{
width: auto;
}
#content fieldset.radio label{
font-weight: normal;
clear:both;
}

#content fieldset.loginfield input{
float: left;
width: 20em;
}
#content fieldset.loginfield select{
width: 20em;
}
#content fieldset.loginfield label{
font-weight: bold;
clear:both;
width:20em;
}

#content fieldset input.formbutton{
width:auto;
}

#ImagePH img{
float:none;
margin:0;padding:0;
}
.ImagePH img{
float:none;
margin:0;padding:0;
}
#TopicList table tr td label{
display: inline;
}
#TopicList table tr td input{
display: inline;
width:auto;
}
.TopicList table tr td label{
display: inline;
}
.TopicList table tr td input{
display: inline;
width:auto;
}*/




/* shows a visual seperation */
#dashedline
{
    border-bottom: 1px solid #cc0000;
    padding-top: 2px;
    margin-bottom: 3px;
    clear:right;
}

.ListItemDisplay
{
	border-bottom: 1px solid #DBCE6A;
}


.SortBy
{
	background-color: #EAE5CE;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: .9em;	
}

.pagerstyle
{
	font-size: 1.4em;
}

.pagerstyle a
{
	font-size: .9em;
	
}

.pagerstyle a:hover
{
	text-decoration: underline;
}

.button
{
		background: #ECECD8 url(../images/buttonback.png) repeat-x;
		border: solid 1px #000;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}