/* Universal Selectors*/

*  {list-style-type: none;}
* a:link, * a:visited, * a:hover, * a:active {text-decoration: none;color: #444;}
ul, li, ol {margin: 0px;padding: 0px;list-style-type: none;}
:link img {border: none;}
* img {border: none;}
a img {border: none;}
:link img, :active img {border: none;}

/* Structure*/

body {

margin: 0 0 0 0;
height:100%;
background: #444;
font-size: 80%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #444;

}


#top {
margin-top: 20px;
margin-right: 30px;


}

div.row span.left {
  float: left;
  text-align: left;
  
  }

div.row span.right {
  float: right;
  text-align: right;
  
  }


#wrapper {


	
	background:#444;
	

border-top: 1px solid #000;	
border-bottom: 1px solid #333;
border-right: 0 solid #444;
}

#logout {

background: #f0f0f0 url(cloud_bg.png) bottom right repeat-x;
padding: 0 17px 17px 0;
text-align: right;

}


#feature_container{ height:100%; }







#main {

background: #fff url(images/up.gif) bottom right no-repeat;
overflow: hidden;
height: 1%;

}





#site_by {

margin-top:15px;
padding-right: 30px;
height: 30px;
text-align: right;
font-size: 85%;
font-weight: 110%; 
letter-spacing: .1em;   
color: #999;

}



/* Components*/



#logo {float: left; margin: 20px 0 0 20px;}

#container {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
#container1 {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
#container2 {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
#container3 {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
#container4 {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
#container5 {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
#container6 {background:#fff;  width: 300px; margin:0; padding:0 15px 0 15px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2em; color:#00AEEF;}
.xsnazzy h2 {font-size:1.5em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em;  color:#444;}
.xsnazzy h2 {padding-top:0.2em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#e0e0e0; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.xb1 {margin:0 8px; background:#e0e0e0;}
.xb2 {margin:0 6px; background:#e0e0e0;}
.xb3 {margin:0 4px; background:#e0e0e0;}
.xb4 {margin:0 3px; background:#f5f5f5; border-width:0 5px;}

.xb5 {margin:0 2px; background:#f5f5f5; border-width:0 4px;}
.xb6 {margin:0 2px; background:#f5f5f5; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#f5f5f5; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#f5f5f5; border:3px solid #e0e0e0; border-width:0 3px;}




#container_help {background:#fff;      }
#container_fact {background:#fff; }
#container_info {background:#fff;      }
#container_resource {background:#fff;      }
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2em; color:#00AEEF;}
.xsnazzy h2 {font-size:1.5em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em;  color:#444;}
.xsnazzy h2 {padding-top:0.2em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#e0e0e0; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.xb1 {margin:0 8px; background:#e0e0e0;}
.xb2 {margin:0 6px; background:#e0e0e0;}
.xb3 {margin:0 4px; background:#e0e0e0;}
.xb4 {margin:0 3px; background:#f5f5f5; border-width:0 5px;}

.xb5 {margin:0 2px; background:#f5f5f5; border-width:0 4px;}
.xb6 {margin:0 2px; background:#f5f5f5; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#f5f5f5; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#f5f5f5; border:3px solid #e0e0e0; border-width:0 3px;}





/* Tables */


table {
                margin-top: 10px;
		border:1px solid #f5f5f5;
		border-collapse:collapse;
		font-family:arial,sans-serif;
		font-size:90%;
	}
td,th{
		border:1px solid #f5f5f5;
		border-collapse:collapse;
		padding:5px;
	}
tbody td{
		background:#f5f5f5;	
	}
	tbody tr.odd td{
		background:#f5f5f5;
	}


/* XML */

.item {

padding: 20px 0 10px 0;
font: 1.1em/2.2em verdana,"lucida grande",helvetica,arial,tahoma,sans-serif;
color: #444;
text-align: justify;

}

.itempubdate {

padding-top: 5px;
color: #999;
font-size: 95%;

}

#container a:hover {

color: #c40000;
text-decoration: none;

}



/* Navigation Links */


#site_by a {color: #fff;}
#site_by a:hover {color: #fff;}
#footer a {color: #999;}
#footer a:hover {color: #d50509;}

#sidebar a {text-decoration: underline;}
#sidebar a:hover {color: #06c; text-decoration: none;}



/* Forms */




/* Headings*/

h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
color: #444;text-decoration: none;margin: 0px;padding: 0px;font-weight: normal;font-family: 'Trebuchet MS', Verdana, Sans-Serif;}
h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.6em; margin-bottom: 5px;}
h4 {font-size: 1.6em;}
#sidebar h3 {padding-bottom: 15px;}
#left h2, #right h2 {color: #444;}

/* Typography*/

#content a, #left a, #right a {color: #06c; text-decoration: underline;}
#content a:hover {text-decoration: none;} 
#content p {font: 1.1em/2.2em verdana,"lucida grande",helvetica,arial,tahoma,sans-serif;padding: 5px 0;color: #444;text-align: justify;}
#content p .right {font: 1.1em/2.2em verdana,"lucida grande",helvetica,arial,tahoma,sans-serif;padding: 5px 0;color: #444;text-align: right;}
#left p, #right p {font: 1.1em/1.8em verdana,"lucida grande",helvetica,arial,tahoma,sans-serif;padding: 5px 0;color: #000;}
#sidebar p {font: 95% verdana,"lucida grande",helvetica,arial,tahoma,sans-serif; margin-top: 10px; padding: 0 5px 0 5px;color: #666; text-align: center; line-height: 170%;}
#sidebar .img {padding: 6px; border: 1px #ccc solid;}
#top a {color:#999;}
#top a:hover {color:#06c;}


/* Lists*/

#header3 {background: #fff;}
#header3 ul {padding: 20px 0 25px 15px;}
#header3 ul li {display: inline;}
#header3 ul li a {font-size: 1em;padding: 15px 30px 25px 30px;margin-top: 5px;}
#header3 ul li a:hover {color: #06c;}
#sidebar ul {padding: 5px 10px 0 30px; }
#sidebar li {font: 85% verdana,"lucida grande",helvetica,arial,tahoma,sans-serif; list-style: square; line-height: 140%; color: #666;} 
#content ul {padding: 10px 0 0 25px; }
#content li {font: 1.1em/2.2em verdana,"lucida grande",helvetica,arial,tahoma,sans-serif;line-height: 25px; list-style: square;} 

 

/* Extras*/

.menu_icon {

float: left;
padding: 0 5px 0 5px;

}

.menu_icon2 {

float: left;
padding: 10px 5px 10px 5px;

}

.content_icon {

float: left;
padding: 9px 10px 9px 10px;

}

.expand_content_icon {

float: right;
padding: 6px 10px 6px 0;

}