html {
  font-family: Georgia;
  font-size: 12px;
  line-height: 1.5;
}


body{
margin:0;
padding:0;
line-height: 1.5em;
background-image: url('/fileadmin/templates/images/backgroundtile.gif');

}

.tx_powermail_pi1_submitmultiple_forward {
margin:20px 0px 0px 0px;
}


.tx_powermail_pi1_submitmultiple_back {
margin:20px 0px 0px 0px;
}

UL {
	list-style-type: square;
	color: #26466D;
}

LI { color: #000000; }

h1 {
color:#142f46;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid black;
}

h2 {
font-weight: bolder;
font-size: 12px;;
}

h3 {
font-weight: bolder;
font-size: 12px;
}

h4 {
color:#142f46;
font-weight: bolder;
font-size: 12px;
}

h5 {
color:#4c8546;
font-weight: bolder;
font-size: 12px;
}


strong {
font-weight: bolder;
font-size: 12px;
}

a {
color:#142f46;
text-decoration:underline;
}

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

.indent {
text-indent: 25px;
}

.newscontent {
font-size: 12px;
}

.news-list-date {
font-size: 12px;
}

.news-list-morelink {
font-size: 12px;
}

.topnav {
font-family: Arial;
font-size: 11px;
color:#ffffff;
}

.topnav a {
font-family: Arial;
font-size: 11px;
color:#ffffff;
}

.topnav a:hover {
font-family: Arial;
font-size: 11px;
color:#ffffff;
}


#maincontainer{
width: 970px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #ffffff;

}

#topsection{
background: #26466D;
height: 105px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#pulldownmenu{
background: #E8C782;
height: 26px; /*Height*/
}

#bannershadow{
background: white url('/fileadmin/templates/images/bottom.gif') repeat-x;
height: 35px; /*Height*/
}

#pagebanner{
padding-left: 75px;
height: 300px; /*Height*/
background: #000000;
align: center;
}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -970px; /*Set left margin to -(MainContainerWidth)*/
background: #ffffff;
}

#footer{
border-top:5px solid #E8C782;
clear:both;
color:white;
font-size:0.9em;
line-height:1.6em;
margin:0 auto;
padding:8px 0;
text-align:center;
background: #26466D;
}

#footer a{
color: #ffffff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*begin with custom fuzzy shadow style*/
div.module
{
	margin:0px auto;/* you decide */
	width:970px; /*Width of main container*/
	position:relative;/* default, must have */
	z-index:1;/* default, must have */
	
	/*you may use absolute position */
	/* 
	position:absolute; 
	top:100px;
	left:100px;
	*/
}
div.module div.ft[class] s{
	position:absolute;
	background:#000000;/*color of shadow for Not IE*/	
	
	-moz-border-radius:4px;
	border-radius:4px;
	top:-1px;
	left:-1px;
	right:-1px;
	bottom:-1px;
	z-index:-2;
	opacity:0.4;
	*display:none;
}

div.module div.ft[class] s s{
	opacity:0.7;
}


div.container .chrome
{
	

	*zoom:1;	
	*display:block;
	*width:100%;	
	*position:relative;	
}


div.container
{
	width:100%;	
	background:#000000;/*color of shadow for IE*/
	*filter:alpha(opacity:40) progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
}


div.container div.content
{	
	padding:0px;/* you decide */
}

.rcMenuContainer {
    font-family: Verdana, Arial;
    position: absolute;
    border: 1px solid #7e7e7e;
    background: #EAE8E3;
    padding:2px;
    z-index:10;
}
.rcMenuItem {
    width:200px;
    float:left;
    font-size:11px;
    font-weight:normal;
    padding:3px;
    text-decoration:none;
    text-decoration:underline;
    color:#333333;
    background-color:#cccccc;
    border:1px solid #7E7E7E;
}
.rcMenuItemHover {
    width:200px;
    float:left;
    font-size:11px;
    font-weight:normal;
    padding:3px;
    text-decoration:underline;
    background-color:#C7D5FE;
    color:#333333;
    border:1px solid #7E7E7E;
}
.rcMenuItemText {
    font-size:100%;
    font-weight:bold;
    border:0px;
    padding:2px;
    color:#FFFFFF;
    border: 0px solid #FFFFFF;
    background: #7e7e7e;
    text-align:center;
}
.rcMenuItemTextExt {
    font-size:11px;
    font-weight:normal;
    border:1px dotted grey;
    padding:2px;
} 
.rcMenuSeparator{
    color:#7e7e7e;
    height:1px;
    width:200px;
}
.rcImage {
	padding-right:4px; 
}

/* breadcrumbs list styles */
.breadcrumbs { font-size:10px; margin-bottom:0px; margin-left:0px; clear:both; overflow:hidden; padding-top:5px;}
.breadcrumbs ul {list-style: none; margin-left:-40px;}
.breadcrumbs ul li { background:none; float:left; padding:0;}
.breadcrumbs ul li.separator { color:#787878; margin:0 4px;}
.breadcrumbs ul li a { text-decoration:none; color:#787878;}
.breadcrumbs ul li a:hover { color:#26466D; }
.breadcrumbs ul li.current a { color:#26466D;}



/** Enrollment Counselors Database Styles **/

.importantHighlites {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #FFCC66;
	background-color: #333366;
	border: 1px dotted #FFCC66;
	padding: 3px;
}



/*** Menu Content ***/

.menutitle {
font-size:8pt;
padding-left: 10px;
color:#26466D;
padding-bottom: 8px;
font-weight: bold;
white-space: nowrap;
}

.menu1-level4-act{}

.menu1-level4-act a{
margin-left: 20px;
color:DarkGoldenrod;
text-decoration:none;
white-space: nowrap;
font-style: italic; 
}

.menu1-level4-no a{
margin-left: 20px;
color:DarkGoldenrod;
text-decoration:none;
white-space: nowrap;
font-style: italic; 
}

.menu1-level3-act{}

.menu1-level3-act a{ 
margin-left: 15px;
color:DarkGoldenrod;
text-decoration:none;
white-space: nowrap;
font-weight: bold;
}

.menu1-level3-no a{
margin-left: 15px;
color:#26466D;
text-decoration:none;
white-space: nowrap;
}

.menu1-level2-act{}

.menu1-level2-act a{
margin-left:10px;
color:#26466D;
text-decoration:none;
white-space: nowrap;
font-weight: bold;
}

.menu1-level2-no a{
margin-left:10px;
color:Gray;
text-decoration:none;
white-space: nowrap;
}

.menu1-level1-act{}

.menu1-level1-act a{
padding-left: 5px;
color:Gray;
text-decoration:none;
}

.menu1-level1-no a{
padding-left: 5px;
color:Gray;
text-decoration:none;
}

/* Pulldown Menu Formatting */

.ddmx {
    font: 11px arial;
}
.ddmx .itemSearch {
    padding: 4px 10px 4px 10px;
    font: 11px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: realtive;
    height: 18;
}
 
.ddmx .item1 {
    padding: 8px 10px 3px 10px;
    font: 11px arial;
    color: #26466D;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    height: 16;
 
}
.ddmx .item1:hover
 {
 	background: #E8C782;
    padding: 8px 10px 3px 10px;
	font: 11px arial;
    color: blue;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    height: 16;
}
.ddmx .item1-active,
.ddmx .item1-active:hover {
	background: #E8C782;
    padding: 8px 10px 3px 10px;
	font: 11px arial;
    color: blue;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    height: 16;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    width: 175px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
    font: 11px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #2B4F81;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    
    background: #4D71A3;
	width: 175px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    width: 175px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
    z-index: 500;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0px none;
}
.ddmx .section {
    background: #e5e1da;
    border: 0px solid #E8C782;
    position: absolute;
    visibility: hidden;
    z-index: 0;
}
 
* html .ddmx td { position: relative; } /* ie 5.0 fix */


/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
 
 .CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 0px #CCC;
	border-right: solid 0px #CCC;
	border-top: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
	width: 300px;
}

 
.CollapsiblePanelTab {
	margin: 0px;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-bottom: solid 0px #CCC;
	font-size: 12px;
	display: block;
	background-color: #26466D;
	font-weight: bold;
	color: white;
}
.CollapsiblePanelContent {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: dotted 1px #CCC;
	border-right: dotted 1px #ccc;
	margin: 0px;
	padding: 10px;
	overflow: auto;
	height: inherit;
}
.CollapsiblePanelContent   ul
{
	list-style:none;
	font-size:14px;
	color:#000066;
	padding: 5px;
	margin: 0;
	margin-left: 5px;
}
.CollapsiblePanelContent  ul  li
{
	display:block;
	float:left;
	width:100%;
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #26466D;
	color: #FFCC66;

}
.CollapsiblePanelOpen /* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover    {
	color: #FFCC66;
}
.CollapsiblePanelTabHover   {
	color: #FFCC66;
}