* {margin:0; padding:0;}

html, body {
font-family:verdana,sans-serif;
font-size:76%;
font-weight:normal;
color:#000000;
background-color:#fff;
}

body {
color:#000000;
background-color:#fff;
font-size: .9em;
}

/*****************************/
/* Main Layout               */
/*****************************/

body {
margin: 15px 10px 10px 10px;

min-width: 550px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
max-width: 1044px;
margin: 15px auto;         
padding: 0px 10px 0px 10px;
}

#maincontainer {
padding-left: 200px;      /* LC fullwidth */
padding-right: 150px;   /* RC fullwidth + CC padding WAS 150px*/             
}

#maincontainer .column {
position: relative;
float: left;
}

#content {
padding: 20px 0px;       /* CC padding  WAS 20px 0px;*/
width: 100%;
overflow: hidden;
} /*this is the code for the center column*/

#navbox {
width: 180px;             /* LC width */
padding: 0 0px;          /* LC padding */
margin-left: -100%;
right: 200px;            /* RC fullwidth for IE6 */
margin-top: 20px;
position:relative;
} /*this is the code for the position of the left-hand column navigation menu*/

* html body #navbox .navboxsection {
width: 180px;
}


#maincontainer > #navbox {
left: -170px;             /* -(LC fullwidth + CC padding) WAS 170px */ 
  margin-left: expression(document.all.content.offsetWidth * -1); /* Fix for IE7 */
}

#rightcolumn {
width: 150px;             /* RC width */
padding: 0 0px;          /* RC padding */
margin-right: -190px;      /* RC fullwidth + CC padding WAS -190px*/ 
margin-top: 20px;     
} /*this is the code for the right-hand column navigation menu*/

#footer {
clear: both;
}

/*** IE6 Fix  
* html #navbox{
left: 150px; /* RC width */
} ***/


/*****************************/
/* element definitions start */
/*****************************/
ul, ol, dl {
position: relative;  
}

a {
font-family:lucida,verdana,sans-serif;
font-size:1em;
font-weight:normal;
text-decoration:underline;
}

a:link {
color:#0033CC;
background-color:transparent;
}

a img {
text-decoration:none;
border:none;
padding:0px;
margin:0px;
}

h1 {
font-size:1.2em;
text-align:left;
padding:0px;
color:#fff;
}

h1 a {
font-size:1.1em;
text-decoration:none;
font-weight:bold;
color:#ffffff;
background-color:transparent;
}

h1 a:hover, h1 a:visted {
	text-decoration:none;
	color:#ffffff;
	background-color:transparent;
	font-weight: bold;
}

h2 {
text-align:left;
padding:0px;
}

h2 a {
font-weight:normal;
text-decoration:none;
color:#ffffff;
background-color:transparent;
}

/*****************************/
/* Header Styles             */
/*****************************/

div#header {
height:100px;
}

div#headerbackgroundleft {
float:left;
background-image: url(/skins/default/images/header_left_endOnly.jpg);
background-repeat: no-repeat;
height:99px;
width:11px;
}

* html body div#headerbackgroundleft {
margin-right: -5px;
}

div#headermiddle {
background-image: url(/skins/default/images/header.jpg);
background-repeat: repeat-x;
height: 100px;
}

div#headerbackgroundright {
float:right;
background-image: url(/skins/default/images/header_right.jpg);
background-repeat: no-repeat;
height:99px;
width:11px;
}

* html body div#headerbackgroundright {
margin-left: -5px;
}

/* Logo */
div#logo {

width: 50%;
float:left;
}

div#logo img {
margin-left:20px;
}

div#logo h1 a{
color:#fff;
text-align:center;
margin-bottom: 5px;
display: none;
}

div#logo h2 {
text-align:center;
font-weight: normal;
font-size: .8em;
display: none;
}

div#cupolalogo {
position:absolute;
left:65%;
width:100px;
margin-top:0px;
margin-left:-120px;
}

/* Right side of header */
div#headerright {
font-size:1em;
font-weight:bold;
text-align:right;
color:#ffffff;
padding-right: 10px;
padding-top: 5px;
width: 350px;
float:right;
}

div#headerright h3 {
color: #f0b500;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}

div#headerright a {
font-size:1em;
font-weight:normal;
color:#ffffff;
background:transparent;
}

div#headerright span a {
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
}

div#headerright a img {
}

/* Begin Code for the top header menu items (Home, About Us, CSI Contacts)*/

div#globalnavleft {
margin-top: 9px;
z-index: 1000;
}

div#globalnavright {
margin-top: 20px;
}

div#globalnavleft ul li, div#globalnavright ul li{
display:inline;
background-image: url(/skins/default/images/button_background.jpg);
background-repeat: repeat-y;
border-left: 1px solid #999;
margin:0;
padding:5px;
}

div#globalnavleft ul li.firstlink, div#globalnavright ul li.firstlink {
border-left:none;
}

div#globalnavleft ul li.lastlink a span {
color: #ffff00;
font-weight: bold;
font-size: 1.2em;
} 

div#globalnavleft ul li a, div#globalnavright ul li a{
font-size: 1.1em;
color: #fff;
font-weight: bold;
text-decoration: none;
}

/* End Code for the top header menu items (Home, About Us, CSI Contacts)*/

/* Seach Box Sytles */

div#search {
color:#ffffff;
/*background-color:transparent;
height: 20px;
padding-top: 5px;*/
} /*This code is for the search feature at the top of the page*/

form.qs {
text-align:right;
padding:0px;
margin:0px 0px 0px 0px;
}

form.qs p {
font-size:.9em;
font-weight:normal;
padding:0px;
margin:0px;
}

form.qs input.button {
font-size:.9em;
font-weight:normal;
width:35px;
color:#000000;
border:solid 1px #c0d3e2;
padding:0px;
margin:0px;
}

form.qs input.textfield {
font-size:.9em;
font-weight:normal;
padding:0px;
margin:0px;
}

/*****************************/
/* Main Container            */
/*****************************/

div#maincontainer {
}

/*****************************/
/* Left And Right Columns    */
/*****************************/

div#navbox, div#rightcolumn {
font-size:0.9em;
font-weight:normal;
line-height:1.8em;
border: 1px solid #DFECFD;
}/*this code is for the  left/right navigation boxes.  It changes font size and the border around the box*/

div#navbox h5, div#rightcolumn h5 {
font-size:1.4em;
font-weight:bold;
color: #444;
padding:2px 5px 4px 5px;
margin:0 0 0px 0;
} /*this code is for the left navigation box.  It changes the heading text (currently called categories)*/

div#navbox h5 {
width: 170px;
}/*this code is for the width of the left navigation box*/

div#navbox div.navboxsection h5 {
padding-left: 5px;
} /*this code changes the padding of the left navigation box*/

div#navbox h5, div#rightcolumn h5, div#rightcolumnwelcome {
display:block;
background-color:#f2f7fe;
padding-left: 5px;
margin-left: 0px;
} /*this code changes the top blue box on the left navigation box*/

div.login div#rightcolumnwelcome {
font-size: 1.2em;
padding:2px 5px 4px 5px;
background-color:#f2f7fe;
}/*this code changes the top blue box color and font on the right navigation box*/

div.login div {
margin-bottom: 5px;
}/*this code moves the main text of the right navigation box*/

div#navbox h5 a, div#rightcolumn h5 a {
font-size:1.4em;
font-weight:bold;
text-decoration:none;
margin-bottom: 5px;
}

div#navbox ul, div#rightcolumn ul {
list-style-type:none;
padding:0px;
margin:0 0 0 5px;
}

div#navbox li a, div#rightcolumn li a {
display:block;
text-decoration:none;
font-weight: bold;
color: #036;
font-size: 1.1em;
margin-bottom: 4px;
line-height: 1.4em;
}/*this code is for the  left/right navigation boxes.  It changes font size.  It also controls the visit link options*/

div#navbox li {
padding:1px 5px 0px 10px;
margin:0px 0px 8px 0px;
}

div#rightcolumn li {
padding: 1px 5px 0px 10px;
}

div#navbox li li, div#rightcolumn li li {
background-image: none;
list-style-type: decimal;
}

* html body div#rightcolumn ul li {
line-height: .4em !important;
padding-bottom: 0px !important;
}

* html body div#rightcolumn ul li a {
line-height: .4em;
}

div#navbox div.navboxsection, div#rightcolumn div.navboxsection{
color: #00FF00
background-color:#fff;
padding:0px 0px 0px 0px;
margin:0px;
}/*this code changes the text in the main heading box (currently Welcome user) as well as how many users are online*/

div#navbox div.active {
color:#000000;
background-color:#fff0f0;
border:solid 1px #ffc9c9;
padding:0px 0px 20px 20px;
margin:0px;
}

div#navbox div.active h5 {
color:#000000;
background-color:#ffe0e0;
}

div#navbox div.navboxsection div.login {
border-top: 1px solid #ccc;
}

div.login form, div.login div {
margin-left: 5px;
}

div.login form input.submitbutton {
margin-left: 65px;
margin-top: 5px;
}

div.login div#rss {
margin: 20px 0px 10px 15px;
}

div.login div#rss span {
font-size: 1.3em;
vertical-align: .25em;
}

div.login div#usercounter {
margin-left: 15px;
}

/*****************************/
/* Main content area         */
/*****************************/

div#content {
font-size: 1em;/* Internet Explorer needs this */
font-weight:normal;
color:#000000;
}

div#content div.blueboxright {
/*This is a bluebox with small text.*/

	background-color: #f2f7fe;
	padding: 6px;
	border-top-width: thin;
	border-top-style: inset;
	border-bottom-style: outset;
	border-top-color: #9DCEFF;
	border-bottom-width: thin;
	border-bottom-color: #9DCEFF;
	width:300px;
	margin-top: 8px;
	margin-left: 6px;
	margin-right: 6px;
	font-size:.9em;
}
div.blueboxright {
	float: right;
	clear: left;

}

div#content h3 {
font-size:1.6em;
color: #036;
margin-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
}

div#content h3.featured {
font-size: 1.7em;
margin-bottom: 0px
}

div#content h4 {
font-size: 1.2em;
font-weight:bold;
padding:0px;
margin:10px 0px 2px 0px;
color:#003366
}

div#content h4 a {
font-size:1.1em;
font-weight:bold;
text-decoration:none;
}

div#content div#featuredarticles h4 {
}

div#content h5 {
font-size: 1em;
font-weight: bold;
color:#003366;
}

div#content h4 span.top {
font-size:.9em;
font-weight:normal;
}

div#content h4 span.top a {
font-size:.9em;
font-weight:normal;
text-decoration:none;
}

div#content p {
color: #000000;
padding:0px;
margin:2px 20px 10px 0px;
line-height: 1.2em;
font-size: 1.2em;
}
div#content ul, div#content ul ul, div#content ol, div#content ol ol {
padding:0px;
margin:0px 0px 10px 30px;
line-height: 1.4em;
font-size: 1.2em;
}

div#content ul ul, div#content ol ol, div#content ul ol, div#content ol ul {
font-size: .95em;
margin-top: 0px;
line-height: 1.3em;
margin-top: 5px;
}

div#content li  {
color: #000000;
}

div#content em {
font-weight: normal;
font-style: italic;
}

div#content img.left {
margin: 0 10px 10px 0;
float: left;
}

div#content img.right {
margin: 0 0px 10px 10px;
float: right;
}

div#featuredarticles p,div#featuredarticlesright p, div#contentbottom p {
font-size: 1em;
}
   
div#featuredarticles {
width: 50%;
float:left;
margin-right: 10px;

}  

div#featuredarticlesright {
margin-right: 20px;
margin-left: 52%;
}

div#contentbottom {
clear: both;
border-top: 2px solid #CCCCCC;
padding-top: 15px;
} /* this is the style for the horizontal line between featured articles and guest columns*/

div#importantinformation {
	float:left;
	width: 50%;
	margin-right: 15px;
	
}

div#guestcolumns {
	border-left: 1px solid #ccc;
	margin-left: 52%;
	padding-left: 15px;
}

div#content div#becomeauthorheader h3 {
color:#003366;
font-size: 1.6em;
}

div#content div#becomeauthorheader p {
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color:#333;
margin: 0px 20px 10px 20px;
}

/*****************************/
/* Article styles            */
/*****************************/

div#article {
margin-left: 0px;
margin-right: 10px;
}
 
div#articlesubheader {
border-top: 1px solid #DFECFD;
border-bottom: 1px solid #DFECFD;
background-color: #f2f7fe;
margin-bottom: 15px;
padding: 5px 5px 5px 10px;
width: 65%;
line-height: 1.2em;
}

div#articlesubheader dt a {
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
color: #036;
display:block;
margin-bottom: 5px;
}

div#articlesubheader dd {
}

div#articlesubheader div#printlink {
}

div#articlesubheader div#printlink a img{
float:right;
}

div#article p {
line-height: 1.4em;
font-size: 1.2em;
}

div#article img#audience {
float:right;
margin-top: 45px;
}

div#article blockquote{
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.2em;
	font-size: 1.1em;
	padding-top: 5px;
	padding-bottom: 10px;
}

div#article h4 {
	font-size: 1.4em;
	color:#036;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;       
}

div#article h5 {
	font-size: 1.2em;
	color:#0033CC;
	line-height: 1.1em;
	padding-top: 3px;
	padding-bottom: 0px;        
}

div#article h6 {
	font-size: .9em;
	color:#036;
	font-weight: bold;
	line-height: 1.1em;
	padding-top: 3px;
	padding-bottom: 0px;	
}

div#article img {
margin: 0px 10px 10px 10px;
}

div#article hr {
border: none;
background-color: #9DCEFF;
color: #9DCEFF;
height: 1px;
width: 100%
}

.caption1 {
	padding: 1px;
	font-size:.9em;
	font-weight:bold;
	background-color: #f2f7f3;
	color: #003366;
	line-height:1.3em;}

.tbl {
	background-color: #f2f7fe;
	padding: 1px;
	border-top-width: thin;
	border-top-style: inset;
	border-bottom-style: outset;
	border-top-color: #9DCEFF;
	border-bottom-width: thin;
	border-bottom-color: #9DCEFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DCEFF;
	border-left-color: #9DCEFF;
	width: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

.highlightblue {
	font-weight: bold;
	color: #336699;
}

.highlightred {
	font-weight: bold;
	color: #990000;
}

/* this style is to alert admin user that a change needs to be made*/
.highlightgreen {
	font-weight: bold;
	color: #00FF00;
}

.URL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.small-text {
	font-size: 0.9em;
}

.menu-item {
	font-style: italic;
	font-weight: bold;
}

div#article .note, div#article .tip, div#article .editor, div#article .warning {
	background-color: #F4F4F4;
	padding-left: 40px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 475px;
	border-bottom-width: thin;
	border-bottom-style: outset;
	border-bottom-color: #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: thin;
	border-top-style: inset;
	border-top-color: #666666;
	font-size: 1em;
	line-height: 1.2em;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.note {
background-image: url(../../assets/assets/icons/note_xsm.gif)
}

.tip {
	background-image: url(../../assets/assets/icons/tip_xsm.gif)
}

.editor {
	background-image: url(../../assets/assets/icons/editor_xsm.gif)
}

.warning {
	background-image: url(../../assets/assets/icons/warning_xsm.gif);
}

div#article .list {
	background-image: url(../../assets/assets/tri_icon_gold.gif);
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 20px;
	border: 0px solid black;
	margin-left: 1em;
	font-size: .88em;
	padding-top: .3em;
	padding-bottom: .3em;
}

div#article table, div#article tbody, div#article td, div#article tr, {
	border: none;
	font-size: 1em;
}

div#article tr {
margin:0; padding:0;
}
div#article td {
border: 1px solid #ccc;
margin:0px;
padding: 5px;
}

div#article  th {
margin-bottom: 5px;
font-size: 1.2em;
color: #036;
text-align:center;
border: 1px solid #ccc;
margin:0px;
padding: 5px;
}

/*This style is for ul, ol, and li list located in an HTML table format*/
div#article .bulletlist{
	font-size: 1em;
}

/*This style is to simulate linked text*/
.linkedtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0000FF;
	text-decoration: underline;
}

/*This is a bluebox with small text.*/
div#article .sidebarright, div#article .sidebarleft {
	background-color: #f2f7fe;
	padding: 6px;
	border-top-width: thin;
	border-top-style: inset;
	border-bottom-style: outset;
	border-top-color: #9DCEFF;
	border-bottom-width: thin;
	border-bottom-color: #9DCEFF;
	width:300px;
	margin-top: 8px;
	margin-left: 6px;
	margin-right: 6px;
	font-size:.9em;
}
div.sidebarright {
	float: right;
	clear: left;
}
.sidebarleft {
	float: left;
	clear: right;
}

div#article .spiffybutton {
	width: 75px;
	height: 20px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

div#article .spiffybutton a {
	display: block;
	width: 75px;
	height: 20px;
	background: url(../../assets/assets/button2.gif) no-repeat scroll left top;
	text-decoration: none;
	font-weight: bold;
	}

div#article .spiffybutton a:hover {
	background-position: bottom left;
	text-decoration: none;
}

div#article .spiffybuttontxt {
	position: relative;
	height: auto;
	width: auto;
	left: 1px;
	top: 2px;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
}

div#article div#abouttheauthor {
margin: 0px 0px 0px 0px;
}

div#article div#abouttheauthor p 
{font-size: 1em;
}

div#abbouttheauthor {
clear:both;
}

div#comments {
margin-left: 20px;
margin-top: 40px;
padding: 10px;
font-size: 1em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f2f7fe;
width: 85%;
clear:both;
}

div.articlecomment {
margin-left: 10px;
padding: 5px 0px;
}

div.articlecomment strong {
font-weight: bold;
color: #999;
}

strong.author a {
font-size: 1em;
font-weight: bold;
color: #036;
}

form#commentinput {
margin-bottom: 10px;
}

form#commentinput textarea {
width: 75%;
height: 100px;
}

/*********************/
/*   Lightbox        */
/*********************/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 500%;
	height: 500%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/*****************************/
/* User Profile              */
/*****************************/

div.userprofile {
	padding-bottom: 25px;
	padding-top: 10px;
	border-top-color: #000066;
	}

div.userprofile.csidirector.column {
width: 50%;
}

div.userprofile.csistaffmember {
clear: left;
border-top: 1px solid #9DCEFF;
}

div.userprofile.csistaffmember div.column {
margin-top: 10px;
margin-left: 10px;
width:240px;
padding-bottom: 20px;
}

div.userprofile.csistaffmember div.column + div.column {
width: 34%;
}

div.userprofile label {
margin-bottom: 5px;
font-size: 1.3em;
font-weight:bold;
}

div.userprofile h5 {
font-size: 1.2em;
font-weight:bold;
color:#036;
margin-bottom: 10px;
}

div.userprofile ul {
list-style-type:none;
margin: 8px !important;
}

div.userprofile img{
float: left;
margin: 0px 10px 10px 0;
}

div.userprofile dl {
}

div.userprofile dt{
font-size: 1.3em;
font-weight:bold;
margin: 10px 0 5px 0;
}

div.userprofile dd{
font-size: 1.1em;
}

span.errormessage {
font-size: 1.6em;
color: red;
font-weight:bold;
}

span.nicemessage {
	font-size: 1.3em;
	color: #003366;
}


/*****************************/
/* Subcategory listing       */
/*****************************/

div#subcategorylisting .column {
position: relative;
float: left;
width:48%;
}

div#subcategorylisting dt a {
font-size: 1.3em;
font-weight: bold;
}


/*****************************/
/* Article listing           */
/*****************************/

div#subcategorylisting  {
}

div#articlelisting dt a{
font-size: 1.2em;
font-weight: bold;
}



/*****************************/
/* Search Results            */
/*****************************/

div#searchresults p{
font-size: 1em;
}


/*****************************/
/* Forms                     */
/*****************************/
div#formcontainer {
margin-right: 40px; 
font-size: 1em;
}

div.clearfix textarea {
width: 70%;
}

div.clearfix textarea.articlecontentinput {
height: 600px;
}

div.clearfix textarea.aboutauthor, div.clearfix textarea.articlecontentinput {

}

/* adjust top margin for your context */
div#formcontainer h2 {
margin:20px 0 0 0px; 
font-weight:bold; 
font-size:1.2em;
} 

/* modifies 'delete' like after 'Issues' heading */
h2 span {
font-size:.7em;
font-weight: normal;
}

div#formcontainer h3 {
margin:20px 0 0 10px; 
font-weight:bold; 
font-size:1em;
} 

div#formcontainer a {
font-size:.8em;
color:#CC0000;
}

div#formcontainer p {
font-size:.7em;
}

div#formcontainer h4 {
margin:0 0 5px 10px; 
font-weight:normal; 
font-size:.75em;
}

/* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer form  {
border-top: 1px solid #ddd; 
border-bottom: 1px solid #ddd;
}

div#formcontainer form.nostyle {
border:none;
}

/* adds the line above each section and provides vertical spacing */ 
div#formcontainer div.clearfix {
border-top: 1px solid #ddd; 
border-bottom: 1px solid #ddd;
padding: 10px 0px;
/*vertical-align:top;*/
background-color: #f2f7fe;
}

div#formcontainer div.clearfix span.red {
color: #f00;
}

div#formcontainer div.clearfix.nobordertop {
border-top:none;
}

div#formcontainer div.clearfix.noborderbottom {
border-bottom: none;
}

 /* this is the text label on the left of each input */ 
div#formcontainer form label {
padding:0 0 0 0;
width:100px; 
float:left;
font-size:1.2em; 
color: #003366;   
margin:0 5px;
}

/*some extra styles for the checkbox and radio button sets*/	
 /* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes/ lists */
div#formcontainer div.buttongroup {
float:left; 
margin:0px;
margin-left: 20px; 
padding:0px;
border:none;
width: auto;
}

/* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons lists and table cells */
div#formcontainer div.buttongroup div {
margin-bottom:10px; 
font-size: 1em;
}

div#formcontainer div.buttongroup div span a{
font-size:.7em;
color:#cc0000;
}
div#formcontainer div.buttongroup div a {
font-size: 1.2em;
}

div#formcontainer div.buttongroup div a {
color:#00F;
}

div#formcontainer input[type="submit"] {
display:block; 
margin-left:auto; 
margin-right:70px;
}

/*****************************/
/* Right content area        */
/*****************************/

div#rightcolumn {
}

/*****************************/
/* Footer styles             */
/*****************************/

div#footer {
color:#555555;
font-size:.9em;
border-top:solid 1px #cccccc;
padding:10px 5px 10px 5px;
clear:both;
}

div#footer a {
}

div#footer div#copyright {
text-align:center;
}          

/*****************************/
/* Clearfix                  */
/*****************************/            
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
            
.columnwrapper {
float: left; 
background: url(/skins/default/images/bottom_border.gif) bottom center no-repeat; 
padding-bottom: 1px;
margin-left:auto;
margin-right:auto;
}

.inner {
float: left; 
overflow: hidden;
}

.inner div {
float: left; 
background: #f2f7fe; 
border: 1px solid #9DCEFF;
width: 300px;
padding-left: 3px;
padding-top: 5px;
padding-right: 3px;
margin-right: 5px; 
margin-bottom: -1000px; 
padding-bottom: 1000px; 
}

.inner .col2 { 
background: #f2f7fe; 
margin-right: 0; 
}

div#article *.clear {clear: both; padding-top: 30px;}