/* CSS Document */
/* ACCESSIBILITY/SCREEN-READER */
.hide{position:absolute; left:-9999px; top:-9999px}

body{background:#FFF; color:#444; font-family:Verdana,Arial,Helvetica,sans-serif}

/* links - remember to define focus styles! */
a:link, a:visited{color:#1d88e2; text-decoration:none}

a:hover, a:active{color:#1d88e2; text-decoration:underline}

a:focus{color:#1d88e2; text-decoration:underline}

.blue{color:#1d88e2}

/* Head*/
#header{width:100%; height:210px; background:#1f80dc url(../images/header_grade.jpg) repeat-x bottom}

.head_container{width:990px; height:210px; margin:0px auto; background:#1f80dc url(../images/header.jpg) no-repeat center bottom}

/*top navigation*/
#header .nav-menu{padding-top:14px; width:100%; display:block}

#header .nav-menu ul{margin-left:19px; height:42px; float:left}

#header .nav-menu li{float:left; margin:0 1.5em 0 0}

#header .nav-menu li.no_image{position:relative; top:9px}

#header .nav-menu li a{display:block; float:left; color:#FFF; font-size:0.8em; text-align:center}

#header .nav-menu li a:hover{text-decoration:none}

#header .nav-menu li a img{position:relative; top:7px; left:-5px}

/* search*/
#search{width:360px; position:relative; top:55px; left:610px}

#search label{display:none}

#searchText{border:none; background:url(../images/searchbox.jpg) no-repeat left top; width:223px; height:24px; margin:0; padding:6px 0 0 32px}

#submit{border:none; background:url(../images/searchbutton.jpg) no-repeat left top; text-transform:capitalize; text-indent:-1000%; width:80px; height:30px; margin:0; padding:0; cursor:pointer; position:relative; top:1px; left:-6px; _left:-11px; /left:-11px}

/*tabbed navigation*/
.current{z-index:4000 !important}

#header .tab-menu{float:right; position:relative; top:83px; right:45px}

#header .tab-menu ul{height:40px; list-style:none; margin:0; padding:0; float:right}

#header .tab-menu li{height:40px; background:url(../images/tab24.png) no-repeat; _background:url(../images/tab.png) no-repeat; float:left; margin:0 0px 0 -20px; padding-left:45px; position:relative}

#header .tab-menu li.red{background:url(../images/red_tab24.png) no-repeat; _background:url(../images/red_tab.png) no-repeat}

#header .tab-menu li.blue{background:url(../images/blue_tab24.png) no-repeat; _background:url(../images/blue_tab.png) no-repeat}

#header .tab-menu li.green{background:url(../images/green_tab24.png) no-repeat; _background:url(../images/green_tab.png) no-repeat}

#header .tab-menu li.pink{background:url(../images/pink_tab24.png) no-repeat; _background:url(../images/pink_tab.png) no-repeat}

#header .tab-menu li a{   background:#FFF url(../images/tab24.png)  no-repeat 100% 0;     color:#FFF;     display:block;     float:left;     line-height:3.2em;     font-size:0.8em;     padding-right:30px}

#header .tab-menu li.red a{   background:#FFF url(../images/red_tab.png)  no-repeat 100% 0}
 
#header .tab-menu li.blue a{   background:#FFF url(../images/blue_tab.png)  no-repeat 100% 0}
 
#header .tab-menu li.green a{   background:#FFF url(../images/green_tab.png)  no-repeat 100% 0}
 
#header .tab-menu li.pink a{   background:#FFF url(../images/pink_tab.png) no-repeat 100% 0}

/* Seperator Line*/
#line{width:100%; height:10px; margin:0; padding:0; position:relative; z-index:5000; overflow:hidden}

.orange_line{background:#ffa331}

.red_line{background:#dc1505}

.blue_line{background:#4396e9}

.green_line{background:#8bb727}

.pink_line{background:#f13094}

/* Main Content*/
#mainContent{padding-bottom:25px; width:100%; background:#e9f0fc url(../images/content_x.jpg) repeat-x top; float:left}

#mainContent .article_right h1, #mainContent h1 {margin:0 0 10px 0; font-size:1.1em; padding:0 0 25px 0; background:url(../images/title_dash.jpg) repeat-x left bottom}

#mainContent .article_right h2, #mainContent h2{margin:10px 0 10px 0; font-size:1.0em; padding:0 0 25px 0; background:url(../images/title_dash.jpg) repeat-x left bottom}

#mainContent .article_right h3, #mainContent h3{margin:10px 0 10px 0; font-size:0.9em}

#mainContent .right p.date {margin:10px 0 10px 0; font-weight:bold; font-size:0.8em}

#mainContent .article_right p, #mainContent p{margin:10px 0 10px 0; font-size:0.8em}

#mainContent .article_right p a, #mainContent p a{font-weight:bold}

#mainContent .article_right ul, #mainContent ul {}

#mainContent .article_right ul li, #mainContent ul li {padding:7px 10px; margin:0 0 10px 0; font-size:0.8em}


/* Main Area*/
#mainContent .content{width:960px; margin:0px auto 25px auto}

#mainContent .content .wrapper{min-height:600px; _height:600px; background:#FFF url(../images/content_curve.jpg) no-repeat center bottom; float:left}

#mainContent .content .wrapper .padding{padding:30px; float:left}

#mainContent .content .wrapper .article_padding{padding:30px 40px 30px 20px; float:left}


/* Main Area*/
/* Main Area - image*/
#mainContent .image_1{width:445px; margin-right:10px; margin-bottom:20px; _margin-bottom:0px; overflow:hidden; float:left}

#mainContent .image_2{width:445px; margin-bottom:20px; _margin-bottom:0px; overflow:hidden; float:right}

*HTML img.shadow {margin-top:-3px;}

/* Main Area left*/
#mainContent .left{width:425px; float:left}

/* Main Area article_left*/
#mainContent .article_left{width:240px; float:left}

/* side nav*/
#side_nav_head{background:url(../images/side_nav_head.jpg) no-repeat left top; float:left}

#side_nav{width:215px; background:#FFF url(../images/side_nav.jpg) repeat-y left top; float:left}

#side_nav ul{font-size:1.1em; clear:left}

#side_nav ul.side{height:40px; background:url(../images/ribbon.jpg) no-repeat left top; padding:6px 0 0 20px}

#side_nav ul.side li a{color:#FFF}

#side_nav ul.side2{width:170px; padding-left:20px; float:left}

#side_nav ul.side3{width:170px; padding-left:20px; float:left}

#side_nav ul.side2 li{clear:left; margin:5px 0}

#side_nav ul.side3 li{clear:left; padding:5px 0 5px 10px}

ul.side3 li a{padding:0 0 0 30px; background:none}

ul.side2 li.on a{font-weight:bold;} 

ul.side3 li.on a{background:url(../images/black_side3.png) no-repeat left -2px;}

*HTML ul.side3 li.on a {background-position:left top;}

*+HTML ul.side3 li.on a {background-position:left top;}

#side_nav ul.side2 li a, #side_nav ul.side3 li a{display:block; font-size:0.9em; color:#444}

#side_nav_base{background:#FFF url(../images/side_nav_base.jpg) no-repeat left top; float:left}


/* Main Area article_right*/
#mainContent .article_right{width:660px; float:right}

#mainContent .article_right #bread{margin:0px 0 20px 0; font-size:0.7em; width:660px}

#mainContent .article_right #bread a{color:#444; font-weight:bold}

/* Main Area article_2.asp advert area*/

#mainContent .article_right .article_right_1{width:400px; float:left}

#mainContent .article_right .article_right_2{width:220px; float:right}

#mainContent .article_right .article_right_2 .advert_1 {width:220px; margin: 0 0 20px 0; float:left}

#mainContent .article_right .article_right_2 .advert_2 {width:220px; float:left}

/* quotation styles*/

.Quote{font-size:0.9em; font-weight:bold; color: #1589FF; margin:0 30px 10px 20px; padding:10px; float:right; width:45%;}

.Quote img{margin:3px; vertical-align:middle}

/* Category styles */
#mainContent .article_right .category_item{width:660px; padding:0px 0 35px 0; margin:0; background:url(../images/title_dash.jpg) repeat-x left bottom}

.category_item p.box img{float:left; margin:0 10px 10px 0}

#mainContent .article_right #grey{width:630px; padding:15px; background:#efefef}

#mainContent .article_right p.results{font-weight:bold; font-size:0.9em}

/* Forms*/
#mainContent label{display:block; font-size:0.8em; margin-bottom:2px}

#mainContent input, #mainContent textarea{border-color:#1f80dc; color:#333; font-family:arial; clear:left; width:300px; overflow:hidden; font-size:0.8em; }

#mainContent input[type="radio"] { border-style:none; } 

#mainContent .required{font-size:0.8em; clear:left}

#mainContent .userbuttons input{color:#FFF; background:#1f80dc; border:1px solid #1f80dc}

#mainContent .userbuttons input:hover{text-decoration:underline; border:1px solid #000}

#mainContent .AutoFormFieldHolder{MARGIN:0;PADDING:0;}

#mainContent .FormErrors li{font-weight: bold;font-size: 0.9em;color: #ff0000;list-style: none;}
#mainContent .FormErrors ul{padding:0px;margin: 10px 0px 10px 20px;}
#mainContent .FormErrorsSM li{font-weight: bold;font-size: 0.9em;color: #ff0000;list-style: none;}
#mainContent .FormErrorsSM ul{padding:0px;margin: 10px 0px 10px 20px;}

#mainContent .Red {color:#FF0000;display:inline;padding-right:5px;}

#mainContent P.FormSummary {clear:both;}
					
	
/* ---------------------  BLOG MAIN PAGE -------------------------------*/

				.BLOG_MainTitle {clear:left;margin-bottom:10px; font-size:80%;}
				.BLOG_TitleTop{background:url('../includes/images/backgrounds/articlenav-bg.jpg') repeat-x; margin-top:0px; font-weight: bold;color: #000000;}
				.BLOG_Title{margin-top:15px; font-weight: bold; padding: 0px; color:#9ECE22; line-height:25px;}
				.BLOG_Image {margin-top:20px; border:1px solid #cccccc; padding:3px; clear:left;}
				.BLOG_Text {width:200px; clear:left; margin:10px 50px 0 0;color:#666666;}
				.BLOG_Text p {float:left; width:200px; margin:0px 0px 0 0;color:#666666;}
				.BLOG_EntryDate {color:#999999; font-size:100%; padding-left:5px; font-weight:normal;}
				.BLOG_Author{color: #999999; padding-top:5px; clear:left; font-size:80%;}
				.BLOG_Seperator {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top:15px; height:1px; clear:both;}
				.BLOG_CommentsTxt{color: #999999; font-size:80%; padding-top:10px; clear:left;}
				.BLOG_CommentsTxt a{padding-top:10px; text-decoration:underline;}
				.BLOG_CommentsTxt a:hover{padding-top:10px; text-decoration:none;}
				
				/* Author Top Styles */
				.BLOG_AuthorTop{color: #999999; padding-top:5px; padding-bottom:5px;  width:310px; float:left;Clear:both;}
				.BLOG_EntryDateTop {color:#999999; padding-left:5px; font-weight:normal;}
				.BLOG_AuthorsImageTop {margin:0 0 5px 0;  text-align:center;}
				.BLOG_AuthorsImageTop img{border:1px solid #cccccc; padding:3px;}
				.BLOG_AuthorsImageTop a{text-decoration:none;clear:left; padding:0px; margin:0px;}
				.BLOG_AuthorsImageTop a:hover{text-decoration:underline;}
				.BLOG_AuthorsImageTop a:visited{text-decoration:none;}
				.BLOG_AuthorImageHolder {width:290px;float:left;border:1px solid #FF0000;}
				.BLOG_AuthorTextTop {margin:10px 0 10px 0; clear:both; float:left;width:280px;}
				
				/* Archive Right Styles */
				.BLOG_Archive {float:left; padding:0px; margin:0px; margin-bottom:15px; width:180px; font-size:80%;}
				.BLOG_ArchiveTitle {color:#999999; margin:20px 0 5px 0; border-bottom:1px dotted #999999; clear:both;}
				.BLOG_Archive ul.BLOG {list-style:none; padding:0px; margin:0px; margin-top:20px; line-height:21px;}
				.BLOG_Archive ul.BLOG a{text-decoration:none; padding:0px; margin:0px;}
				.BLOG_Archive ul.BLOG img{padding:0px; margin:0px; margin-right:10px; border:none;}
				.BLOG_Archive ul.BLOG a:hover{text-decoration:underline;}
				.BLOG_Archive ul.BLOG a:visited{text-decoration:none;}
				.BLOG_ArchiveMonth {padding:0px; margin:0px; clear:left;}
				.BLOG_ArchiveMonth a {padding:0px; margin:0px; }
				.BLOG_ArchiveMonth a img{padding:0px; margin:0px; border:none;}
				.BLOG_ArchiveItem{padding:0px; margin:0px; padding-left:42px;}
				
				
				/* -------------  BLOG COMMENTS PAGE ---------------------*/
				.BLOG_CommentsHolder{padding-left:10px;}
				.BLOG_CommentTitle { width:100%; height:29px; background:url('../includes/images/backgrounds/articlenav-bg.jpg') repeat-x; padding: 10px 0 0 10px; color:#ed1d24; line-height:28px;}
				.BLOG_CommentAuthor{color:#ed1d24; padding:5px 0 0 10px;}
				.BLOG_CommentDate{color: #999999; padding:5px 0 0 10px;}
				.BLOG_Comment{padding:5px 0 0 10px;}
				.BLOG_CommentsBg {background-color:#ff0000;}
				.BLOG_CommentsSubmit {margin:20px 0 0 0;}
				.BLOG_Seperator {border-bottom:1px solid #cccccc; height:1px; width:95%; margin-bottom:15px;}
				.BLOG_AddComment{padding:20px 0 20px 10px;}
				.BLOG_AddCommentPurple{padding:20px 0 20px 10px;}
				.BLOG_AddComment b{color:#ed1d24;}
				.BLOG_FormBox{border:solid 1px #FF0000;}
				.BLOG_button {font-size:11px; border:#999999 1px solid; color:#818181; height:17px; margin-top:15px;}
				.BLOG_TextBox {border:1px solid #3793D7;}
				
				body.none h1{padding-left:10px;}	
	
	
				

/* sitemap*/
#grey ul.site li{padding:7px 10px; margin:0 0 10px 0; font-size:0.8em}

#grey ul.site li a{color:#333}

ul.site2 li{background:#none; padding:7px 10px; margin:0 0 10px 0; font-size:0.8em}

ul.site2 li a{padding:0 0 0 30px; background:url(../images/black_side3.png) no-repeat left 35%; color:#333}

ul.site2 li img{float:left; margin:0 10px 0 0}

ul.site3 li{padding:7px 10px 7px 40px; margin:0 0 10px 0; font-size:0.8em}

ul.site3 li a{padding:0 0 0 30px; background:url(../images/black_side3.png) no-repeat left 35%; color:#333}

ul.site3 li img{float:left; margin:0 10px 0 0}

/* Main Area right - Home styles*/
#mainContent .right{width:425px; float:right}

/* Homepage Buttons*/

#mainContent .bubwrap {width:425px; clear:right; float:right;padding:0; margin:20px 0 20px 0}

*HTML .bubwrap img.top {position:relative;top:3px;}

*+HTML .bubwrap img.top {position:relative;top:3px;}

#mainContent .bubwrap .bubble{background:#cde0ff; padding:0px 20px; float:left}

#mainContent .bubwrap .bubble p {width:385px; font-size:1.0em; line-height:1.75; color:#0e4595; float:left}



/* Homepage Buttons*/
#mainContent .buttons{width:425px; float:left;}

#mainContent .button_left{width:209px; float:left}
#mainContent .button_right{width:209px; float:right}

/* Homepage Polls */
.left h2.polls{margin:8px 0 3px 0; font-style:normal}

.left h2.polls img{position:relative; top:14px; left:7px}


/* Poll Styles */	
.mainpoll {padding:0 20px 20px 0;width:239px;height:auto;float:left;}

.mainpoll span {color:#CCCCCC;display:block;width:100%;padding:0!important;}

.mainpoll ul {float:left;margin:0;padding:0;width:239px;}

.mainpoll li {font-size:1.0em !important; float:left;list-style:none outside none;margin:6px 0 0 !important;padding:0 !important;width:100%;}

.mainpoll li input {vertical-align:top;float:left;margin:-15px 5px 10px 0;padding:0px;clear:left;}

.mainpoll li label {margin:0;padding:0;display:none;}

.mainpoll li span {/margin:4px 0 0;float:left;width:80%;}

.mainpoll span{display:none;}

.mainpoll .submit {margin: 10px 0 0 0;float:none;}

.mainpoll .PollResultsTitle {margin: 20px 0 0 0;padding:0;}

.mainpoll .PollResults {margin: 0;padding:0;}

.mainpollres {background:none repeat scroll 0 0 transparent;font-size:0.9em;height:auto;padding:0 16px 34px;width:200px;}

.mainpollres li{font-size:1.0em !important; height:100%;float:left;padding:0px !important;margin: 5px 0 !important;}

.mainpollres li input{vertical-align:top;float:left;margin:0px;padding:0px;}

.mainpollres li label {float:left;width:224px;margin:0px;padding:0px;}

.mainpollres span {display:none;}

.mainpollres .submit {margin: 10px 0 0 0;float:none;}

.mainpollres .PollResultsTitle {color:#FFFFFF;margin:17px 0 0;padding:0;}

.mainpollres .PollResults {margin: 0;padding:0;}

.PollResultsCorrect { background:none repeat scroll 0 0 #ff9600; float:left; font-size:100%;}

.PollResultsIncorrect { background:#FBECE9; float:left; font-size:80%; padding:0 0px 0 0; color: #000;}
	



/* Homepage News*/
#mainContent .news{width:425px; margin:10px 0 10px 0; float:left}

#mainContent .news_item{float:left; width:425px; padding:0px 0 25px 0; margin:0; background:url(../images/title_dash.jpg) repeat-x left bottom}

.news h2.box{margin:8px 0 3px 0; font-style:normal}

.news h2.box img{position:relative; top:9px; left:7px}

.news h3.box{margin:8px 0 3px 0; font-style:normal; clear:left}

.news p.box{width:100%; margin:3px 0 3px 0; font-size:0.7em; float:left}

.news p.box img{float:left; margin:0 10px 10px 0}

.news p.box a{float:left; font-weight:bold}

/*Footer*/

#base{width:100%; float:left; background:#1f80dc url(../images/base.jpg) repeat-x top; font-size:0.7em}

.base_container{width:960px; min-height:160px; _height:160px; margin:0px auto}

#base ul.certs{margin:5px 0 0 0; padding:0; float:right}

#base ul.certs li{float:left; margin:0 31px 0 0px; _margin:0 6px 0 0px; padding:0px}

#base ul.certs li a{margin:0; padding:0px}

#base ul.info{width:540px; margin:42px 0 0 0; padding:20px 0 20px 0; float:left}

#base ul.info li{display:inline}

#base ul.info li a:link, #base ul li a:visited{text-decoration:none; padding:.2em 1em; color:#FFF; font-size:1.0em}

#base ul.info li a:hover, #base ul.info li a:active{text-decoration:underline}

#base p {clear:left; margin:8px 0 8px 10px; color:#FFF;}

