/* SC State Library Styles - Copyright South Carolina State Library/*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/


/********************* STANDARD TAGS **********************/
html, body {
    height: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal 90% Sans-serif, verdana, times new roman, arial;
	/*background: #113355;*/
              background: #00BFFF;
    line-height:1.6em;
    color:#333;
}

a { 
	color: #113355; 
	text-decoration: underline; 
}

a:visited { 
	}

a:hover { 
	color: #3A91C7;
	}

.componentheading{
	margin: 0px;
	color: #3A91C7;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
	margin-bottom: 10px;
}

.readon{
	font: 90% Sans-serif, verdana, times new roman, arial;
}

.article_seperator {
	background: url(../images/dots.gif) center left repeat-x;
	display: block;
	width: 100%;
	height: 7px;
}

.createdate{
	font: 90% Sans-serif, verdana, times new roman, arial;
	color: #999;
}

.contentpagetitle{
    font-weight: bold;
	margin-bottom: -5px;
}

a.contentpagetitle{
    text-decoration: none; 
}

.contentpaneopen{
	 font: normal 90% Sans-serif, verdana, times new roman, arial;
	line-height: 1.5em;
	text-align: justify;
	}

li{
      margin-bottom: 1.5em;
}

textarea{
    background: #fff;
}
/********************** NAVIGATION **********************/

/*** Main navigation rules ***/
div#top table.moduletable{
        height: 66px;
        width: auto;
}

#top ul#mainlevel{
   text-align: right;
   display: inline;
}

#top ul#mainlevel li{
   display: inline;
   background: none;
   padding: 0;
}


#top ul#mainlevel li a{
	padding-left : 1em;
	padding-right : 1em;
	font-weight: bold;
	font-size: 13px;
	color: #113355;
	text-decoration: none;
	float : left;
	margin: 0;
	height: 66px;
	border-left: 1px solid #fff;
	line-height: 66px;
}


#top ul#mainlevel li a:hover{
   background-color : #3A91C7;
   color: #fff;   
}

/***********************LEFT NAV ************************/
#left_nav .moduletable
{
    width: 260px;
    margin: 0;
    padding: 0;
    text-align: left;
	background: #FE0000;
}

#left_nav .moduletable th{
	padding: 8px;
	margin: 0px;
	color: #fff;
	font: bold 130%;
	text-align: left;
	background: #BF0000 url(../images/menu_bk.gif) top left repeat-x;	
	border-bottom: 1px solid #ccc;
}

#left_nav ul {
	/*border-top: 0px dotted #ccc;*/
	/*padding: 5px 0px 5px 10px;*/
    padding: 0;
	margin: 0;
	/*background-color: #EFEBD7;*/
}

#left_nav ul li {
	display:block;
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

#left_nav ul li a {
	display:block;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

#left_nav ul li a:hover {
	background-color: #3A91C7;
}

/********************* LAYOUT **********************/
#page {
    margin: 0 auto;
    min-height: 100%;
    height: auto;
	padding: 0px;
	width: 780px;
	text-align: center;
	background: #fff;
	border-top: 3px solid #c00;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#top { 
	width: 780px;
    height: 66px;
	background: url(../images/top_bk.gif) repeat-x;
	border-bottom: 1px solid #fff;
}

#top #logo { 
	width: 385px;
    height: 66px;
	background: url(../images/logo.gif) 0 0 no-repeat;
	float: left;
}

#top #menu { 
    width: 350px;
	height: 66px;
	float: right;
	text-align: right;
}


#content_container{
   width: 780px;
   height: auto;
 }
 

#left{
	float: left;
	margin: 0;
	width: 260px;
	height: auto;
	background: #DDE;
	border-right: 1px solid #fff;
	text-align: center
}


#left #left_nav{
	margin: 0;
	width: 260px;
	height: 210px;
	background: #c00;
	text-align: left
    border-bottom: 1px solid #fff;
}

#left #content{
	margin-top: 0px;
	width: 260px;
	height: auto;	
	background: url(../images/quote.gif) 0 0 no-repeat;
	text-align: left;
}

#left #content h2 {
	margin: 8px;
	color: #BF0000;
	font-weight: bold;
	font-size: 130%;
}

#left #content #quotes{
     width: 240x;
     margin: 8px;
	 font: normal 100% Sans-serif, verdana, times new roman, arial;
	color: #5e5e5e;
	line-height: 1.5em;
}

	
#right{
	float: right;
	width: 519px;
    min-height: 100%;
    height: auto;
	margin: 0;
	font-size: 100%;
	text-align: center;
}

#right #pic {
   width: 519px;
   height: 210px;
   background: #3A91C7 url(../images/globe.gif) bottom right no-repeat;
   border-bottom: 1px solid #fff;
   color: #fff;
}

#right #pic #text{
   width: 490px;
   height: 210px;
   float: left;
   margin-left: 8px;
   padding-top: 8px;
   text-align: justify;
   font-size: 100%;
   font-weight: bold;
   line-height: 1.7em;
}

#right #pic #link{
   margin-left: 200px;
   }

#link a{
   font-weight: bold;
   font-size: 110%;
   color: #fff;
   text-decoration: none;
   }
  
#link a:hover{
   text-decoration: underline;
   }
   
#right #content{
     padding: 8px;
     width: 500px;
	 font: normal 100% Sans-serif, verdana, times new roman, arial;
	line-height: 1.5em;
	text-align: justify;
}




/****************** FOOTER ******************************/
#footer1{
       clear: both;
       width: 780px; 
       height: auto;
       margin: 0px;
	   border-top: 1px solid #c00;
}

#copyright{
       padding-left: 15px;
	   margin-top: 10px;
       color: #000;
       clear: both;
	   text-align: justify;
}

#footer2{
       clear: both;
       width: 760px; 
       height: auto;
       margin: 0px;
       background-color: #fff;
}

#address{
       margin-left: 10px;
       padding-top: 3px;
       padding-bottom: 3px;
       color: #000;
       clear: both;
	   text-align: left;
}

#address li{
	list-style-type: none;  
	margin-left: -30px;     
}