img {
	border:0;
}

body, html {
	font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #DDDDDD;
}

h1 {
	margin-bottom:1em;
	text-decoration: none;
	/*border-top: 1px solid #006600;*/
	padding-top: 0;
      margin-top:0;
}

a {
	color: #DD0000;
	text-decoration: none;

}

a:hover {
	text-decoration: underline;

}

#header ul {
	background-color: red;
	margin: 0;
	padding: 0;
	height: 2.5em;
}


#header ul li {
	float: left;
	margin: 0.5em;
	list-style-type: none;
	/* border: 1px solid grey;*/

}
#header a {
	color: white;
}

#header .tx-loginboxmacmade-pi2 {
	float:right;
	margin-top: 0.3em;
	margin-right: 0.5em;
	color: white;
}



#path {
	font-size: 0.8em;
	padding:0.5em;
	border-bottom: 1px solid gray;
}

#menu_left {
	background-color: red;
	
}
#menu_left ul {
	margin: 0;
	padding: 0;
}

#menu_left ul li {
	padding: 0.2em;
	list-style-type: none;
	border-bottom: 1px solid white;

}
#menu_left a {
	color: white;
}

#header {
/*	width:800px;
	margin: 10px auto auto;
	padding-bottom: 3em; 
*/
	font-size: 0.7em;
	border-bottom: 1px solid gray;
}

#outer {
	z-index: 10;
	width:52em;
	margin:auto;
	background-color: #FFFFFF;
	border: 1px solid grey;
	text-align: left;
}


#inner {
	width: 41.5em;
	margin:0;
	padding:0;

}


#content {
	width:30em;
	text-align: left;
/*	border-left: 1px solid gray;
	border-right: 1px solid gray;
*/	float: right;
	padding:0.5em;
/*	height: 35em;
	overflow: auto;
*/
}

#content .text {
	font-size: 0.8em;
	text-align:justify;
	padding-top:0.5em;
      margin-top:0.5em;
}

#content p {
	text-align:justify;
}


#content .text ul,
#content .text ol {
	text-align:left
}


#content h1 {
	font-size: 1.2em;
}

#content h2 {
	font-size: 1.1em;
}
#content h3 {
	font-size: 1em;
}


#content .csc-menu-7 li {
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 0.5em;
}

#content .csc-menu-7 li a {
	color: black;
}
#content .csc-menu-7 li ul li{
	font-weight: normal;
	list-style-type: disc;
	margin-bottom: 0;
}
#content .csc-menu-7 li ul li a {
	color: #EE0000;
}
#content .tx-gsipagenav-pi1 {
	border-top: 1px solid gray;
}

#content .csc-mailform label {
      width: 32em;
      float: left;
      margin-right:1em;
}
#left,
#right {
	float: left;
	width:10em;
	text-align: left;
	margin:0;
	margin-top:1px;
}

#left li a,
#right li a {
	color: black;
}

#left .text,
#right .text {
	border: 1px solid gray;
	margin: 0.5em;
}

#left .csc-header h1,
#right .csc-header h1 {
	background-color: red;
	color: white;
	padding: 0.5em;
	margin: 0;
	font-size: 0.7em;
	text-transform: uppercase;
}

#left ul, 
#right ul {
	font-size: 0.7em;
	padding: 0.5em;
	list-style-type: none;
	margin:0;
}
#left ul li, 
#right ul li{
	margin-bottom: 0.5em;
	font-style: bold;
}

#left p, 
#right p {
	font-size: 0.7em;
	margin:0.5em;
	padding: 0;
}

#left form, 
#right form {
	margin:0;
	padding:0.5em;
}

#left form p,  
#right form p{
	margin:0;
	padding:0;
}
#left form .small_form {
	float:left;
	text-align:left;
}

#left form .small_form input {
	width: 6em;

}  
#right form .small_form  input {
	width: 9em;
}
#right {
	float: right;
}

#footer {
	background-color: red;
	color: white;
	font-size: 0.7em;
}

#footer p {
	padding: 0.5em;
	margin: 0;
	clear:both;

}


.csc-frame-rulerBefore,
.csc-frame-rulerAfter {
	border-top: 1px solid gray;
	margin-bottom:1em;
}

.clearer {
	clear:both;
}



/*
v0.03
File Name: default-theme.css
Copyright (c) 2006 AOL LLC. All rights reserved
*/

/*
The top level parent element that will contain the Buddy List. This should appear in your HTML document where you want the buddy list to appear.
and is the only HTML element that should be hardcoded in the document.
*/
#AIMBuddyListContainer {
	width:10em !important;
	margin:0;
	padding:0;
	background-color:#fff;
}

/*
This is the top level UL element that will contain the Buddy List. 
*/
#AIMBuddyList {
	padding:0 !important;
	margin:0;
	width:auto;
	min-width:10em;
	border:1px solid #686866;
	border-top:0px;
	list-style-type:none;
	display:none;
	background-color:#FFF;
	
}
/*
Buddy list headings, i.e. "Buddies", "Family" etc.
*/
#AIMBuddyList .AIMBuddyListHeading, #AIMBuddyList h2 {
	padding:2px 0 2px 5px;
	margin:0;
	font:bold 10px verdana,arial;
	height:18px;
	background-color:#EAEAEA;
	border-bottom:1px solid #686866;
	color:#000;
	cursor:default;
	width:9em !important;
}

/*
The UL element that will hold all of the buddies in a given group.
*/
#AIMBuddyList .AIMBuddyListGroup {
	font:11px verdana,arial;
	padding-left:12px;
	margin:1px 0;
	line-height:15px;
	list-style-type:none;
}

/*
The LI elements that will contain the screen names in the group
*/
#AIMBuddyList .AIMBuddyListGroup .buddy {
	text-indent:17px;
	background-position: left center;
	background-repeat:no-repeat;
	_width:173px;
	overflow:hidden;
	overflow-x:hidden;
	cursor:pointer;
	word-wrap:none;
	margin-bottom:3px;
}

/*
How the LI that contains screen names should react when the user mouses over it.
*/
#AIMBuddyList .AIMBuddyListGroup .buddy:hover {
	background-color:#C0C0C0;
	color:#FFF;
}

/*
How the LI should be styled when the screen name is has a state of "away"
*/
#AIMBuddyList .AIMBuddyListGroup .away {
	color:#C0C0C0;
	background-image:url(http://o.aolcdn.com/aim/img/away.gif);
}

/*
How the LI should be styled when the screen name is has a state of "online"
*/
#AIMBuddyList .AIMBuddyListGroup .online {
	/*background-image:url(http://o.aolcdn.com/aim/img/online.gif);*/
}

/*
How the LI should be styled when the screen name is has a state of "idle"
*/
#AIMBuddyList .AIMBuddyListGroup .idle {
	background-image:url(http://o.aolcdn.com/aim/img/idle.gif);
	color:#C0C0C0;
}

/*
How the LI should be styled when the screen name is has a state of "mobile"
*/
#AIMBuddyList .AIMBuddyListGroup .mobile {
	background-image:url(http://o.aolcdn.com/aim/img/mobile.gif);
}

/*
How the LI should be styled when the screen name is has a state of "offline"
*/
#AIMBuddyList .AIMBuddyListGroup .offline {
	background-image:url(http://o.aolcdn.com/aim/img/offline.gif);
}

/*
For zebra-striping the buddy list
*/
#AIMBuddyList .AIMBuddyListGroup .even {
	background-color:#FFF;
}

/*
For zebra-striping the buddy list
*/
#AIMBuddyList .AIMBuddyListGroup .odd {
	background-color:#FFF;
}
