/**************************************
 * TITLE: CIC Screen Home Modular     * 
 * URI  : stylesheets/cic-screen.css  *
 * MODIF: 12-Dec-08                   *
 **************************************/

/* ##### Common Styles ##### */

* {
	margin:0;
}
body {
	color:black;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:75%;/* Enables font size scaling in MSIE */
	margin:auto;
	padding:0;
	text-align: center;
}
h1 {
text-align:left;
}
.bold {
font-weight:bold;
}
p {
margin:1em 0 1.5em 0;
padding:0;
}
html > body {
font-size:11pt;
}

acronym, .titleTip {
border-bottom:1px dotted #B46400;
cursor:help;
margin:0;
padding:0;
}
.smallCaps {
font-size:117%;
font-variant:small-caps;
}


/* ##### Header ##### background-color: rgb(255,166,22)*/
#header {
	background-color:#000000;
	color:black;
	height:30px;
	margin: auto;
	clear: both;
}
#top {
	height: 90px;
	width: 848px;
	margin: auto;
	clear: both;
}

.doNotDisplay {
display:none !important;
}
.headerTitle {
margin:0pt;
padding:12px 0px 20px 0px;
text-align:right;
}
.headerTitle a {
background-color:transparent;
color:black;
font-size:100%; /* For MSIE */
font-weight:bold;
text-decoration:none;
}
.headerTitle > a {
font-size:100%; /* For fully standards-compliant user agents */
}
.headerTitle span {
background-color:transparent;
color:#5F5F5F;
font-size:100%;
font-weight:bold;
}
.headerTitle img {
border-style:none;
height:51px;
width:145px;
}
#subHeader {
	background-color:#000000;
	color:white;
	font-size:90%;
	height:30px;
	margin:auto;
	padding:0px;
	text-align:right;
	width: 848px;
	clear: both;
}
#subHeader a {
background-color:#000000;
border-bottom:medium none;
color:white;
font-size:90%;
font-weight:bold;
margin:0pt;
padding:0pt 1ex;
text-decoration:none;
}
#subHeader a:hover {
background-color:white;
color:black;
}

#menu {
background-color:#000000;
float:left;
margin:0pt;
padding-left:10px;
}
#menu ul {
margin:0pt;
padding:0pt;
}
#menu ul li {
display:inline;
height:30px;
line-height:30px;
text-decoration:none;
}

#menu a {
background-color:#000000;
border-bottom:medium none;
color:white;
font-size:90%;
font-weight:bold;
margin:0px;
padding:0px 1ex;
text-decoration:none;
}
#menu a:hover {
background-color:white;
color:black;
}
#searchbox {
background-color:#000000;
float:right;
position: relative;
height:30px;
line-height:30px;
margin:0px;
padding-right:5px;
}

/* #### Mid #### */
#mid {
	width:848px;
	margin: auto;
	margin-bottom: 5px;
	margin-top: 10px
}


/* ##### Main Copy ##### H1 Teal Hex#287D9B 40,125,155 Burgundy #881100 */
#main-copy {
	background-color:#FFFFFF;
	color:black;
	clear:both;
	float:left;
	font-size:90%;
	line-height:1.5em;
	text-align:left;
	width: 580px;
	border-right:1px solid #D8D2C3;
	padding-top: 5px;
	padding-left: 10px;
	padding-right:20px;
	margin-bottom: 5px;
	margin-top: 10px;
	}
	
#main-copy h1 {
background-color:transparent;
color:#FCA616;
font-family:helvetica,arial,verdana,sans-serif;
font-size:220%;
font-weight:bold;
letter-spacing:-2px;
line-height:1.5em;
margin:5px 0px 0px;
padding:5px 0px 0px;
text-align:left;
}
#main-copy h2 {
background-color:transparent;
border-top:0px solid #D8D2C3;
color:#0000FF;
font-family:helvetica,arial,verdana,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1.7em;
margin:5px 0px 0px;
padding:5px 0px 0px;
text-align:left;
}
#main-copy h3 {
background-color:transparent;
color:#0000FF;
font-family:helvetica,arial,verdana,sans-serif;
font-size:130%;
font-weight:bold;
margin:5px 0px 0px;
padding:5px 0px 0px;
text-align:left;
}
#main-copy h4 {
background-color:transparent;
color:#0000FF;
font-family:helvetica,arial,verdana,sans-serif;
font-size:125%;
font-weight:bold;
text-align:left;
}
#main-copy h5 {
background-color:transparent;
color:#0000FF;
font-family:arial,verdana,helvetica,sans-serif;
font-size:110%;
}
#main-copy h6 {
background-color:transparent;
color:#0000FF;
font-family:verdana,arial,verdana,helvetica,sans-serif;
font-size:80%;
}
#main-copy a {
background-color:transparent;
border-bottom:1px dotted #BE8F61;
color:#0000FF;
font-weight:bold;
text-decoration:none;
}
#main-copy a:hover {
background-color:transparent;
border-bottom:0px none;
color:#E67403;
font-weight:bold;
text-decoration:underline;
}
#main-copy a:active {
background-color:transparent;
border-bottom:0px none;
color:#E67403;
font-weight:bold;
text-decoration:none;
}
#main-copy img {
border:0px solid #D8D2C3;
margin:5px;
}
#main-copy ul li {
	margin-left: 20px;
}

#main-copy ol li {
	list-style-type: decimal;
}

#main-copy div {
clear: both;
}
/* Quote style */
#main-copy .quote {
background-color:#FFFFF0;
border:1px solid #AA0000;
font-size:95%;
margin:10px;
padding:3px;
}
dt {
font-weight:bold;
margin:0px;
padding:0px 0px 2px;
}
dd {
margin:0px 0px 5px 5px;
padding:0px;
}


/* ##### Right Side Bar ##### */
#rightSideBar {
background-color:#FFFFFF;
text-align: left;
float:left;
margin:0;
padding-left: 5px;
width:230px;
}
#rightSideBar .sideBarTitle {

color:black;
font-size:80%;
font-weight:bold;
margin:0px;
padding:7px;

}
#rightSideBar .sideBarTitle2 {
background-color:#E6D9B0;
color:black;
font-weight:bold;
padding:7px;
}
#rightSideBar a {
background-color:transparent;
border-bottom:1px dotted #BE8F61;
color:#0000FF;
font-weight:bold;
text-decoration:none;
}
#rightSideBar a:hover {
border-bottom:0px none;
color:#E67403;
text-decoration:underline;
}
#rightSideBar .sideBarText {
	font-size:75%;
	line-height: 17px;
	padding-left: 10px;

}
#rightSideBar .more {
display:block;
margin:0px;
padding:5px;;
text-align:right;
text-decoration:underline;
}
#rightSideBar .more:hover {
text-decoration:none;
}

/* ##### second-row ##### */
#second-row{
width: 848px;
margin:auto;
clear:both;
border-top:1px solid #D8D2C3;
margin-bottom: 5px;
}

#second-row h2 {
padding-top: 5px;
padding-left: 5px;
text-align:left;
font-size: 14px;
}
#second-row p {
font-size: 10px;
text-align:left;
padding-left:5px;
padding-right:5px;
}

#second-row a {
font-size: 10px;
background-color:transparent;
border-bottom:1px dotted #BE8F61;
color:#0000FF;
font-weight:bold;
text-decoration:none;
}
#second-row a:hover {
background-color:transparent;
border-bottom:0px none;
color:#E67403;
font-weight:bold;
text-decoration:underline;
}

/* ##### second-box-one ##### */
#second-box-one{
width:580px;
float:left;
margin-top: 5px;
margin-bottom: 5px;
padding-right:30px;
border-right: 1px solid #D8D2C3;

}

/* ##### second-box-one-right ##### */
#second-box-one-right{
float:left;
width:275px;
padding-left: 5px;
padding-right:5px;



}

/* ##### second-box-one-left ##### */
#second-box-one-left{
float:right;
width:275px;
padding-left: 5px;
border-left: 1px solid #D8D2C3;

}
/* ##### second-box-two ##### */
#second-box-two{
width:230px;
float:left;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;

}

#second-box-two a {
text-align:left;
font-size: 10px;
background-color:transparent;
border-bottom:none;
color:#0000FF;
font-weight:bold;
text-decoration:none;
}

/* ##### third-row ##### */
#third-row{
width: 848px;
margin:auto;
clear:both;
border-top:1px solid #D8D2C3;
margin-bottom:5px;
}

#third-row h2 {
padding-top: 5px;
padding-left: 5px;
text-align:left;
font-size: 14px;
}

#third-row p {
font-size: 10px;
text-align:left;
padding-left:5px;
padding-right:5px;
}

#third-row a {
text-align:left;
font-size: 10px;
background-color:transparent;
border-bottom:1px dotted #0000FF;
color:#0000FF;
font-weight:bold;
text-decoration:none;
}
#third-row a:hover {
background-color:transparent;
border-bottom:0px none;
color:#0000FF;
font-weight:bold;
text-decoration:underline;
}

/* ##### third-box-one ##### */
#third-box-one{
width:580px;
float:left;
margin-top: 5px;
margin-bottom: 5px;
padding-right:30px;
border-right: 1px solid #D8D2C3;

}

/* ##### third-box-one-right ##### */
#third-box-one-right{

float:left;
width:275px;
padding-left: 5px;
padding-right:5px;
}

/* ##### third-box-one-left ##### */
#third-box-one-left{
float:right;
width:275px;
padding-left: 5px;
border-left: 1px solid #D8D2C3;
}
/* ##### third-box-two ##### */
#third-box-two{
width:230px;
float:left;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#third-box-two a {
text-align:left;
font-size: 10px;
background-color:transparent;
border-bottom:none;
color:#0000FF;
font-weight:bold;
text-decoration:none;

}

/* ##### Footer ##### */
#footer {
background-color:#E6D9B0;
clear:both;
color:black;
font-size:70%;
line-height:17px;
margin:0px;
padding:5px;
text-align:center;
}
#footer div {
margin:0px;
padding:5px;
}
#footer a {
background-color:transparent;
color:black;
text-decoration:none;
}
#footer a:hover {
color:#616161;
text-decoration:underline;
}