/**************************************
 * TITLE: CIC Screen Stylesheet       * 
 * URI  : stylesheets/cic-screen.css  *
 * MODIF: 22-Aug-2005                 *
 **************************************/

/* ##### 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 #0000FF;
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;
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:left;
	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:0pt;
padding:0pt 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:0pt;
padding-right:20px;
}

/* #### Mid #### */
#mid {
	width:848px;
	margin: auto;
}
/* ##### Left Side Bar ##### original width 12.5em */

/* #### If you are using this for the 2 column layout remember to set the following as: #leftSidebar {width:0;} and #main-copy {max-width: 560px;} #### */

#leftSideBar {
width:0px;
clear:left;
float:left;
position:relative;
text-align: left;
}
#leftSideBar .sideBarTitle {

color:#404040;
font-size:80%;
font-weight:bold;
margin:1.25ex 1ex;
padding:5px;
}
#leftSideBar ul {
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 1em;
padding:0pt;
}
#leftSideBar li {
margin:1ex;
padding:0pt 0pt 1.25ex 0.75ex;
}
#leftSideBar a {
background-color:transparent;
border-bottom:1px dotted #0000FF;
color:#0000FF;
font-family:verdana,arial,sans-serif;
font-size:75%;
text-decoration:none;
}
#leftSideBar a:hover {
background-color:transparent;
border-bottom:0px none;
color:#404040;
text-decoration:underline;
}
#leftSideBar a:active {
background-color:transparent;
color:#404040;
text-decoration:none;
}
#leftSideBar .sideBarText {
background-color:transparent;
color:#0000FF;
display:block;
font-size:75%;
line-height:1.25em;
margin:0pt 0.25ex 1.5em 0.75ex;
padding:0pt;
text-align:left;
}
#leftSideBar .sideBarText a {
text-decoration:none;
}
#leftSideBar .sideBarText a:hover {
color:#404040;
text-decoration:underline;
}
#leftSideBar .sideBarText a:active {
color:#404040;
font-family:verdana,arial,sans-serif;
text-decoration:none;
}
#leftSideBar .thisPage {
background-color:transparent;
color:#404040;
font-weight:bold;
}
#leftSideBar img {
border-right:1px solid #D8D2C3;
margin:0pt;
padding:0pt;
}

/* ##### Main Copy ##### H1 Teal Hex#287D9B 40,125,155 */
#main-copy {
	background-color:#FFFFFF;
	color:black;
	float:left;
	font-size:90%;
	line-height:1.5em;
	padding:10px;
	text-align:left;
	width: 560px;
}
#main-copy h1 {
background-color:transparent;
border-top:1px solid #D8D2C3;
color:#FCA616;
font-family:helvetica,arial,verdana,sans-serif;
font-size:220%;
font-weight:bold;
letter-spacing:-2px;
line-height:1.5em;
margin:1em 0pt 0pt;
padding:1em 0pt 0pt;
text-align:left;
}
#main-copy h2 {
background-color:transparent;
border-top:0px solid #D8D2C3;
color:#0067F4;
font-family:helvetica,arial,verdana,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1.7em;
margin:1em 0pt 0pt;
padding:1em 0pt 0pt;
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:1em 0pt 0pt;
padding:1em 0pt 0pt;
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:#0067F4;
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 #0000FF;
color:#0000FF;
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 #881100;
font-size:95%;
margin:3em;
padding:0.7em;
}
dt {
font-weight:bold;
margin:0pt;
padding:0pt 0pt 0.5ex;
}
dd {
margin:0pt 0pt 1.5em 1.5em;
padding:0pt;
}


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

color:black;
font-size:80%;
font-weight:bold;
margin:1.25ex 1ex;
padding:5px;
}
#rightSideBar .sideBarTitle2 {
background-color:#E6D9B0;
color:black;
font-weight:bold;
padding:5px;
}
#rightSideBar a {
background-color:transparent;
border-bottom:1px dotted #0000FF;
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:1.5em;
margin:0pt;
padding:0pt 2ex 1em;
}
#rightSideBar .more {
display:block;
margin:0pt;
padding:0pt 2ex 1em;
text-align:right;
text-decoration:underline;
}
#rightSideBar .more:hover {
text-decoration:none;
}

#rightSideBar ul li {
	margin:0pt;
	padding:0pt;
}

/* ##### Footer ##### */
#footer {
background-color:#E6D9B0;
clear:both;
color:black;
font-size:70%;
line-height:1.25em;
margin:0pt;
padding:2mm;
text-align:center;
}
#footer div {
margin:0pt;
padding:0pt 0pt 1ex;
}
#footer a {
background-color:transparent;
color:black;
text-decoration:none;
}
#footer a:hover {
color:#616161;
text-decoration:underline;
}