/*MAIN PAGE CONTENT START*/

div#main-container { width:100%; height:auto; }

/*MAIN PAGE - LEFT SIDE - START*/

div#main-left-side { position:relative; display:inline-block; zoom:1; *display:inline; width:664px; height:auto; border-bottom:solid 1px #666666; }

div#main-left-side a { text-decoration:none; color:inherit; }


/*USED A BACKGROUND IMAGE HERE BECAUSE I COULD RESOLVE THE ISSUE WITH THE DIV NOT DISPLAYING PROPERLY WHEN THE HEIGHT WAS SET TO 100%*/

#article-outer-container { width:664px; height:auto; background-color:#eef5ff; background-image:url(../images/vert-expand-bg.png); background-repeat:repeat-y; padding:0px 0px 30px 0px; margin:0px; min-height:1600px; height:auto !important; height:1400px; }

#article-outer-container { width:auto; height:auto;  font-family:Arial, Helvetica, San-Serif; font-size:16px; color:#4D4D4D; } 

#single-top-gradient { width:642px; height:10px; background-image:url(../images/single-post-top-gradient.jpg); background-repeat:repeat-x; border:solid 1px #676566; }

#article-container { width:550px; height:100%; margin:40px auto; }

#article-container h3 { color:#333; text-align:center; margin-bottom:20px; font-size:22px; }

#article-container h4, #article-container h5, #article-container h6  { color:#333; margin-bottom:10px; font-size:18px;}

#article-container p { margin-bottom:10px; color:#333; line-height:1.4em; }

#article-container p a { font-weight: bold; color:#000080; }

#article-container p a:hover { text-decoration: underline; }

#article-container ul { margin-bottom: 10px; padding-left: 30px; }

#article-container ul li { line-height: 1.4em; margin-top: 5px; }




/*MAIN PAGE - LEFT SIDE - END*/

/*MAIN PAGE - RIGHT SIDE - START*/

div#main-right-side { display:inline-block; zoom:1; *display:inline; width:275px; height:auto/*1635px*/; vertical-align:top; margin:0px 10px 0px 0px; }

div#right-side-container { width:100%; height:auto; background-color:#666666; border:solid 1px #676566; }

nav#rightside-navigation h2 { width:275px; font-family:JackInput; font-size:18px; color:#001a37; margin-top:25px; padding:9px 0px 0px 9px; font-weight:normal; }

nav#rightside-navigation h2:nth-child(1) { height:53px; background-image:url(../images/nav-box-blue.png); background-repeat:no-repeat; }

nav#rightside-navigation h2:nth-child(2) { height:53px; background-image:url(../images/nav-box-yellow.png); background-repeat:no-repeat; }

nav#rightside-navigation h2:nth-child(3) { height:53px; background-image:url(../images/nav-box-blue.png); background-repeat:no-repeat; }

nav#rightside-navigation h2:nth-child(4) { height:31px; background-image:url(../images/nav-box-yellow-sm.png); background-repeat:no-repeat; }

nav#rightside-navigation h2:nth-child(5) { height:31px; background-image:url(../images/nav-box-blue-sm.png); background-repeat:no-repeat; }

div#excerpt { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#FFF; padding:40px 15px 20px 15px; }

div#excerpt cite { font-weight:bold; color:#f9f393; font-style:normal; }

footer#main-footer { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#FFF; padding:20px 15px 20px 15px; }

footer#main-footer span { font-weight:bold; color:#d3e7ff; }

div#grey-fade { display:inline-block; zoom:1; *display:inline; width:277px; height:190px; background-image:url(../images/grey-fade.png); background-repeat:repeat-x; margin:0px 10px 0px 0px; }
	
/*MAIN PAGE - RIGHT SIDE - END*/