Standard CSS coding habits: Two-column left navigation design, top

/***********************************************/
/* 2COL_LEFTNAV.CSS */
/* Use with template 2col_leftnav.html */
/***********************************************/
/***********************************************/
/* HTML Tag styles Overall considerations */
/***********************************************/
body{
Font-family:arial,sans-serif;
Color: #333333;
line-height:1.166;
margin:0px;
padding:0px;
}
A:link, a:visited, a:hover {
Color: #006699;
Text-decoration:none;
}
a:hover {
Text-decoration:underline;
}
/* Overrides decoration from previous rule for hovered links */
H1, H2, H3, H4, H5, h6 {
Font-family:arial,sans-serif;
margin:0px;
padding:0px;
}
h1{
Font-family:verdana,arial,sans-serif;
font-size:120%;
Color: #334d55;
}
h2{
font-size:114%;
Color: #006699;
}
h3{
font-size:100%;
Color: #334d55;
}
h4{
font-size:100%;
Font-weight:normal;
Color: #333333;
}
h5{
font-size:100%;
Color: #334d55;
}
ul{
List-style-type:square;
}
UL ul{
List-style-type:disc;
}
UL ul ul{
List-style-type:none;
}
label{
Font:bold 100% Arial,sans-serif;
Color: #334d55;
}

/***********************************************/
/* Layout divs Considerations */
/***********************************************/
#masthead {
margin:0;
padding:10px 0px;
border-bottom:1px solid #cccccc;
width:100%;
}
#navBar {
margin:0 79% 0 0;
padding:0px;
#eeeeee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#content {
Float:right;
width:75%;
margin:0;
padding:0 3% 0 0;
}

/***********************************************/
/*component divs Middleware or components, component considerations */
/***********************************************/
#siteName {
margin:0px;
padding:0px 0px 10px 10px;
}

/*************** #pageName Styles **************/
#pageName {
padding:0px 0px 10px 10px;
}

/************* #globalNav Styles **************/
#globalNav {
Color: #cccccc;
padding:0px 0px 0px 10px;
White-space:nowrap;
}
/* ' nowrap ' prevents links from line-wrapping if there is too many to fit on one line
This would force a horizontal scrollbar if there isn ' t enough the all links
Remove rule or change value to ' normal ' if you want the links to Line-wrap */
#globalNav img{
Display:block;
}
#globalNav a {
font-size:90%;
padding:0px 4px 0px 0px;
}

/************* #breadCrumb Styles *************/
#breadCrumb {
font-size:80%;
padding:5px 0px 5px 10px;
}

/**************. Feature Styles ***************/
. feature{
padding:0px 0px 10px 10px;
font-size:80%;
}
. Feature h3{
padding:30px 0px 5px 0px;
Text-align:center;
}
. Feature img{
Float:left;
padding:0px 10px 0px 0px;
margin:0 5px 5px 0;
}
/* Adjust margins to change separation between the feature image and text flowing around it */

/**************. Story Styles *****************/
. story{
Clear:both;
padding:10px 0px 0px 10px;
font-size:80%;
}
. story p{
padding:0px 0px 10px 0px;
}

/************* #siteInfo Styles ***************/
#siteInfo {
Clear:both;
border:1px solid #cccccc;
font-size:75%;
Color: #cccccc;
padding:10px 10px 10px 10px;
margin-top:0px;
}
/* Negative top margin pulls siteinfo up so it top border overlaps (and thus lines up with)
The bottom border of the navBar in cases where they "touch" */
#siteInfo img{
padding:4px 4px 4px 0px;
Vertical-align:middle;
}

/************* #search Styles ***************/
#search {
padding:5px 0px 5px 10px;
border-bottom:1px solid #cccccc;
font-size:90%;
}
#search form{
margin:0px;
padding:0px;
}
#search label{
Display:block;
margin:0px;
padding:0px;
}

/*********** #navBar Link Styles ***********/
#navBar ul A:link, #navBar ul a:visited {display:block;}
#navBar ul {list-style:none; margin:0; padding:0;}
/* hack to fix ie/win ' s broken rendering of block-level anchors in lists */
#navBar Li {border-bottom:1px solid #EEE;}
/* fix for browsers that don ' t need the hack */
Html>body #navBar li {border-bottom:none;}

/*********** #sectionLinks Styles ***********/
#sectionLinks {
position:relative;
margin:0px;
padding:0px;
border-bottom:1px solid #cccccc;
font-size:90%;
}
#sectionLinks h3{
padding:10px 0px 2px 10px;
}
#sectionLinks a:link{
padding:2px 0px 2px 10px;
border-top:1px solid #cccccc;
width:100%;
voice-family: "\"}\ "";
Voice-family:inherit;
Width:auto;
}
#sectionLinks a:visited{
border-top:1px solid #cccccc;
padding:2px 0px 2px 10px;
}
#sectionLinks a:hover{
border-top:1px solid #cccccc;
#dddddd;
padding:2px 0px 2px 10px;
}

/***********. Relatedlinks Styles ***********/
. relatedlinks{
margin:0px;
padding:0px 0px 10px 10px;
font-size:90%;
}
. relatedlinks h3{
padding:10px 0px 2px 0px;
}

/************** #advert Styles **************/
#advert {
padding:10px 0px 0px 10px;
font-size:80%;
border-top:1px solid #cccccc;
}
#advert img{
Display:block;
}

/************** #headlines Styles **************/
#headlines {
margin:0px;
padding:10px 0px 20px 10px;
font-size:80%;
}
#headlines p{
padding:5px 0px 5px 0px;
}

Standard CSS coding habits: Two-column left navigation design, top