@charset "utf-8";
/* CSS Document */
/* This is the base stylesheet for CECI */
body {
	font: 16px Tahoma, Geneva, sans-serif;
	background: #1a447b;
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-align: center;
	color: #201f21;
	line-height: 1.2em;
	
} 
a
{
	color: #47679d;
}
a:hover
{
	color: #206fdd;
	
}

#container {
	width: 950px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left;	
}
 #header {
	background-image: url(../images/ceci_headerwBorder.jpg);
	background-repeat: no-repeat;
	padding: 0px;  
	margin: 0;
	height: 162px;
	border-bottom: 1px solid #ccc;
}
 #header h1 {
	margin: 0px 0px 5px 10px; 
	padding: 10px 0; 
}
#textsizer
{
  float: right;
  padding: 3px 20px 3px 0px;
  width:auto;
  margin: 4px 10px 0px 0px; 
  clear: none;
  text-align: right;
}

#textsizer ul
{
display: inline;
margin: 0px;
}

#textsizer p
{
display: inline;
font-size: .7em;
color: #960;
margin: 0px;
font-weight: bold;
letter-spacing: 1px;

}
#textsizer li
{
  display: inline;
  padding-right: 8px;
 }
#textsizer li.normal
{
	font-size: .8em;
}
#textsizer li.medium
{
	font-size: 1em;
}
#textsizer li.large
{
	font-size: 1.2em;
}
#textsizer a
 {
	 color: #1a447b;
	 text-decoration: underline;
	 
 }
 #textsizer a:hover
 {
	color: #C60;
	text-decoration: underline;
 }
#logo
{
width: 284px; 
height: 92px; 
padding-top: 12px; 
padding-left: 15px;	
}
#topmenu
{
height: 2.3em; 
margin-top: -2.4em;
/*border-top: 1px solid #fbf0b3;*/
}
#flash
{
height: 185px;	
}
#innercontainer
{
margin-top: 15px; 
margin-left: auto;
margin-right: auto;	
	
}
#sidebar
{
float: right; width: 23%; font-size: .8em;
}
#sidebar p
{
margin-left: 5px; padding-right: 10px;
}
#tabbedcontent
{
/*width: 40%;*/ 
width: 35%; 
height: auto; 
float: left; 
margin-left: 5px; 
font-size: .7em;	
	
}
#maincontent {
	padding-left: 10px; 
	background: #FFFFFF;
	width: 40%;
	margin-left: 330px;
}

#maincontent h1
{
margin: 3px 20px 3px 10px;
font-size: .9em;
color: #253c6a;
border-bottom: 1px solid #bcd0f1;
padding-bottom: 3px;

}
#maincontent h2
{
color:#47679d;	
margin: 3px 3px 3px 10px;
font-size: .8em;
}


#maincontent p
{
margin: 3px 20px 20px 10px;
font-size: .8em;
}

#maincontent ul
{
	font-size: .8em;
	margin-left: 30px;
	padding-left: 15px;
}
#footer {
	padding: 10px;	
	clear: both;	
	/*background-image:  url(images/footerBGtext.jpg);*/
	background-image: url(../images/footerBGLong.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #5b97f7;
	font-size: .71em;
}
#footer p {
	margin: 0; 
	padding: 3px; 
	
}

#footer a
{
	color: #000;
	
}
#footer a:hover
{
	color: #333;
}



#footer li
 {
	background-image: url(../images/footerBullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .7em;
    padding-left: 1.2em; 
	line-height: 1.8em;
	list-style-type: none;
 }
 .clearer
 {
	 clear: both;
	 line-height: 1%;	 
 }
 .newsletter 
 {
 float: right; 
 clear: none; 
 width: auto; 
 padding: 5px; 
 border-left: 1px solid #fff; 
 width: 190px;	 
 }
 .newsletter p
 {
	 line-height: 1.4em;
	 
 }
 
 .contactinfo
 {
   float: left; 
   width: 35%; 
   clear: none; 
   border-right: 1px solid #fff; 
	 
 }
 
#footer .footerlinks1
 {
  float: left; 
  clear: none; 
  width: auto; 
  margin-left: 0px; 
  padding: 0px; 
 }
 #footer ul.footerlinks1
 {
	 margin: 0px 0px 0px 5px;
	 padding:0;
 }
 
#footer .footerlinks2
 {
 float: left; 
 clear: none; 
 width: auto; 
 margin-left: 1em;  
 padding: 0px; 
 }
 #footer ul.footerlinks2
 {
	 margin: 0px 0px 0px 30px;
	 padding: 0;
 }
 #searchbox
 {
  width: auto; 
  float: right; 
  margin: 3px 10px 0px 0px; padding: 0; 
	 
 }
 
 #searchbox .searchform
 {
	display: inline; margin: 0; padding: 0; 
	 
 }
 
 #searchbox .searchinput 
  {
	  margin-top: 3px; border: 1px solid #84adf2; height: 18px;
  }
  
  #searchbox .searchbutton
  {
  vertical-align: top; margin-top: 5px; margin-left: -5px; 
  }
  
  #formStyle 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.2em; 
color: #444; 
width: 500px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 10px;

} 

#formStyle .small
{
width: 375px;
}

#formStyle.large
{
width: 500px;
}
#formStyle  fieldset 
{ 

border: 1px solid #bcd0f1;
background-image: url(../images/bluegrad_formslight.png);
background-repeat:repeat;
}
#formStyle .required 
{
font-weight: bold;
color: #C14000;
}
#formStyle  legend 
{ 
background-color: #ffffff; 
padding-top: 2px; 
padding-bottom: 2px; 
padding-left: 5px; 
padding-right: 5px; 
margin-left: 10px; 
font-weight: bold; 
font-size: 12px;
color: #1a447b;
} 
#formStyle  p 
{ 
margin-bottom: 4px; 
margin-top: 4px;
margin-left: 4px;
background-color: transparent;

} 
#formStyle  p input 
{ 
 border: 1px solid #ccc; 
} 
#formStyle  label 
{ 
display: block; 
width: 195px; 
float: left; 
text-align: right; 
padding-right: 6px;
padding-bottom: 3px;
padding-top: 0px; 
} 

#formStyle label .center
{
text-align: left;
}
#formStyle .center
{
text-align: center;
}
#formStyle  p span em 
{ 
display: block; 
width: 220px; 
float: left; 
text-align: right; 
padding-right: 10px; 
font-style: normal;
} 
#formStyle  p span input 
{ 
vertical-align: middle; 
border: none; 
background: none;
} 
#formStyle  strong 
{ 
margin-left: 200px;
 } 
#formStyle  strong input 
{ 
background: #eee; 
border: 1px solid #134173; 
font-weight: bold; 
color: #444; 
margin-top: 5px;
margin-bottom: 5px;
font-size: 13px;

}
.clear
{
clear: both;
}
 .addthis
 {
	 float: left; clear: none; padding-top: 10px;
	 
 }
 
 .newsletterLogo
 {
	float: left; margin-right: 10px;   
 }
  
  div.video
{
  margin-left: 140px;
  margin-right: 5px;
  margin-top: 0px;
  padding-bottom: 15px; 
  float: left; 
  text-align: center;   
}	
div.thumbnailholder
{
  height: 125px;
  width: 175px;
  text-align: center; 
}

div.video img
{
  display: inline;
  margin: 2px;
  border: 1px solid #eeeeee; 
}



div.video a:hover img 
{
	border: 1px solid #B5B5B5;
}


div.caption 
{
height: 1.5em; 
width: 175px;
overflow: visible;
font-weight: bold;
text-align: center;
}
div.caption p
{

padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
line-height: 14px;
margin-top: 3px;
margin-bottom: 3px;
margin-right:3px;
}
div.caption h6
{

padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight:normal;
font-size: 11px;
text-align: center;
line-height: 14px;
margin-top: 15px;
margin-bottom: 10px;
margin-right:3px;
}