/*************************************
Care for Children 2007 Conference Web site
10/12/07

written by Michael Trevino
mtrevino@utsystem.edu
512.499.4282

**************************************/


/*************************************
Site wide 
**************************************/

body {background-image: url(../images/page_background.gif); background-repeat:repeat-x; background-color: #fffbc4; height: 90%; width: 800px; margin: 0px auto 20px auto; padding: 0px 0px 0px 0px;  text-align:center; position:relative;}

p {	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #535353; 
}

h1 {margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #4676b5; 
}
h2 {margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #465b77; 
}

h3 {margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cd8f31; 
}

hr {margin: 15px 70px 15px 0px; padding: 0px;}

ul {margin: 5px 0px 20px 0px; padding: 0px 0px 0px 0px;}
li {margin: 0px 0px 8px 20px; 
	padding: 0px 0px 0px 0px;
	width: 90%; 
	list-style-image:url(../images/list_square.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #535353;
	}


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

/*************************************
Wrappers and Containers
**************************************/

#skip
{position:absolute; display: none;}

#pageWrapper
{background-color: #ffffff; margin: 40px auto 40px auto; padding: 10px 10px 10px 10px; width: 740px; border: #85817d solid 1px; position: inherit; }

#contentWrapper
{background-image:url(../images/content_background.gif); background-repeat:repeat-y; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 740px; position: relative; }

#left {margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px; width: 160px; text-align: left; float: left; position: inherit;}

#centerFrame {background-color: #ffffff; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 571px; border: #85817d solid 1px; float: left; text-align: left; position: inherit;}
#centerContent {margin: 10px 10px 10px 10px; padding: 0px 0px 20px 0px;}
/*
#centerContent p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; line-height: 18px;	color: #535353; }
#centerContent a {color: #900500; text-decoration: underline;}
*/


/*************************************
Header
**************************************/

#header {margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px;  width: 740px; height: 126px;}
#header h1 {background-image: url(../images/header.jpg); width:740px; height: 126px; margin:0px; padding:0px;}
#header h1 span {display:none; }


/*************************************
Menu
**************************************/

#menu {background-color: #ffffff; magin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; width: 160px; text-align: left; }
#menu p{background-color: #bbaca6; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 5px;
		font-family: Arial, Helvetica, sans-serif; font-size: 10px;	color: #ffffff; text-transform: uppercase;}
#menu p:hover{background-color: #cd8f31;}
		
#menu p.selected{background-color: #cd8f31; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 5px;
		font-family: Arial, Helvetica, sans-serif; font-size: 10px;	color: #ffffff; text-transform: uppercase;}
#menu a{color:#FFFFFF; text-decoration:none}
#menu a:hover{}

#sidebar {margin: 0px 0px 0px 0px; padding: 20px 0px 0px 5px; }
#sidebar p{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; line-height: 14px;}


/*************************************
Homepage Image
**************************************/
	
#splashFrame {background-image: url(../images/homepage.jpg); width: 573px; height: 428px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; float: left;  position: relative; }

#splashFrame h1 {margin:0px; padding:0px;}
#splashFrame h1 span {display:none; }
#splashFrame h1 a{display: block; width:573px; height:428px; background:none; margin:0px;}


#splashFrameText {margin: 130px 0px 0px 20px; padding: 0px 0px 5px 0px; width: 530px; text-align: left; position: absolute;}
#splashFrameText p {font-family:Arial, Helvetica, sans-serif; font-size: 70%; line-height: 16px; color: #ffffff; }
#splashFrameText a {color: #ffffff; font-weight:bold; text-transform: uppercase;}



/*************************************
Agenda Specific
**************************************/
#rowEmpty 
{background-color:#FFFFFF; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; width: 545px;
font-family:Arial, Helvetica, sans-serif; font-size: 11px; position:relative; }

#rowFill 
{background-color: #e4ecf3; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; width: 545px;
font-family:Arial, Helvetica, sans-serif; font-size: 11px;  position:relative;}


#time {margin: 0px 5px 0px 0px; padding: 3px 0px 3px 3px; width: 110px; color: #294154; font-style:italic; position: inherit; float: left;}

#event {margin: 0px 10px 0px 0px; padding: 3px 0px 6px 0px; width: 380px; color: #294154; position: inherit;  float: left;}
#event p {margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #535353; }
#event h2 {margin: 0px 0px 3px 0px;	padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  color: #2d4361; }
#event h3 {margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;  color: #464f5c; }

#person {margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; width: 130px; color: #294154; position: inherit;  float: left;}
#person h2 {margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;  color: #684739; }
#person h3 {margin: 0px 0px -3px 0px;	padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;  color: #423130; }



/*************************************
Footer
**************************************/
#footerWrapper {margin: 20px auto 40px auto; padding: 0px 0px 0px 0px; background-color: #b8d0e0; width: 760px; border: #5980ad solid 1px; position: relative;}

#footerSystem {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 400px; height: 68px; float:left;}
#footerSystem h1 {background-image:url(../images/footer_UTSystem.gif); background-position:top; width: 400px; height: 68px; margin: 0px; padding: 0px;}
#footerSystem h1 span{display:none;}
#footerSystem h1 a{display: block; width:290px; height:68px; background:none; margin:0px;}

#footerLinks {margin: 6px 9px 0px 0px; padding: 0px 0px 0px 0px; text-align:right; float:right;}
#footerLinks p{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#e0e1e5; line-height: 18px;}
#footerLinks a{font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#315b99; text-decoration: none;}
#footerLinks a:hover {color: #315b99; text-decoration: none;}